[MÚSICA]
Ahora hablemos de navegación.
¿ Qué es la navegación, por qué es importante la navegación para su sitio web?
¿ Y cómo proporcionamos información de navegación en su sitio web?
Por lo tanto, estas son las preguntas que trataremos de responder en esta conferencia en particular.
La primera pregunta obvia que te viene a la mente es,
¿por qué necesitamos tener navegación por el sitio web?
Como se da cuenta, la mayoría de los sitios web ya no son páginas individuales.
Por supuesto, existen esos sitios web de una sola página
como la página web de tu profesor en tu departamento de ciencias de la computación.
Pero la mayoría de los sitios web suelen contener más de una página.
Como hemos visto con nuestro sitio web de confusión que estamos construyendo,
ya hemos añadido una segunda página llamada página aboutus.html.
Ahora la forma en que navegamos a la página aboutus.html fue
escribirlo explícitamente en la barra de direcciones de nuestro navegador.
Pero esa es una forma muy incómoda de navegar a su sitio web.
Tendría mucho más sentido proporcionar un medio intuitivo para que
los usuarios naveguen a su sitio web.
Este medio intuitivo podría ser proporcionado por muchos enfoques diferentes,
siendo la barra de navegación uno de los métodos más comunes para indicar esta información.
Por lo tanto, veremos varias formas comunes de proporcionar
patrones de navegación en sitios web típicos.
En este contexto, a menudo se oye a la gente hablar de la arquitectura de la información.
La arquitectura de la información comienza con la estructura del sistema,
con respecto a la forma en que se organiza la información, etiquetada.
Y la navegación se proporciona a través del contenido o a través de esta información.
Ahora la arquitectura de la información, por sí misma, es un gran campo.
Está más allá del alcance de este curso para cubrir a arquitectos de la información.
Pero, en caso de que esté interesado en organizar y
proporcionar información a los usuarios a través de, por ejemplo
, sitios web, entonces le he proporcionado algunos enlaces en los recursos adicionales
que puede ir y leer para mayor conocimiento.
Pero en cualquier caso, al diseñar un sitio web,
es importante entender la necesidad de diseñar las
estructuras de navegación de la información dentro de su sitio web.
Y esta organización de información dentro de su sitio web también dicta
qué tipo de ayudas de navegación usted proporciona en su sitio web, y
en función de cómo se organiza esa información.
Por lo general, un sitio web se organizaría en algún tipo de árbol estructurado o
de manera jerárquica.
Y eso le dicta automáticamente
cómo diseñaría el soporte de navegación dentro de su sitio web.
El uso de una barra de navegación, migas de pan y
otros medios de navegación son muy, muy esenciales para
permitir que los usuarios puedan ver varias partes de su sitio web.
Cuando visita la mayoría de los sitios web, a menudo buscará la barra de navegación.
Esta es una especie de barra que normalmente se adjunta en la parte superior
del sitio web, o a veces en la parte inferior del sitio web, o a veces en el lateral,
que le proporciona suficientes punteros hacia el tipo
de información a la que puede acceder en este sitio.
Por lo tanto, su barra de navegación normalmente contendrá enlaces a varias páginas que
forman parte de su sitio web.
Entonces, una barra de navegación típica, ¿cómo se va a diseñar esto?
Cuando diseña una barra de navegación típica, obviamente debe
tener en cuenta algunas cosas que hacer y no hacer acerca de cómo diseña las barras de navegación.
En primer lugar, utiliza
términos sencillos y fáciles de usar dentro de su barra de navegación para indicar los diversos enlaces
que los usuarios pueden seguir dentro de su sitio web para llegar a información.
Debe proporcionar una navegación estandarizada, para
que dondequiera que el usuario se
encuentre dentro de la jerarquía de su sitio web, siempre sepa cómo volver a la página de inicio, cómo ir a la siguiente
, anterior o arriba y abajo de la jerarquía de algún tipo.
Por lo tanto, indicar la ubicación del usuario
dentro de la jerarquía de su sitio web es muy, muy útil
para proporcionar una forma fácil de usar de navegar por sus sitios web.
Además, hay algunas convenciones estándar que las personas siguen
cuando se diseñan estas barras de navegación.
Normalmente, cuando tiene el logotipo de su sitio web o de
su empresa incluido en su barra de navegación, un clic en estos logotipos o
un botón de inicio le llevará de vuelta al nivel superior de la jerarquía o
la página principal de su sitio web, normalmente la página index.html.
Algunas de las cosas que no debes tener en cuenta es que no deberías tener demasiadas
opciones en tu barra de navegación.
¿ Cuántos son demasiados?
Si encuentra que navegar usando sus barras de navegación es demasiado engorroso,
entonces eso significa que hay demasiadas opciones en su barra de navegación.
Proporcione un conjunto razonable de opciones dentro de su barra de navegación para que pueda
indicar las instrucciones que el usuario puede seguir al navegar por su sitio web.
Y cuando utilice estos elementos de navegación en la barra de navegación,
no utilice etiquetas genéricas, utilice etiquetas significativas.
Por ejemplo, si coloca una etiqueta con nombre de producto en la
barra de navegación, las personas se confundirán acerca de lo que quiere decir por producto.
O digamos, si pones un servicio en la barra de navegación, pueden estar confundidos.
¿ Qué tipo de servicio está prestando?
Será más significativo dar un término más descriptivo
en los encabezados de la barra de navegación.
Otro medio de proporcionar navegación
a los usuarios es proporcionar lo que se llama pan rallado.
Por lo general, se proporcionan en algún lugar de esa página,
típico hacia el borde superior de la página web,
más cerca del encabezado de esa página web.
Las
migas de pan indican algún tipo de jerarquía de navegación dentro de la cual se encuentra actualmente en su sitio web.
Así que esto proporciona una opción de navegación secundaria para su sitio web.
Así que esto podría colocarse en algún lugar debajo de la navegación primaria.
Puede indicar la jerarquía de páginas a través de las cuales ha pasado.
Y la ubicación actual se puede resaltar específicamente en
la miga de pan allí.
Por lo tanto, varias maneras en que las personas pueden usar migas de pan
incluyen proporcionar una navegación basada en rutas.
Digamos, por ejemplo, si tiene un usuario que está pasando por un conjunto de pasos para
completar una tarea en su sitio web, por ejemplo, reservando un billete de avión.
Luego puede usar un enfoque de miga de pan para indicarles en
qué paso se encuentra el usuario actualmente en la secuencia de pasos.
Del mismo modo, si está proporcionando su navegación basada en ubicación para un
enfoque jerárquico dentro de su sitio web.
Entonces, en qué nivel de jerarquía estás y cuál es la parte superior hacia
la raíz de tu jerarquía, para que eso pueda ser indicado por tus migas de pan. La ruta de
exploración también puede estar basada en atributos, lo que significa que proporciona un conjunto
de opciones indicadas en la ruta de exploración para el usuario en el momento actual.
Un marco de interfaz de usuario de front-end típico proporciona muchas
otras formas de proporcionar navegación en sus páginas web.
Estos incluyen pestañas, píldoras, paginación, desplegables,
acordeones, etiquetas, y SchrollSpy, y Affix.
Vamos a ver algunos de ellos con un poco más de detalle a medida que vamos a través de
las diferentes lecciones de los módulos que siguen a esta lección en particular.
[ MÚSICA]