¿Cómo desarrollar una estructura de navegación

Una estructura de navegación es clave para la planificación de un sitio web. Una estructura de navegación implica un poco más alto nivel de abstracción que las páginas solo bosquejar. 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 conjunto de razones). Usted tiene ideas sobre 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á dichas prioridades, con el material que desee 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 a través de enlaces dentro de las páginas.

En otras palabras, a pesar de que desea tomar inclinaciones de sus visitantes en cuenta, desea proporcionar enlaces a contenido que desea mantenerse visitantes. Por ejemplo, si usted está vendiendo un producto, usted quiere convenientes prominentes, incluso (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 esquematización profesional como OmniGraffle. Puede hacerlo en un procesador de textos. O bien, puede tomar algo de cero papel y dibujar un esbozo de cómo su navegación del sitio se verá.

Los niveles de esquema superiores (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 al que ir. Otras opciones de menú (el segundo nivel) se hacen visibles cuando un elemento del menú principal se cernía sobre o seleccionado. Y sub-submenús proporcionan otro nivel de navegación.

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

OmniGraffle tiene tanto un esquema y vista diagrama de flujo. Puede mostrar u ocultar la barra lateral contorno. Con la barra lateral contorno activo, puede introducir títulos de diagrama de flujo, y degradar pulsando Tab (o promoverlos pulsando Shift + Tab).

Mapas gráficos 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 proceda.

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.

Sobre el autor

¿Cómo construir un plan de html5 y css3 sitio

A menudo, el trabajo inicial en un importante sitio implica la creación de un plan para el diseño del sitio HTML5 y CSS3. Hacer esto paso temprano ayuda a ver el verdadero alcance del proyecto. LA plan de sitio es una visión general de un sitio…

Usuarios Orient con diseño de navegación de tu blog

Cuando la gente piensa sobre el diseño del blog, por lo general piensan de los colores, las fuentes y las imágenes por primera vez. Pero el diseño también incluye el diseño de navegación, que se centra en el diseño de cómo los visitantes se…

Cómo crear un mapa de sitio HTML en Dreamweaver

Al crear un mapa del sitio visual, se crea un esquema de todas las páginas de un sitio web, incluyendo la interconexión de las páginas principales a través de la navegación y la sub-navegación. A continuación, utiliza esa información para…

¿Cómo crear una barra de navegación de texto en html

La inclusión de una barra de navegación ayuda a los lectores a encontrar la información en su sitio. Si usted está construyendo su página Web en un editor de texto HTML, la codificación para crear una barra de navegación es fácil. He aquí…

Racionalización de navegación de su sitio web

Un buen sitio web está diseñado para que los usuarios pueden navegar fácilmente y de manera intuitiva y crear sus propios caminos para encontrar la información más relevante para ellos. A medida que comience a trabajar en el diseño de sus…

Esbozar un mapa del sitio para el diseño web

El mapa del sitio web muestra las secciones principales del sitio web, y cómo las páginas de su nueva página web que se muestran para el iPhone o el iPad se vinculará a la otra.Un mapa de sitio como el que se muestra ofrece un panorama visual de…

Fácil navegación en su sitio web de negocios

Usted tiene objetivos de marketing y objetivos para su sitio web de negocios, pero si los visitantes no pueden encontrar la información que desean o no pueden ejecutar una acción, usted no tiene la oportunidad de cumplir con esos objetivos. La…

Cómo determinar la navegación de su sitio web en squarespace

La plantilla que elija en Squarespace dicta las diferentes áreas de navegación que tienes en tu sitio web. Su plantilla puede ofrecer las siguientes áreas de navegación en el Administrador de contenido:Inicio / Main: Todas las plantillas tienen…

Creación de un enlace del blog drupal

Crear enlaces en tu blog Drupal es una buena manera para que sus visitantes se mueven con facilidad entre sus páginas y da nuevos visitantes la oportunidad de explorar sus entradas más antiguas. Si hace clic en el enlace a tu blog Drupal bajo tu…

Gestión de menú de Drupal

En general, un menú de Internet es un conjunto de enlaces a páginas web. En Drupal, esos vínculos también pueden apuntar a los nodos (una palabra elegante para contenidos Drupal), tales como artículos y páginas básicas. Cuando se selecciona…

¿Cómo construir un esbozo de un nuevo sitio web

Al iniciar un nuevo diseño del sitio web, debe equilibrar todo lo que sabe acerca de los clientes objetivo y sus necesidades junto con la lista de requisitos de negocio de su cliente y empezar a esbozar un esquema para el sitio. A partir de este…

Cómo storyboard con wireframes, diseños, mapas del sitio, y diagramas de flujo

Storyboarding generalmente se refiere al proceso de elaboración de bocetos y diagramas de navegación entre las páginas. La combinación de bocetos de páginas (a menudo referido como wireframes) Y diagramas de flujo de navegación (a menudo…

maniqui-es.com » Los medios de comunicación de Internet y sociales » Diseño y desarrollo web » Desarrollo de sitios web » ¿Cómo desarrollar una estructura de navegación