Signposts: ayudar a los usuarios a navegar por el contenido
Navegar por información desconocida en la web requiere ayuda.
Estas ayudas no tienen una agenda o sesgo como lo hace la publicidad. En cambio, las ayudas a la navegación ayudan a las personas a encontrar el camino correcto en función de sus intereses.
Los indicadores son un tipo de ayuda a la navegación. Proporcionan la información que las personas necesitan para tomar sus propias decisiones mientras buscan y navegan por la web.
¿Debería un diseñador preocuparse por un sitio web que pierde lectores? Muchos sitios web compiten por atraer a las audiencias con ilustraciones vibrantes, tipografía pegadiza e interfaces de usuario ricas.
Además de ser atractivo, otros sitios web se esfuerzan por ser útiles. El objetivo de la usabilidad no es llamar la atención, sino recibir visitas repetidas. La publicidad pierde lectores, en el sentido de que los dirige a otros sitios web, mientras que la usabilidad se trata de asegurarse de que no se pierdan.
Al igual que sus contrapartes del mundo real, los "indicadores" basados en la web son señales visuales que guían a las personas a través de un nuevo territorio. En el mundo físico, las personas dependen de puntos de referencia, mapas, señalización y líneas de visión para encontrar su camino a través de un territorio desconocido.
En línea, se pasa por enlaces descriptivos, barras de navegación y encabezados en la página. Las señales del mundo real y virtuales tienen el mismo propósito: ayudar a las personas a encontrar el mejor camino hacia su destino.
Los hipervínculos son oportunidades pasadas por alto
La web no funcionaría sin enlaces. Sin embargo, los visitantes y diseñadores a menudo descartan los enlaces como eventos únicos. Haga clic, cargue y eso es todo. Pero la información correcta puede convertir hipervínculos simples en señalización útil que lleva a los visitantes a la información que buscan.
Los hipervínculos son tan significativos como el texto en el que se puede hacer clic. Un enlace mal diseñado dejará a la gente preguntándose si vale la pena hacer clic en el enlace. Las palabras dentro y alrededor de un enlace deben informar a las personas qué hará el enlace (por ejemplo, redirigirlas a otra página o sitio web, descargar un archivo, etc.) y lo que hace que valga la pena dejar la página actual.
- " haga clic aquí para navegar por nuestra colección de historias de detectives y crímenes ".
- "Explora nuestra colección de detective y historias de crimen "
- " Explore nuestra colección de historias de detectives y crímenes "
Los ejemplos anteriores parecen significar lo mismo, pero hay diferencias importantes:
- El primer ejemplo usa la frase "haga clic aquí". La efectividad de esta frase tiene largo tiempo debatido . Ambos W3C y principales motores de búsqueda afirman que las palabras clave en los enlaces son más útiles que las frases genéricas. Es decir, las personas que buscan historias de detectives están más inclinadas a buscar "detective" que a "hacer clic aquí".
- El segundo ejemplo obtiene la mayor cantidad de enlaces en las pocas palabras. Cada enlace por sí solo es menos específico que "historias de detectives", pero puede ser más apropiado dependiendo de cómo esté organizado el contenido en los sitios web vinculados.
- Hay dos ventajas en un enlace como el del tercer ejemplo. En primer lugar, el enlace tiene palabras clave, lo que significa que no hay dudas sobre a dónde conduce. En segundo lugar, su área total seleccionable es más grande; los enlaces pequeños requieren más precisión por parte del visitante.
El diseño agrega significado a los enlaces
Lamentablemente, es posible abrumar a la gente con información. Por ejemplo:
Algunas cosas a tener en cuenta:
- Movimos la mayor parte del texto al atributo "título". La mayoría de los navegadores muestran el título solo cuando el usuario coloca el cursor sobre el enlace, lo que reduce el desorden en la página.
- Dejamos "Leer más sobre" fuera del enlace. Ya sea para eliminar frases como "haga clic aquí para ..." y "vea más ..." depende del estilo de cada uno, pero en general es mejor utilizar el mínimo número posible de palabras clave.
- En los navegadores compatibles con HTML5 y CSS3,
relatributo indica el tipo de enlace. Diseñadores que usan Selectores de atributos CSS con aprobadorelvalores podrá diseñar enlaces de acuerdo a su relevancia. - Usamos un ícono para indicar que el enlace llevará a los usuarios a otro sitio web. Los iconos pueden ser ambiguos, pero una pista es mejor que nada.
Una advertencia: evite repetir palabras del texto que se puede hacer clic en el atributo del título. Si no les dice nada nuevo a sus lectores, no tiene sentido incluirlo. Por ejemplo…
Barras de navegación efectivas: más que la suma de sus enlaces
Cualquier enlace puede ser útil, pero la mejor guía que ofrece un sitio web debe aparecer en su barra de navegación.
Una barra de navegación es una lista de enlaces a partes principales de un sitio web. Las barras de navegación generalmente se colocan en el borde superior o izquierdo de cada página de un sitio web y varían en apariencia. Las barras bien elaboradas hacen más que simplemente proporcionar enlaces. Ellos:
- Ofrezca a los visitantes una idea del propósito y las prioridades del sitio web.
- Sirve como un mapa de sitio simplificado.
- Denote la ubicación de la página actual dentro de ese mapa.
- Dígales a los visitantes dónde ya han estado.
Incluso si son delgadas, las barras de navegación merecen más que ser relegadas a las franjas de un diseño. Una barra de navegación ineficaz es vaga o inútil y podría tener problemas tales como:
- Enlace de texto que se puede encontrar en cualquier sitio web. "Inicio", "Acerca de", "Servicios" y "Contacto" pueden ser precisos, pero estos títulos son demasiado genéricos como para dar una idea de identidad o propósito.
- Todos los enlaces tienen el mismo estilo. En un sitio web complejo, una simple lista de enlaces no solo es inútil, sino francamente hostil.
- Enlaces que apuntan a páginas incorrectas o páginas que no existen.
Incluso si un visitante decide no hacer clic, el enlace aún puede ser un éxito. Digamos que un visitante quiere la dirección de correo electrónico de una empresa. La barra de navegación en el sitio web de la compañía podría ofrecer muchas opciones:
Casa | Servicios | Su cuenta | Servicios | Historia | Carreras | Tarifas y políticas | Contacto
La opción obvia es "Contacto". Y al estar obviamente equivocados , los otros enlaces le dicen al visitante que no haga clic en ellos. Desde el punto de vista del contenido, esta barra de navegación dice:
No | No | No | No | No es probable | Tal vez | No | Probablemente
¿Puede una barra de navegación estar llena de "no" s? Ciertamente, si el sitio web no tiene lo que quiere el usuario. Una buena navegación no se trata de proporcionar la respuesta a cualquier costo. Simplemente guía a las personas al contenido que desean con la menor ambigüedad. El objetivo de una barra de navegación efectiva, entonces, es convertir tantos enlaces "probablemente" en enlaces "sí" o "no".
Signposts son herramientas
Al igual que todas las herramientas, los postes indicadores son un medio de crear soluciones, pero no son soluciones en sí mismas. El propósito de las señales es simplificar para los lectores, no para agregar una capa de complejidad.
Los carteles basados en la web no deben atraer a las personas a sus destinos. Por el contrario, el diseñador debe decirle a la gente lo que está disponible y facultarlos para decidir dónde ir.
Escrito exclusivamente para Webdesigner Depot por Ben Gremillion. Ben es un diseñador web quien resuelve los problemas de comunicación con un mejor diseño.
¿Cómo hace que el contenido sea más fácil de navegar? ¿Cuál es el sitio web más difícil que has tenido que excavar? Comparta sus historias en la sección de comentarios a continuación.