Wireframe

Un wireframe es una ilustración bidimensional de la interfaz de una página que se centra específicamente en la asignación de espacio y la priorización del contenido, las funcionalidades disponibles y los comportamientos previstos. Por estas razones, los wireframes normalmente no incluyen estilo, color o gráficos. Los wireframes también ayudan a establecer relaciones entre las diversas plantillas de un sitio web.

Qué es un wireframe?. Y por qué deberías incluirlos en tu… | by Gema  Gutiérrez Medina | PildorasUX | Medium
Explicación del proceso de sketching por la diseñadora KRISZTINA SZEROVAY

PARA QUÉ SIRVEN

  • Son un excelente punto de partida para empezar a diseñar.
  • Presentar la idea básica de la funcionalidad e interacción.
  • Dibujar la estructura y elementos de la navegación a nivel básico.
  • Ofrecer una visión general de la interfaz de usuario.

CÓMO SE HACE UN WIREFRAME

  • El wireframe debe definir la estructura y jerarquía de la página.
  • Debe indicar dónde aparece cada contenido.
  • En él se debe indicar qué comportamiento y funcionamiento tienen los elementos con los que se puede interactuar o los que tendrán movimiento.

HERRAMIENTAS:

Conclusiones

En la estructura de Wireframe no solo se deben crear la arquitectura de información, sino que se debe considerar además el flujo de navegación del usuario en la plataforma. Existen distintas herramientas que permiten crear bocetos con mayor o menos fidelidad, a fin de que podamos llegar a un producto final que resista pruebas básicas de usabilidad para ser convertido a prototipo.

Fuentes

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Salir /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Salir /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Salir /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Salir /  Cambiar )

Conectando a %s