Prototipado: wireframes, mockups y prototipos
En diseño web, un wireframe: esquema de la página o plano de la pantalla, aunque no se suelen usar estos términos, es un dibujo o esquema que representa el esqueleto o estructura visual de un sitio web.
El wireframe suele carecer de aspectos visuales como estilo tipográfico, colores e imágenes, ya que su propósito es servir de apoyo para discutir el contenido, funcionalidad y comportamiento de un sitio web o de una página web.
La responsabilidad de un arquitecto de información identifcar los objetivos del usuario
Planos (Blueprit) son diagramas de contenido de flujo o mapa web: debe ser comprensible ,
Jesse James Garret Vocabulario Visual.
Las maquetas son prototipos de bajo fidelidad y de alta fidelidad
baja fidelidad
Prototipo blanca y negro, imagenes fjas, Sketch (Libro Sketching User Experiences)
Prototipos funcionales en HTML
Mas elaborado debe contener etiquetado de los vínculos, agrupación de contenido, maquetas dinámicas (Objetivo)
Arquitectura de la información en entornos web de Mario Perez
El prototipo se modifica con facilidad
Permite realizar pruebas de usuabilidad, como test
Beneficios de prototipar
- Menor tiempo de desarrollo posterior
- Mayor calidad del resultado final
- Mayor satisfacción del cliente y el usuario final
Consejos para realizar un buen prototipo
- Sencillez y claridad
- Hazlo en blanco y negro
- Representa los tamaños y proporciones de los bloques de contenido
- Ten en cuenta las pautas de accesibilidad y usabiidad
- y sobre todo, diseña para tus usuarios
No hay comentarios.:
Publicar un comentario