Creador de wireframes

¿Qué es un wireframe?

Un wireframe es un boceto estructural de una interfaz. Muestra dónde deben ubicarse el contenido y los controles para que el equipo pueda evaluar la jerarquía y completar las tareas antes de trabajar en un estilo visual pulido.

Úsalo para resolver dudas de estructura

Un wireframe es útil cuando una pantalla tiene demasiado contenido, cuesta encontrar una acción o las partes interesadas necesitan ponerse de acuerdo sobre el orden de la información.

Mantén una estructura con propósito

1. Diseña en torno a una tarea. Indica qué debería lograr el usuario en la pantalla.
2. Usa etiquetas significativas. Una navegación y unos textos de acción realistas revelan problemas que los cuadros genéricos ocultan.
3. Muestra la prioridad del contenido. La información más útil debe ser fácil de encontrar.
4. Ten en cuenta los datos ausentes. Considera los estados vacío, de carga y de error junto con el diseño con contenido.
5. Indica el tamaño de pantalla. Una disposición para escritorio no demuestra cómo encaja el mismo contenido en un teléfono.

Boceta la pantalla en un lienzo

MyMap puede organizar las regiones de la interfaz que describas y modificar su ubicación. El ejemplo es un boceto de un panel de analítica con navegación lateral, tarjetas de KPI, áreas de gráficos y una tabla; esos elementos representan una estructura.