Wireframing en Sketch.

Ruth de la Torre
Aug 28, 2017 · 2 min read

Ingeniería inversa en casa.

Pasen y vean. Una versión wireframe de la app de emov, con el método de la “ingeniería inversa” o sea, deducir qué hay detrás de la versión high-fidelity que vemos de las pantallas.

La app es emov, la conocida plataforma de car sharing. La estudio bien, cojo boli y papel y hago una primera versión a mano. La voy simplificando con bstantes dudas..¿un logo es siempre un logo o a veces se considera imagen? ¿todo el texto debe ser sustituido por líneas o en algunos casos se pone texto real?

Viendo todo lo que tengo por delante, dejo de darle vueltas y me pongo.

High-fidelity mockup de emov que tenemos que diseccionar.

El resultado ha sido bueno, pero me he atascado con el Sketch en algunos puntos. Es un ejercicio muy completo, te hace pensar mucho. Cuando lo hice entero, abrí la solución que nos han enviado. Había cosas que yo no había hecho igual y entendí qué errores había cometido.

En esta segunda revisión, copié cosas de la solución. Me ha servido para practicar más con el Sketch, que me viene genial. Sigo tardando mucho con el programa. Aquí está el resultado.

Versión wireframing para móvil de la app de emov.

)

    Written by

    Conversational Designer | UX Writer| Quiero aprender y divertirme, y no tiene que ser en ese orden.

    Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
    Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
    Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade