You are on page 1of 10

4° Plano

Esqueleto

D I S E Ñ O D E I N T E R FA Z , D I S E Ñ O D E
N AV E G A C I Ó N Y D I S E Ñ O D E I N F O R M A C I Ó N
Introducción

En el plano esquemático, se redefine aún más esa estructura, identificando aspectos específicos
de la interfaz, la navegación y el diseño de información que harán que la estructura intangible sea
concreta.
Desde el punto de vista del software, definimos el esqueleto mediante el diseño de la interfaz, el
diseño de navegación y diseño de información.
Estos tres elementos están estrechamente vinculados entre sí, más que cualquiera de los otros
elementos anteriormente mencionados
De que trata el esqueleto de UX
• Diseño de interfaz
La interfaz es el medio por el cual los usuarios entran en contacto con la funcionalidad definida
en las especificaciones y estructurada en el diseño de la interacción.

• Diseño de navegación
El diseño de navegación es la lente a través de la cual el usuario puede ver esa estructura, y
es el medio por el cual el usuario puede moverse a través de ella.

• Diseño de información
El diseño de información cruza el límite entre los sistemas de software orientados a tareas y los
sistemas de hipertexto orientados a la información porque ni el diseño de interfaz ni el diseño
de navegación pueden ser completamente exitosos sin un buen diseño
de información para soportarlos.
Diseño de interfaz

• Los diseños de interfaz pueden emplear una variedad de trucos para facilitar a los usuarios el
camino hacia sus objetivos.

• Una interfaz bien diseñada reconoce los cursos de acción que es más probable que los
usuarios tomen y hace que los elementos de interfaz sean más fáciles de acceder y usar.

• Un truco simple es pensar cuidadosamente sobre las opciones predeterminadas seleccionadas


cuando la interfaz se presenta por primera vez al usuario.
Diseño de navegación

• El diseño de navegación parece un negocio simple el cual debe cumplir tres objetivos
simultáneos:
1. En primer lugar, debe proporcionar a los usuarios un medio para llegar de un punto a otro
en el sitio.
2. En segundo lugar, el diseño de navegación debe comunicar la relación entre los elementos
que contiene.
3. En tercer lugar, el diseño de navegación debe comunicar la relación entre sus contenidos y la
página que el usuario está viendo actualmente.

La mayoría de los sitios en realidad ofrecen múltiples sistemas de navegación , cada uno
cumpliendo una función particular al permitir al usuario navegar por el sitio con éxito en una
variedad de circunstancias.
Tipos de Navegación

• La navegación global brinda acceso al barrido general de todo el sitio.


• La navegación local proporciona a los usuarios acceso a lo que está "cerca" en la
arquitectura.
• La navegación adicional proporciona accesos directos a contenido relacionado que puede
no ser fácilmente accesible a través de la navegación global o local.
• La navegación contextual (a veces llamada "navegación en línea") está integrada en el
contenido de la página.
• La navegación de cortesía brinda acceso a los artículos que los usuarios no necesitan de
manera regular, pero que se brindan comúnmente para su comodidad.
Diseño de información
• En todos los casos, el diseño de la información se reduce a tomar decisiones sobre cómo
presentar la información para que las personas puedan usarla o entenderla más fácilmente.

• La clave, por supuesto, es agrupar y organizar los elementos de información de manera que
reflejen la forma en que los usuarios piensan y respaldan sus tareas y objetivos.
Wayfinding

• Una función importante que el diseño de la información y el diseño de navegación trabajan


juntos para realizar es la identificación de caminos .
Wireframes
• El diseño de la página es donde el diseño de la información, el diseño de la interfaz y el diseño
de navegación se unen para formar un esqueleto unificado y cohesionado.

• El diseño de la página debe incorporar todos los diversos sistemas de navegación, cada uno
diseñado para transmitir una visión diferente de la arquitectura; todos los elementos de
interfaz requeridos por cualquier funcionalidad en la página; y el diseño de la información que
admite ambos, así como el diseño de la información del contenido de la página en sí.
BIBLIOGRAFÍAS

• Fleming, Jennifer. Navegación web: diseño de la experiencia del usuario . O'Reilly, 1998.
• Spolsky, Joel. Diseño de interfaz de usuario para programadores .Apress, 2001.
• Tufte, Edward. Información de visualización . Graphics Press, 1990.
• Veen, Jeffrey. El arte y la ciencia del diseño web . New Riders, 2000.

You might also like