Qué es el diseño web

El diseño web se enfoca en el desarrollo de sitios y aplicaciones para la web, por lo tanto se encarga de su usabilidad y apariencia visual. Requiere de un proceso de planificación, implementación y mantenimiento. Al diseñar un sitio web es necesario tener en cuenta la experiencia del usuario.

¿De qué se trata el diseño de un sistema de navegación?

La estructura de un sitio web debe ser el reflejo de una estrategia. Se deben elaborar contextos de navegación para hacer que los usuarios sigan un recorrido en el sitio web. Sin embargo, los visitantes no deben sentirse atrapados y deben tener la libertad de irse o cambiar de sección en el momento que deseen.

¿En qué consiste el recorrido visual?

Existen estudios que han demostrado que la vista del usuario de Internet promedio suele desplazarse por las páginas en "zigzag", comenzando en la esquina superior izquierda y moviéndose hacia la esquina inferior derecha. El área que corresponde a la mitad superior de la página es un sitio especialmente estratégico para colocar información.

¿Qué es la estructuración de un sitio web?

La estructuración de un sitio web consiste en construir la arquitectura global del sitio mediante la organización de las distintas piezas de información. El primer paso es hacer una lista del contenido del sitio web y agrupar el contenido por temas con el fin de formar secciones. Esto a veces se denomina creación de secciones.

Tan pronto como se definan las secciones principales (no deben usarse más de doce), se deben organizar y dividir en subsecciones. Casi siempre, la estructura de un sitio web se asemeja a la forma de un árbol, dónde la página de inicio es la raíz:

¿Cuáles son los elementos estándar?

Algunos elementos se encuentran en casi todos los sitios web:

El logotipo del sitio web, ubicado en la esquina superior izquierda. Al hacer clic en este logotipo el visitante es dirigido directamente a la página de inicio del sitio web.
Un vínculo a la página de inicio, que siempre se encuentra en cada página del sitio.
En todas las páginas pueden hallarse elementos de navegación que permitan a los usuarios saber en qué parte del sitio web se encuentran y volver fácilmente a la sección principal.

¿Cuáles son los elementos de navegación?

Son herramientas que ayudan al visitante a saber dónde se encuentra dentro del sitio web, a volver y a desplazarse entre las secciones. Existen varios métodos para configurar los elementos de navegación:

Rastro de migas de pan (breadcrums)
Navegación por pestañas
Mapa del sitio

Rastro de migas de pan (breadcrumbs)

Un rastro de migas de pan es una herramienta de navegación constituida por una serie de vínculos jerárquicos. Un rastro de migas de pan representa la ruta de navegación y permite a los usuarios:

Saber en qué parte del sitio web se encuentran.
Regresar a las secciones principales fácilmente.

Un rastro de migas de pan se presenta en el siguiente orden: Página de inicio > Webmastering > Navegación.

Un rastro de migas de pan incluye los siguientes elementos:

Vínculos separados por el carácter ">" que simboliza la idea de jerarquía.
El último vínculo aparece en negrita y no puede hacerse clic sobre él. Este vínculo representa la página en la que el visitante se encuentra.

El término "rastro de migas de pan" se refiere al cuento de los hermanos Grimm, "Hansel y Gretel", que narra la historia de dos niños que se pierden en un bosque y que van dejando caer pedacitos de pan detrás de ellos para poder encontrar el camino de regreso.

Navegación por pestañas

Las pestañas son herramientas de navegación muy útiles que ayudan a los visitantes a distinguir las secciones de un sitio web y a moverse de una sección a otra. También pueden usarse códigos de colores como una manera de reforzar las diferencias entre las secciones.

Flechas de navegación

Las flechas de navegación (siguiente, anterior, regresar al capítulo, regresar a la página de inicio) son herramientas de navegación intuitivas para el usuario.