Wireframe
Un boceto sencillo de una página o pantalla que muestra únicamente la disposición del contenido y la prioridad de los elementos, sin colores ni detalles visuales.
- 01
Por qué importa
Un wireframe permite decidir qué va en cada lugar de una página antes de entrar en discusiones sobre colores y elementos visuales. Un cambio en esta fase lleva minutos; el mismo cambio en la fase de diseño o de código puede llevar días.
- 02
Ejemplo
Una agencia prepara primero un wireframe para la página de inicio de un sitio corporativo. El cliente quiere que la sección de referencias vaya antes del formulario de contacto, y el cambio se hace antes de pasar al diseño visual.
- 03
Error frecuente
Saltarse la fase de wireframe y pasar directamente al diseño en color. Los problemas de maquetación se detectan tarde y el diseño se rehace una y otra vez.
- 04
Términos relacionados
Servicios y guías relacionados
Hablemos de tu proyecto.
Cuéntenos lo que necesita; definiremos el alcance juntos.