2 of 8

Objetivos Específicos:

Recorrer el prototipo completo y completar la tarea principal propuesta en el userflow.
Definir la interfaz del prototipo a partir de los conceptos vistos de accesibilidad, leyes aplicadas a UX y UI Kit.

Se debe entregar:

Prototipo Funcional (Fidelidad Alta de Contenido) - URL a Figma con el Prototipo funcional.
UI Kit y Moodboard.

Fidelidad del Prototipo:

Alta de Contenido: Contenidos reales.
Alta Visual: Guidelines, UI KITS, Leyes UX, Accesibilidad, entre otros.
Alta de Funcionalidad: Animación, microinteracciones, recorrido de la funcionalidad principal (Notificaciones, entre otros).

Entrega 3�Proyecto de aula

3 of 8

Aspectos a incluir en el entregable:

Coherencia entre las tareas y el objetivo.
Tener en cuenta:
El guión es claro y le da al usuario un contexto para hacer las pruebas, los objetivos corresponden a las instancias iniciales del proyecto, las tareas son suficientes para obtener feedback de los usuarios y las conclusiones y puntos de mejora son coherentes con la prueba de usabilidad realizada.

MÉTRICAS

PROTOTIPO Y WIREFRAMES

Aspectos a incluir en el entregable:

NOTA: no es necesario presentar todos los wireframes en el documento evolutivo (con 5 wireframes es suficiente).
Integrar imágenes reales y vectores
Se recomienda que sea en alta definición para que el análisis se centre en lo estructural y en contenido.
Usar medidas aproximadas.
Usar máximo 2 tipografías, no importa cuáles.
Comenzar por elementos de estructura, como la navegación.
Tener en cuenta las Interacciones: desplegables, hovers, submenús, megamenús, tabs, accordions, etc.
Comunicar la estructura de la solución de diseño que estamos pensando: ¿Dónde estarán los menús? ¿El logo? ¿Los Call To Action principales? ¿Qué jerarquía tendrán los distintos grupos de contenido?

Tener en cuenta todos estos puntos tanto para el prototipo (en formato link) como para el documento evolutivo con wireframes.

Aspectos a incluir en el entregable:

Botones con texto real (ej: botón "Continuar")
Títulos y bajadas con texto real.
Ser ordenados con los nombres de los componentes y elementos de cada frame.
implementar colores
Incorporar los conceptos de sistema de grilla, componente al diseño de interfaz de la app. Los componentes deben estar ordenados y organizados en grilla.
Poner en práctica el concepto de Atomic design en cada uno de los componentes (definir elementos mínimos, agrupar y relacionar).
Presentar un documento que detalle los puntos más relevantes que fueron iterados en el prototipo a partir de las pruebas de usabilidad.

PROTOTIPO - FIDELIDAD ALTA VISUAL, DE CONTENIDOS Y DE FUNCIONALIDAD

Aspectos a incluir en el entregable:

UI KIT

MOODBOARD

Aspectos a incluir en el entregable:

Debe incluir referencias (de app u otras piezas de diseño) de los siguientes elementos:
Colores
Imagenes
Texturas
Estructuras
Palabras clave
(Optativo) Se puede generar un moodboard de referencia de app.
(Optativo) Se puede llegar a generar un moodboard con movimiento y/o auditivo.

Aspectos a incluir en el entregable:

Cumplir con los principios de heurística: el prototipo será evaluado en relación a los 10 principios de heuristica de Nielsen.

Ser funcional: tener la transición entre todas las pantallas de la funcionalidad principal.

PROTOTIPO FUNCIONAL

EJEMPLO DE PRESENTACIÓN

Objetivo: Generar, en forma de presentación, el detalle de los desafíos anteriores.

UI KIT�Y MOODBOARD

PROTOTIPO FUNCIONAL - FIDELIDAD ALTA VISUAL�Y DE CONTENIDO & FUNCIONALIDAD

NOTA: El Gif es a modo ilustrativo. Acá deberás colocar la url a tu prototipo hecho en FIgma. El mismo debe:

Incorporar las decisiones de diseño del UI KIT
Ser funcional: todas las pantallas deben estar conectadas (se puede incorporar el teclado como una instancia más del recorrido).
Aplicar las leyes UX
Incorporar los resultados de la Evaluación Heurística.