UX/UI Case Study

Eat It

Diseño de una aplicación móvil siguiendo la metodología de Diseño Centrado en el Usuario (DCU)

  • User experience
  • User interface
  • Mobile aplication
prototipo aplicacion

Overview

Frecuentemente, las personas con alergias alimentarias se ven condicionadas a la hora de consumir alimentos fuera de sus hogares.

La aplicación diseñada les facilita el proceso de elección de platos aptos cuando visitan un restaurante u otros establecimientos similares.

Investigando sus costumbres y necesidades para realizar un diseño que se adapte lo máximo posible a ellas.

¿Cómo?

search

Investigación

idea

Definición

wireframe

Diseño

test

Evaluación

Investigación

Entender el contexto

Búsqueda de información para conocer en profundidad la situación actual, conceptos relacionados y otras soluciones ya existentes.

  • Porcentaje de alérgicos en aumento.

  • Síntomas graves.

  • Nueva legislación europea.

  • Dificultad para consultar cartas de restaurantes.

Conocer a los usuarios
  • ¿Encuentran dificultades para elegir la comida en restaurantes?

  • ¿Limitan sus salidas por la dificultad de encontrar comida apta para ellos?

  • ¿Han sufrido malas experiencias por confusiones o mala información por parte de establecimientos?

Definición

Descripción de un usuario arquetípico cuyas necesidades y características, descubiertas anteriormente, representan a los usuarios primarios. Así como representar posibles interacciones usuario-producto mediante los escenarios y user journeys. Finalmente se genera un árbol de contenidos que representa la estructura en la que se organiza la informacion ofrecida al usuario.

User persona
Arbol de contenidos

Diseño

Sketching

Esbozos rápidos y poco detallados que plasman las ideas y requisitos necesarios. Definen la estructura visual de la aplicación.

sketch
Wireframes

Representar de forma más clara y formal la idea planteada en los bocetos, definiendo la estructura y navegación entre secciones.

wireframe 1 wireframe 2 wireframe 3 wireframe 4 wireframe 5 wireframe 6 wireframe 7 wireframe 8