Proceso de Diseño UX UI - Recipe Mecy App
Aplicación móvil para un recetario de comidad familiar
"Recipe Mecy es una aplicación móvil que permite encontrar las recetas de cada familia y de cualquier generación. También es un espacio en el que se conservará el amor que los miembros de la familia dan a sus comidas..."
Analisis o problematica
Actualmente la información sobre una aplicación o sitio web que ofrece recetas es ilimitada pero la necesidad de hacer esta aplicación es tener un espacio con el recetario familiar.
Mapa de sitio
Para tener una visión global de cuál será la navegación completa entre pantallas, se diseñó el siguiente mapa del sitio
Flujo de Usuarios
Continuando con la arquitectura del sitio web, se estableció el flujo de tareas que los miembros de la familia seguirán para preparar la receta deseada.
Wireframe de baja fidelidad
El diseño de wireframes de baja fidelidad se llevó a cabo para tener una mejor visión de que lo investigado y estructurado estaban alineados.
Wireframe de mediana fidelidad
En esta etapa comenzó el diseño de los wireframes de fidelidad media con la guía previa del anterior punto
Sistema de Disenio
Tipografia y colores
Como el núcleo de la aplicación fue el recetario, la fuente utilizada tenía que ser claramente legible y los colores a utilizar serían diversos para poder distinguir entre los tipos de comidas a buscar.
Sistema de grilla
Iconos
Con respecto a los íconos, no se utilizaron muchas ya que la mayor parte de la aplicación usa imágenes de cada comida
Componentes
Gracias a los wireframes de fidelidad media, fue posible encontrar secciones donde ciertos puntos eran repetitivos y tenían estados, por lo tanto, se crearon componentes que ayudarán al diseño a ser más rápido y su desarrollo futuro más factible.
Prototipo de alta fidelidad
Una vez organizados y combinados componentes, colores, tipografía, imágenes, etc., se podría realizar el diseño final de cada pantalla.
