¿Cómo crear wireframes?

Los wireframes son una parte muy importante para estructurar cada pantalla de una app.

uxcristopher

Hace 3 años1 minutos de lectura

¿Cómo crear wireframes?

Un wireframe es una representación simplificada de una pantalla individual, que nos permite tener una idea temprana de los elementos que contendrá nuestro diseño, identificando y separando lo informativo de lo interactivo.

Los wireframes son como los planos de una casa. En los planos arquitectónicos se pueden ver los espacios y elementos funcionales de una manera rápida y sencilla.

Nos permiten enfocarnos en lo que en realidad importa "Funcionalidad" y no detenernos a pensar en cuestiones estéticas.

¿Para qué sirve un wireframe?

Permite explorar diferentes alternativas a una solución, por ejemplo crear propuestas de navegación e interacción en una app.
Permite comunicar y validar ideas.
Nos permite ahorrar tiempo y esfuerzo.
Nos ayuda a ser más creativos.

¿Cómo crear wireframes?

La mejor manera de crear wireframes es a lápiz y papel. Enfrentarte a la hoja en blanco es la mejor manera de comenzar a identificar problemas y soluciones sin antes comenzar a diseñar o programar. En ocasiones podemos crear nuestros wireframes en una pizarra u hoja en blanco, pero mi recomendación es utilizar una libreta dedicada a la creación de wireframes para de esta manera tenerlos guardados y listos para volver a consultarlos si lo deseas.