Diseño de Wireframes: Estructura y Jerarquía de Interfaces

Clase 16 de 26Curso de Arquitectura de Información con Usaria

Resumen

Un wireframe es un plano preliminar de la interfaz que nos permite ver en papel los elementos que componen la interfaz y cómo están conectados.

Es importante invertir tiempo en hacer wireframes ya que nos permitirá tomar decisiones y hacer cambios con facilidad.

También nos permite identificar los componentes que serán visibles, como se agruparán y cuál será la jerarquía de la información.

Hay diferentes alternativas para hacerlos, dependiendo del nivel de detalle que quieras darle:

  • Wireframes de baja fidelidad
  • Wireframes de mediana fidelidad
  • Wireframes de alta fidelidad

Es recomendable concentrarse en wireframes de fidelidad media para plasmar la información y comunicar la distribución de la misma con claridad.