¿Cómo desarrollar una estructura de navegación

Una estructura de navegación es clave para la planificación de una página web. Una estructura de navegación implica un poco más alto nivel de abstracción que acaba de bosquejar páginas. Un diagrama de flujo de navegación (o mapa) organiza la forma en que se va a guiar a los visitantes a través de su material.

Usted no quiere poner obstáculos en frente de los visitantes que buscan algo en su sitio. Usted está construyendo su sitio por una razón (o un conjunto de razones). Tiene ideas acerca de qué material es la máxima prioridad para los visitantes a participar con, y lo que no lo es.

Su flujo de navegación reflejará esas prioridades, con el material que desea más accesible disponible en una primera línea de opciones de menú, con otro material accesible a través de los submenús o tal vez sólo por los enlaces de páginas.

Video: Crear una estructura de navegación

En otras palabras, a pesar de que desea tomar inclinaciones de sus visitantes en cuenta, desea proporcionar enlaces a contenidos que desea mantenerse a visitantes. Por ejemplo, si usted está vendiendo un producto, que desea convenientes, incluso prominentes, (a veces) enlaces agresivos a la cesta de la compra en su sitio.

Una buena manera de conceptualizar una estructura de navegación es crear un esquema. Usted puede hacer esto con un programa profesional como esquematización OmniGraffle. Puede hacerlo en un procesador de textos. O bien, puede agarrar un poco de cero papel y dibujar un esquema de cómo se verá la barra de navegación.

Los altos niveles de esquema (o, al menos, el nivel más alto en la página de Inicio) serán visibles cuando un visitante llega al sitio y son las cosas clave que desea animar a un visitante a donde ir. Otras opciones de menú (el segundo nivel) se hacen visibles cuando un elemento del menú principal se asoma por encima o seleccionado. Y sub-submenús proporcionan otro nivel de navegación.

La creación de un diagrama de flujo gráfica que ilustra la estructura de navegación es a menudo muy útil. Tal un diagrama de flujo se refiere a menudo como una mapa del sitio.

OmniGraffle tiene tanto un esquema y vista de diagrama de flujo. Puede mostrar u ocultar la barra lateral contorno. Con la barra lateral del contorno activo, se pueden introducir títulos de diagrama de flujo, y disminuir el nivel pulsando Tab (o promoverlas presionando Shift + Tab).

mapas gráficos del sitio / diagramas de flujo ayudan a los diseñadores un paso atrás, visualizar la experiencia del usuario con el sitio, y ajustar el flujo de navegación según el caso.

Video: Paso 3. Estructura la navegación de tu página Jimdo

Basado en un concepto esbozado de salida para la navegación, usted (o un diseñador que trabaja con) puede diseñar páginas que implementan esa estructura de navegación, al igual que la obra de arte en la siguiente figura.

Artículos Relacionados