Wireframe
Un wireframe muestra la estructura de una página o pantalla. Permite discutir la distribución sin demostrar un flujo interactivo completo.
Un wireframe es una representación simplificada de la estructura de una página o pantalla. Puede mostrar dónde se sitúan navegación, contenidos y controles, y qué información debe destacar. El detalle visual puede mantenerse limitado de forma deliberada.
Para qué sirve el esquema
En un portal de clientes hipotético, un wireframe coloca la búsqueda de documentos sobre la lista de resultados. Así se puede discutir la distribución prevista antes de diseñar los detalles.
El dibujo por sí solo no muestra cómo responde la búsqueda ni adónde conduce un enlace. Para eso se necesitan descripciones, un flujo o un prototipo interactivo. Tampoco es una especificación técnica para cada tamaño de pantalla ni una prueba de que la interfaz se entienda.
Fuentes
Términos relacionados
- Interfaz de usuarioLa interfaz permite interactuar con un sistema. Las etiquetas, los avisos y las respuestas a las acciones forman parte de su diseño.
- PrototipoUn prototipo permite examinar un diseño mediante una pregunta concreta. Su forma y alcance dependen de la incertidumbre que se desea resolver.
- Prototipo interactivoUn prototipo interactivo responde a acciones seleccionadas. Permite probar un recorrido sin implementar necesariamente el procesamiento real.
- Orden del focoEl orden del foco determina el recorrido por los elementos que pueden recibirlo. Debe conservar el sentido y la operabilidad ante cambios dinámicos.
- Trampa de tecladoUna trampa de teclado deja la interacción atascada en una zona. La contención deliberada del foco en un diálogo necesita una salida operable con teclado.
- Enlace para saltar al contenidoUn enlace de salto evita la navegación repetida y lleva al contenido principal. El siguiente paso con el teclado también debe continuar en el lugar correcto.
Artículos sobre el tema
Diseño y UX con ASES
Experiencia de usuario, interfaces e imagen de marca