5.8.4: Navegación

Última actualización
Guardar como PDF

Page ID: 96422

\( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \) \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)\(\newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\) \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\) \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\) \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\) \( \newcommand{\Span}{\mathrm{span}}\) \(\newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\) \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\) \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\) \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\) \( \newcommand{\Span}{\mathrm{span}}\)\(\newcommand{\AA}{\unicode[.8,0]{x212B}}\)

Es común que los diseñadores de sitios trabajen desde el punto de vista del propietario del sitio web. Después de todo, el propietario está pagando por el sitio. Pero los objetivos del usuario son probablemente muy diferentes de los del propietario ^[1]. La mayoría de los usuarios quieren encontrar algo —un producto, un artículo de noticias, una universidad a la que asistir, etc. Por lo tanto, como han subrayado varios expertos en la materia, la principal preocupación de los diseñadores web tiene que ser la de hacer lo más fácil posible para los usuarios encontrar lo que buscan. Como dice Clement Mok, “La navegación se trata de wayfinding [sic]... Se trata de crear un sistema completo. Se trata de mirar el conjunto” (como se cita en Fleming ^[2]).

Es útil recordar que buscar en línea es muy parecido a buscar un producto en una tienda. Cuando ingresamos a una tienda, primero tenemos que decidir si buscar por nuestra cuenta o preguntarle a un empleado. En línea, tenemos que decidir si ir a una página de inicio probable o usar un cuadro de búsqueda. Si decidimos buscar el artículo nosotros mismos en la tienda, usamos las señales (letreros) de la tienda para encontrar la exhibición correcta y luego examinar los artículos en la repisa. El proceso en línea es similar. Si comenzamos con una página de inicio probable, entonces seguimos los enlaces (señales) que parecen más propensos a llevarnos a nuestro objetivo.

Aunque usar Internet tiene muchas similitudes con buscar cosas en el mundo “real”, hay que tener en cuenta algunas diferencias importantes. En el mundo “real”, generalmente tenemos algún sentido de cuán grande es el espacio (tienda, edificio de oficinas, etc.) y cuánto hemos cubierto en nuestra búsqueda. Pero en un sitio web, esto no está claro por lo que es difícil para el usuario saber cuándo renunciar a la búsqueda ^[3].

Además, en un sitio web no hay sentido de dirección; no giramos a la izquierda ni a la derecha ni vamos al norte o al sur (aunque algunos sitios intentan reflejar la navegación tradicional, como "The Mealings “). Tampoco tenemos la sensación de ubicación que proviene de pasar cosas más allá y recoger trozos de información sobre ellas a medida que avanzamos. En la web, cuando hacemos clic en un enlace, nos llevan instantáneamente a ese lugar, sin posibilidad de ver nada más en el camino ^[4]. Es fácil perderse. Por eso el botón Atrás constituye el 30-40% de los clics ^[5]. También es por eso que las páginas de inicio son tan importantes. Debido a que son relativamente fijos, permiten al usuario volver a un espacio familiar y comenzar de nuevo ^[6]. Esta necesidad de los usuarios de la web de volver a un territorio familiar es comprensible porque, cuando estamos en la red, estamos intrínsecamente perdidos. No podemos mirar alrededor para ver dónde estamos (sin señales de calles, sin hitos, etc.). Los usuarios constantemente necesitan “averiguar dónde están” ^[7]. Por lo tanto, necesitamos darles alguna información básica temprano en el sitio web. Tenemos que decirles

Donde están
Donde pueden ir
Cómo pueden llegar
Cómo pueden volver a donde empezaron ^[8]

Un método para mostrar a los usuarios dónde están es mediante la creación de una barra de navegación estable. Una barra de navegación estable permanece en el mismo lugar de una página web (generalmente la parte superior), incluso cuando los usuarios se desplazan hacia abajo. “Vogue”, "Socios GNV” y "La Grange" utilizan una barra de navegación estable. Además de la barra de navegación estable, puedes organizar tu sistema de navegación espacialmente. “Kintore Business Park”, por ejemplo, coloca enlaces junto a una representación visual de edificios en renta. Además, es importante señalar que la barra de navegación no debe restarle atención a los principales elementos de interés. Las barras de navegación se pueden mantener mínimas pero aún de fácil acceso, como se demuestra en una compañía de altavoces llamada "BeoPlay”, que utiliza una serie de puntos a la izquierda para corresponder a cada página.

Además de ayudar a los usuarios a encontrar lo que buscan y decirles dónde se encuentran en el sitio, la navegación tiene otros fines:

Les da “algo a lo que aferrarse... para hacernos sentir castigados”.
Revela el contenido del sitio
Le dice a los usuarios cómo usar el sitio, diciéndoles por dónde comenzar y cuáles son sus opciones
Si la navegación es buena, da confianza a los usuarios en el sitio

“La navegación no es solo una característica de un sitio web, es el sitio web...” ^[9].

Enlaces externos

Referencias

Fleming, Jennifer. Navegación Web: Diseñando la Experiencia de Usuario. Sebastopol: O'Reily, 1998. Imprimir, p. 7.
Fleming, p. 3.
Krug, Steve. No me hagas pensar: un enfoque de sentido común para la usabilidad web. 2a ed. Berkeley: New Riders Publishing. Imprimir. p. 57.
Krug, p. 57-58.
Krug p. 58.
Krug, p. 58.
Krug, p. 59.
Fleming, p. 5.
Krug, p. 59