2.1 Paso. Wireframe

Los wireframes, cómo entran en juego la interfaz de usuario (UI) y la experiencia de usuario (UX) en las primeras etapas del diseño de aplicaciones y páginas web, y cómo el software logra que todo sea más fácil, rápido y eficiente (3 Click).



"wireframe" significaba una representación visual de objetos tridimensionales.

Son una vista del diseño gráfico y arquitectura de información en un proyecto digital es la creación de los wireframe apoyándonos en el sketch que hemos dibujado.

Nos ayuda a:

• Dar prioridad a los contenidos determinando la cantidad de espacio que se va asignar a un elemento dado y donde se encuentra ese elemento.
• Conectar arquitectura de la información del sitio para su diseño visual, mostrando las conexiones entre las páginas.
• Clarificar los espacios y formas para la visualización de determinados tipos de información sobre la interfaz de usuario.
• Determinar la funcionalidad prevista en la interfaz, la cantidad de las funciones disponibles, o el efecto de los distintos escenarios en la pantalla.

Herramientas:

• Gliffi 
• Cacoo 
• Mockingbird 
• Lumzy 
• Framebox 
• RWD Wireframes 

»»»