1. Diplomados
en Tecnología
DIPLOMADOS UNIR. Todos los Derechos Reservados. Instituto Universitario de Tecnología "Readic" UNIR.
Rif J-30001989-6 © 2007.
Diseño y desarrollo
De páginas Web
Principios y Conceptos Básicos del Diseño Web
Facilitador: Daniel Martín
Tema: Buena navegación del sitio Web

2. Diplomados
en Tecnología
Buena navegación del sitio Web - Llegar a la información al instante
La creación de un buen desplazamiento para página Web; es la tarea más
importante que un diseñador Web tiene que cumplir en el proceso de diseño.
La navegación del sitio Web es la vía que la gente toma para navegar a través
de los sitios. Debe estar bien construido, fácil de usar e intuitivo. Las
navegaciones pobres no ayudan a los usuarios y, a menudo, el sitio puede
llegar a ser menos accesibles que otros.
La navegación buena es fundamental para un buen diseño Web, tanto en los
negocios y sitios de información, los usuarios deben ser capaces de encontrar
información fácilmente. Si la navegación no es fácil de usar o intuitiva los
usuarios rápidamente van a otro lugar en busca de información. A menudo nos
vemos frente a sitios Web sin saber qué hacer a continuación. La navegación
es muy bien escondidas o disfrazadas que algunos usuarios simplemente no
saben cómo usarlo. La navegación es el elemento más importante en la
creación de sitios Web usables y accesibles.
Lista de verificación y los puntos clave a considerar en el diseño de la
navegación:
• La gente puede entrar en un sitio a través de cualquier otra página, no
sólo la página principal. Uso de otras páginas como puntos de acceso se
logra a través de buscadores, enlaces desde otros sitios Web o
marcadores. El usuario debe encontrar fácilmente su camino alrededor
de cada página de un sitio Web. Deben ser capaces de llegar a la
página de inicio desde cualquier página dentro del sitio Web. Llegar a
todas las secciones principales del sitio sólo puede ayudarles a ver más
de la información proporcionada ……………………………………………..
• Tenga en cuenta lo que la gente espera; una buena navegación:
navegación primaria (enlaces más importantes, categorías, etc.),
navegación secundaria (enlaces secundarios, subcategorías, etc.), la
posición de la navegación, los títulos de enlace, el número de enlaces
por página, etc.…………………………………………………………………
• Tenga en cuenta "menos click, mejor", que es un concepto en el
diseño de navegación de un buen sitio Web. Usted debe ayudar a sus
visitantes a encontrar la información que buscan lo más rápidamente
posible. El sitio Web debe responder inmediatamente a sus instintos.
Pensar y actuar como el usuario promedio. Luego de diseño.
El tema más frecuente en el diseño Web es que los diseñadores no actúan y no
tratan de experimentar sitios Web desde la perspectiva del usuario. A
DIPLOMADOS UNIR. Todos los Derechos Reservados. Instituto Universitario de Tecnología "Readic" UNIR.
Rif J-30001989-6 © 2007.

3. Diplomados
en Tecnología
menudo son engañados a pensar que la navegación de su sitio Web es el
mejor cuando
en realidad no lo sea. Sólo puede tener esa impresión por el simple hecho de
que están familiarizados con ella.
Sería útil; para abrir algunos sitios y echar un vistazo a la navegación del sitio
Web, cómo se coloca, lo fácil que es ir a través del sitio, etc. Considere el
número de páginas se puede acceder desde cualquier página. ¿Se puede ir a
páginas relacionadas? ¿Hay consejos para ayudar a los usuarios a navegar?
¿Existe un mapa del sitio con todas las páginas en el sitio Web? ¿Se puede
averiguar dónde se encuentra en cualquier momento?
Un buen diseño Web principal de navegación del sitio
A pesar de la navegación primaria es muy importante no obligar a los usuarios
a depender en gran medida la navegación principal, sino más bien debe ser
capaz de utilizar más pequeñas "puertas" para saltar a páginas relacionadas.
• Navegación izquierda:
………………………………………………………..
Navegación del sitio Web a la izquierda; es el tipo más común de la
navegación. Sin embargo, el diseñador debe asegurarse de que las
resoluciones de 800x600 o superior en los enlaces de navegación más
importantes son visibles en su totalidad a la carga la primera página y que
no se pliegan debajo de la pantalla. La anchura de navegación debe ser
más estrecha que 300px con el fin de dejar suficiente espacio para el texto.
Navegación a la izquierda se ha vuelto muy popular porque responde al
comportamiento del usuario: Comienza a leer desde la izquierda - lee los
enlaces de navegación - hace clic en el enlace deseado - sigue leyendo el
contenido fresco a la izquierda…………………………………………………….
• Comienzo de la página de navegación…………………………………
Navegación al comienzo de la página; es el segundo más común de
navegación. La ventaja de una barra de navegación superior es que
deja más espacio por debajo para el contenido y demás información
pertinente. Sin embargo, usted debe asegurarse de que la navegación
se destaca. La gente tiende a ignorar todo lo que se ve a distancia,
como añade. Si usted tiene la intención de poner gráficos en el
encabezado de la página asegúrese de que la barra de navegación se
encuentra por debajo de la gráfica y no encima de ella. La gente puede
pasar por alto los gráficos y la barra de navegación junto con él. Pueden
llegar a pensar que no hay nada más a ese sitio Web. Este es un
DIPLOMADOS UNIR. Todos los Derechos Reservados. Instituto Universitario de Tecnología "Readic" UNIR.
Rif J-30001989-6 © 2007.

4. Diplomados
en Tecnología
ejemplo clásico de la importancia de navegación secundaria.
• Navegación derecha……..……………………………………………………
Para el idioma Inglés basado en sitios Web, la gente lee de izquierda a
derecha. Por lo tanto, un menú situado en el lado derecho sería difícil
de usar. La gente tiende a leer primero la navegación y, a continuación
el texto del cuerpo.
Diseño secundario de una buena navegación
Enlaces, que no pertenecen a la navegación principal se utilizan para
hacer la navegación secundaria. …………………………………………………..
Estos enlaces son los habituales Contáctenos, Sobre Nosotros, Política de
Privacidad, Términos de uso, Mapa del Sitio, Enlaces y así sucesivamente.
Posición de la navegación secundaria no tiene una regla general
• La navegación secundaria puede ser colocado justo debajo de
navegación principal mientras se asegura de que no destaca tanto como
la navegación principal. Los diseñadores Web pueden hacer que el
texto del vínculo más pequeños, el uso de un separador o salir de una
cantidad razonable de espacio para que el ojo sea capaz de hacer
distinción entre los dos. Cuando se utiliza la navegación secundaria
superior se puede colocar en el lado izquierdo de la página.
Menús de texto para ayudar a los usuarios
Los menús de texto se pueden utilizar como principal de navegación, pero
también puede ser utilizado como un método de navegación adicional. A
menudo, el menú de texto se coloca en la parte inferior de la página. En el
momento de terminar de leer las páginas relativamente largas en el menú
principal puede estar fuera de la vista, un menú de texto en el pie de página
resulta ser una alternativa de navegación sólida para los usuarios que se
confunden fácilmente o quieren ahorrar tiempo.
Enlaces internos
Un aspecto importante de la navegación es la vinculación interna entre las
páginas. Uno puede poner enlaces a otras páginas dentro del sitio en el
DIPLOMADOS UNIR. Todos los Derechos Reservados. Instituto Universitario de Tecnología "Readic" UNIR.
Rif J-30001989-6 © 2007.

5. Diplomados
en Tecnología
cuerpo del texto actual de la página. Esto puede ayudar a los usuarios
encontrar información relacionada con rapidez. Enlaces internos también
pueden ayudar a los motores de búsqueda para encontrar su camino a cada
página. Por ejemplo, si estamos hablando de navegadores basados en texto
de los navegadores palabra enlace a una página relacionada como un glosario,
por ejemplo.
La colocación de un pequeño conjunto de enlaces justo debajo del texto a las
páginas relacionadas o de los recursos es también una manera muy exitosa
para interconectar las páginas de interés similar.
Razones contra la navegación compleja, demasiado moderna
Cuando se diseña para los usuarios es importante; para darles lo que esperan.
Los diseñadores de páginas Web no deben confundir las cosas utilizando,
intrincada navegación funky no importa lo bueno que podría ser. Los
usuarios no les gustan que se le mantenga alejado de la información que
buscan. Ellos no tienen la paciencia o el tiempo para descubrir y aprender de
navegación, debe ser instintivo y puede hacer clic instantáneamente.
Complicado y difícil de usar, hace que los usuarios se sientan inseguros y
temerosos acerca de un sitio Web. Es probable que deje el sitio para ir a otro
lugar donde se sientan bienvenidos y donde se puede encontrar fácilmente lo
que están buscando. Es muy importante para evitar que eso suceda.
Sitio Web de navegación lista
• Los títulos de los enlaces de navegación debe ser breve, descriptivo e
intuitivo. Los usuarios deben entender fácilmente a lo que cada enlace
conduce.
• La navegación principal no debe tener más de 6-7 enlaces. Mantenga
sólo la mayoría de los importantes vínculos en la barra de navegación
principal y dejar el resto para la navegación secundaria.
• Haga que la navegación principal se destaque por el uso de gráficos
o de estilo diferentes eslabones.
• Si el uso de gráficos o enlaces Javascript, un texto alternativo debe
estar disponible. Algunas personas pueden tener los gráficos
desactivados o Javascript desactivado cuando navega por Internet. En
estos casos, una opción alternativa debe estar disponible. Para lograr
esto, un menú de texto y el fondo de la página podría ser incluido.
• En cada página debe haber un número razonable de enlaces. Páginas
con 20-30 vínculos son más difíciles de usar que las páginas con 10
enlaces. Los visitantes no tienen tiempo para hacer clic en todos ellos
para ver si está interesado en la información aislada detrás de ellos. El
mejor enfoque es vincular grupos similares en las categorías y dejar que
la gente descubra al hacer clic en Aceptar.
DIPLOMADOS UNIR. Todos los Derechos Reservados. Instituto Universitario de Tecnología "Readic" UNIR.
Rif J-30001989-6 © 2007.

6. Diplomados
en Tecnología
• Los usuarios deben ser capaces de en cualquier momento decir su
paradero en un sitio Web. Un tipo de migajas de menú como el que en
esta página les permite saber que están en una subsección de la
sección de diseño Web accesible.
• enlaces de color no necesariamente tienen que ser la norma, pero
deben ser capaces de decir si un enlace se ha hecho clic antes o no.
DIPLOMADOS UNIR. Todos los Derechos Reservados. Instituto Universitario de Tecnología "Readic" UNIR.
Rif J-30001989-6 © 2007.

7. Diplomados
en Tecnología
Prueba de exploración del sitio web
Para probar la navegación del sitio Web; que los usuarios sin experiencia
navegen por el sitio Web. Si les resulta intuitivo de usar también lo harán los
usuarios más experimentados. Esto significa que el sitio Web es un éxito para
la navegación
Contenido extraido textualmente desde: http://www.mardiros.net/good-
navigation.html
DIPLOMADOS UNIR. Todos los Derechos Reservados. Instituto Universitario de Tecnología "Readic" UNIR.
Rif J-30001989-6 © 2007.