El wireframe nos entrega el arquetipo del sitio que se desea, nos ofrece información en torno al diseño final que queremos tenga la experiencia de usuario.
La principal ventaja del wireframe es que permite poner focos en lo esencial, nos ayuda a ver las necesidades que se cubren.
Para lograr ese objetivo y desarrollar un sitio que cumpla las expectativas que se buscan, en primer lugar hay que diseñar un prototipo a mano alzada, con lápiz y papel. De esta manera se pueden obtener opiniones rápidamente.
Cuando ya se cuenta con cierta información acerca del diseño hecho a mano se recomienda desarrollar wireframes zonificados, que permitan visualizar claramente la distribución de las áreas o secciones del sitio web.
Posteriormente hay que hacer un wireframe en "alta definición" que sirva para visualizar todos los elementos del sitio, permitiendo simular las funciones con que el usuario se encontrará. Este prototipo constituye una primera versión del sitio final.
Algunos software para hacer wireframes:
- Fireworks: permite en un solo archivo ver cómo interactúa el usuario para cada función. Es fácil para encajar bloques.
- Evernote: permite sincronizar todos los archivos, así como realizar benchmarks colaborativos y sincronizados.
- Dropbox: permite mantener carpetas sincronizadas y realizar varias funciones a la vez.
- Freemind: permite crea árboles de contenido de manera sumamente fácil.
Y aquí tienen un sitio donde encontrarán varios tipos de wireframes: I ♥ wireframes
Y aquí tienen un sitio donde encontrarán varios tipos de wireframes: I ♥ wireframes
0 comentarios:
Publicar un comentario en la entrada