Publicado por

Entrega R2 – Prototipado

Publicado por

Entrega R2 – Prototipado

Hola a todos, les comparto mi experiencia con el reto propuesto. En primer lugar generé una serie de estilos para generar los…
Hola a todos, les comparto mi experiencia con el reto propuesto. En primer lugar generé una serie de estilos…

Hola a todos, les comparto mi experiencia con el reto propuesto.

En primer lugar generé una serie de estilos para generar los elementos más básicos del sistema de diseño de BK:

Posteriormente, procedí a generar los componentes que se solicitaron en el reto. Teniendo en cuenta que la app y web de BK no cuentan con interacciones como estados de Hover y Click en sus componentes, propuse una animación sencilla que permite que el usuario tenga feedback cuando realiza una acción. Estos componentes y sus interacciones pueden ser vistas en este video:
Componentes BK

Por último, en respuesta al caso propuesto en el que se solicitan los wireframes de una app en la que los empleados de BK puedan hacer control de calidad, generé un prototipo sin interacciones y solo haciendo uso de los estilos más básicos que me permitieran mostrar la idea. Lo podrán ver a continuación:
Burger King Wireframe

Saludos!

Debate0en Entrega R2 – Prototipado

No hay comentarios.

Publicado por

R2 – Prototipado y construcción sistemática del diseño

Publicado por

R2 – Prototipado y construcción sistemática del diseño

Hola a todos, En este reto cuenta con dos partes, en la primera se analizó la interfaz de Burger King (BK) viendo…
Hola a todos, En este reto cuenta con dos partes, en la primera se analizó la interfaz de Burger…

Hola a todos,

En este reto cuenta con dos partes, en la primera se analizó la interfaz de Burger King (BK) viendo como son los elementos de estilo, los elementos de interacción e iconografía con lo que preparé un ui-kit básico. Que se puede ver en este enlace de figma: LINK

Aqui algunas capturas de los componentes:

Pero también presento este video que permite ver las interacciones de esos componentes y como se relacionan con el prototipo:

 

En la segunda, realizaré un pequeño prototipo de baja fidelidad para plantear una aplicación que serviría para facilitar a los controladores de calidad de BK poder cargar reportes de calidad de los productos. Este prototipo se puede ver es este enlace: LINK

También en el siguiente video se puede observar la navegación por el mismo:

 

Espero que les haya gustado! Saludos!

Debate0en R2 – Prototipado y construcción sistemática del diseño

No hay comentarios.

Publicado por

Reto 2 – Prototipado

Publicado por

Reto 2 – Prototipado

Este segundo reto se divide en dos partes, la creación del UI Kit de la aplicación móvil de Burger King y la creación…
Este segundo reto se divide en dos partes, la creación del UI Kit de la aplicación móvil de Burger King…


Este segundo reto se divide en dos partes, la creación del UI Kit de la aplicación móvil de Burger King y la creación del prototipo de baja fidelidad.

Parte1:

He diseñado los diferentes elementos del UI Kit teniendo en cuenta los estilos de texto y color identificados en la aplicación móvil. Además, los diferentes elementos cuentan con interacciones que simulan la navegación en la interfaz de Burger King.

Parte 2:

Para la segunda parte del reto he creado un prototipo interactivo de baja fidelidad de la futura aplicación móvil donde se podrá evaluar los restaurantes añadiendo los diferentes factores que condicionan la experiencia.

Link: https://www.figma.com/proto/YsZoPVh5RyzIdnyXfMbvOu/PROYECTO-RETO2?node-id=2062-8656&node-type=frame&t=B3aPHvuQ12T9mt9D-1&scaling=scale-down&content-scaling=fixed&page-id=2062%3A8655

En el siguiente video explico y muestro la funcionalidad del prototipo de baja fidelidad que he diseñado.

Debate0en Reto 2 – Prototipado

No hay comentarios.