Diseño de Información - Sistemas complementarios

Es una mezcla entre un wireframe y un storyboard

• Secuencias del estado de la interfaz

• Árboles de contenido

• Embudos de conversión

• Storyboards

• Diagramas de flujo de interacción

La siguiente imagen corresponde a

• Bocetos/ Mockups

• Layouts o disposición

• Diagramas de interacción

• Wireframes

Es la manera en que están distribuidos los elementos y las formas dentro de un diseño de un sitio web

• Layouts o disposición

• Bocetos

• Mockups

• Wireframes

• Diagramas de interacción

La siguiente imagen corresponde a

• Diagramas de flujo de interacción

• Embudos de conversión

• Storyboards

• Secuencias del estado de la interfaz

• Árboles de contenido

Los Mockups se conocen además con el nombre de

• Bocetos

• Wireframes

• Disposición

• Layouts

La siguiente imagen corresponde a

• Wireframes

• Layouts o disposición

• Bocetos/ Mockups

• Diagramas de interacción

Este plano es la base para desarrollar una página web, ya que el diseñador dispone los textos y elementos en un mismo ambiente.

• Layouts o disposición

• Wireframes

• Bocetos/ Mockups

• Diagramas de interacción

Sirven para documentar la estructura jerárquica general del producto y sus contenidos web.

• Árboles de contenido

• Embudos de conversión

• Storyboards

• Secuencias del estado de la interfaz

Se representa mediante una tira cómica la interacción entre usuario y producto mediante ilustración y narrativa, aportando contexto a dicha interacción como situaciones, ambientes, necesidades, motivaciones o interacciones sociales.

•  Storyboards

• Árboles de contenido

• Embudos de conversión

• Secuencias del estado de la interfaz

• Diagramas de flujo de interacción

En estos diagramas, las posibles acciones del usuario y la respuesta del producto se describen mediante elementos (nodos) y conectores.

• Diagramas de flujo de interacción

• Storyboards

• Árboles de contenido

• Embudos de conversión

• Secuencias del estado de la interfaz