UX/UI Prework 4.0 — UI -Exercise: Wireframing Challenge
[Ironhack][Prework][UI][Sketch] — Cuarto ejercicio — Ironhack Madrid
A la hora de prototipar no es necesario en unas fases tempranas tener el diseño final, por ello utilizamos recursos rápidos de crear para representar los elementos que más tarde diseñaremos, estos son los wireframes.
Al igual que cuando bocetas a mano los hay de mayor o menor nivel de detalle pero todos tienen una cosa en común, nos ahorran mucho tiempo y podemos trabajar rápidamente en el concepto sin perdernos en detalles visuales.
El ejercicio
En esta ocasión tenemos que elaborar un wireframe de unas pantallas de la aplicación emov.
Para ello nos han facilitado un UI Kit, y aparte he descargado y creado elementos que necesitaba y no estaban.
Al tener símbolos creados y estilos de texto se trabaja muy cómodamente y de manera rápida.
Cuando había listas no he modificado los títulos ni texto para avanzar rápido, algunos textos son falsos en los que he puesto Lorem Ipsum.
He obviado la barra de notificaciones propia del smartphone, en este caso un iPhone.
Este es el modelo que nos dieron:
Y este es mi resultado final:
Conclusión
Gracias a los wireframes he podido representar esta aplicación en muy poco tiempo, tan sólo he tenido que ver qué elementos me faltaban, crearlos y una vez tenía todo ponerme a colocarlos.
El uso de símbolos facilita muchísimo y los estilos de texto agilizan mucho el trabajo.