Prototipado de landing y apps
Primero determinar que queremos una app movil o un aplicación web
Etapas de diseño
- Sketch
- Wireframe
- Mockup
- Prototipo
Sketch (Bosquejo)
Es un bosquejo estático en baja calidad de un diseño.
Un sketch en teoría es un dibujo rápido o bosquejo de guía general , que reproduce un concepto, idea, o generalidad de un proyecto
Herramienta : Lápiz y papel
El entregable es una imagen, o un papel.
Wireframe
Es una representación estática en baja calidad de un diseño.
es la columna vertebral de su diseño donde tendrá una representación de cada parte importante del producto final.
Herramienta : NinjaMock
El entregable es una imagen.
Mockup
Representación estática de un diseño en calidad media o alta.
Permite revisar la parte visual real del proyecto
Herramientas : illustrator , Photoshop , sketch
El entregable es una imagen.
Prototipo
Representación navegable del producto final.
Simula la interacción interfaz de usuario y debe permitir que el usuario:
- Experimente interactuando con la interfaz y contenido del proyecto.
- Pruebe las principales interacciones de una manera similar al producto final.
El entregable es un HTML, Animación o formato navegable.
Html + CSS + Js
Prototipos interactivos
Gracias
Prototipado de landing y apps
By Yan Vallejo
Prototipado de landing y apps
Presentación para el #SENAPazífico
