Please enable JavaScript.
Coggle requires JavaScript to display documents.
Diseño de prototipos (introducción (Bocetado rapido (funcionalidades…
Diseño de prototipos
introducción
prototipo
simulación del producto final
por donde iniciar?
fidelidad
bajo
siempre tratar de empezar por esta
media
wireframes
alta
define la arquitectura final del diseño
define tipografias color uso de la marca
Definición de flujos de tareas y funcionalidades
lo primero es entender los requerimientos
Que quiere lograr el usuario
flujos de tarea
pasos que ejecuta el usuario
el usuario hace
el usuario ve
funcionalidades
Enfocarse en la función principal
posteriormente funcionalidades extras y mejoras
Bocetado rapido
funcionalidades principales
traducirlas a una fidelidad media
el usuario hace
a partir de lo que ve
pensar en todos los usos posibles
desde que se vaya el internet
free hand
Herramientas
Atomic design
Sistema de diseño
reglas
restricciones
implementación de diseño y código
es un lenguaje
ayuda a facilitar el desarrollo
manera ordenada de construir componentes
Componentes
Atomos
son las unidades mas pequeñas
etiquetas
entradas
botones
Moleculas
conjuga varios átomos
relaciones muy simples entre átomos
crea componentes
Templates
realiza pruebas de concepto
se denomina wireframe
es la unión de varios organismos
Paginas
prototipo de alta fidelidad
información real dentro de un template
Organismos
unión de varias moléculas
interfaz empieza a tener formas definidas
ventajas
Practica generalizada y mas común
fundamentos del sistema de diseño
Fácil de comunicar
aterrizar ideas de forma sencilla
diseño consistentes y escalables
Introducción a Figma
permite centralizar tu trabajo
Ventajas
Herramienta en linea
Colaborativa
control de versiones
Diseñar/prototipar/Entregar
Librerías de equipo
Modo presentación
wireframes
Librerías y componentes
Diseño
Zeplin