¿Qué es el Wireframing y Los Wireframes?

Wireframing es una fase donde se trabaja el aspecto visual inicial de una aplicación a un nivel de fidelidad muy bajo, enfocándose en el “esqueleto” de la interfaz de usuario más que en los detalles como: colores, fuentes, imágenes y otros. De cierta forma, un wireframe podemos definirlo como el boceto inicial de las pantallas que conforman una aplicación.

Esta etapa nos permite concentrarnos en lo fundamental y planear el cómo están ordenados los elementos, como también el flujo a seguir por el usuario al navegar.

Generalmente, los wireframes están compuestos por formas y figuras algo abstractas, funcionando temporalmente como representaciones de elementos que se mostrarán más adelante en la pantalla, como imágenes, párrafos, etc.
Suelen también ser de colores “simples” como negro, blanco y gris.

De esta forma, se mantiene el enfoque en las bases, antes de pasar a un diseño más elaborado y se dejan los detalles para una siguiente etapa.

Existen diferentes tipos de wireframes; entre ellos, el wireframe a mano, que consiste en simplemente utilizar papel y lápiz, y el wireframe digital, que puede crearse con una gran variedad de herramientas y programas.

Algunas herramientas para generar wireframe:

https://www.lucidchart.com/pages/es/landing/wireframe-tool?utm_source=google&utm_medium=cpc&utm_campaign=chart_es_tier1_desktop_search_nb_bmm&km_CPC_CampaignId=1487565750&km_CPC_AdGroupID=79149553594&km_CPC_Keyword=%2Bwireframe%20%2Bherramienta&km_CPC_MatchType=b&km_CPC_ExtensionID=&km_CPC_Network=g&km_CPC_AdPosition=&km_CPC_Creative=505658318295&km_CPC_TargetID=kwd-785474705743&km_CPC_Country=9070296&km_CPC_Device=c&km_CPC_placement=&km_CPC_target=&gclid=CjwKCAjw6raYBhB7EiwABge5Ko2WqrESL-LukW1I518eO9_PQXj0MWnh8FULhHF8OZRyRAs-PMU8BBoCJ2UQAvD_BwE

https://wireframe.cc/

https://pencil.evolus.vn/

En 611 Digital aplicamos esta práctica a la etapa inicial de cada nuevo proyecto, enfocándonos en las bases que darán vida a una aplicación con una experiencia de usuario agradable en todo momento.


Posted

in

,

by

Tags: