Construcción de Wireframes en Diseño de Producto

Clase 14 de 39Curso de Diseño de Interfaces Únicas

Resumen

Los Wireframes son maquetas del diseño de una aplicación construídos de manera rápida, es el primer paso de planeación de flujos dentro de un sistema, siendo el proceso para construir de forma rápida nuestro diseño.

Existen wireframes de diferente nivel de detalle, desde bajo, medio y hasta alto nivel, aunque siempre se recomienda empezar por lo más sencillo y detallar en siguientes iteraciones.

Los wireframes sirven para comunicar estructuras, así que no importa ni el color ni las animaciones, deben de ser simples y rápidos.

Los puntos a tener en cuenta dentro de un wireframe son:

  • Arquitectura de la información
  • Flujos
  • Jerarquía
  • Estructura
  • Componente
  • Foundations
  • Arquitectura