4# EMOV with link to prototype

En el cuarto ejercicio del prework se nos propone pasar a wireframes las principales pantallas de la aplicación EMOV. Un wireframe, en un entorno web, es un esquema de la página, una guía visual que representa el esqueleto y estructura visual de un sitio web o una app. Este es el paso previo al diseño, que nos sirve para testear si nuestra planeación tiene sentido antes de empezar a diseñar.

Nunca había hecho wireframes a través de Sketch, siempre había utilizado Balsamiq o Axure, pero gracias a la biblioteca que nos han facilitado ha sido mucho más rápido de lo que me esperaba.

Os dejo aquí el resultado final:

Este ejercicio en el que se nos hace entender la importancia de los wireframes en nuestros proyectos, ya que muchas veces tenemos tendencia a pensar en el diseño antes que en la usabilidad. Con este proceso, se nos obliga a pensar primero la usabilidad y, una vez la tenemos testeada, pasamos al diseño.

Nos vamos leyendo!
Dani F.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store