Agregado y consolidado
¿Alguna vez ha estado en el restaurante, la fábrica de tarta de queso? El menú es del tamaño de una novela corta que llega a una friolera de veintiún páginas. Es abrumador volteando las páginas tratando de tomar una decisión con
Source: thecheesecakefactory.com
It’s overwhelming flipping through the pages trying to make a decision with Trescientos sesenta y siete Opciones diferentes. (Sí, conté.) El primer paso para una buena navegación es consolidar el número de opciones y eliminar cualquier volumen innecesario. Siempre hago la pregunta:¿Qué valor proporciona esto para el usuario?
¿Podemos eliminar la página? ¿Podemos consolidar el contenido en otra página? El objetivo es tener la menor opción posible. La navegación debe ser un embudo que lo lleve de una categoría general a un objetivo final específico a través de la agrupación lógica. En general, me gusta limitar el número de opciones de menú principal a un máximo de siete u ocho. Su menú principal no necesita opciones separadas para una página Acerca de una página de misión, equipo, ubicación e historia. Debe tener una categoría Acerca de subcategorías más pequeñas que conducen a cada página individual. Tal vez su declaración de misión debería estar en su página Acerca de. ¿Sus usuarios necesitan conocer todo su historial o una frase de introducción con su fecha de fundación es suficiente? Reduzca el desorden y mejore su usabilidad.
Etiquetado
Etiquetar estas categorías y subcategorías correctamente es un paso crucial para que su navegación sea utilizable. Eliminar todos los adjetivos. Use palabras cortas y predecibles que sean descriptivas y al punto. No digas "lo que hacemos" cuando puedes decir "trabajar".
Dar a los usuarios solo la información que necesitan para comprender sus elecciones. Demasiada o muy poca información es mala. Use palabras clave con las que su mercado objetivo esté familiarizado. Los iconos, las imágenes y las descripciones cortas pueden ayudar cuando una etiqueta no está familiarizada para el usuario. Un icono de usuario para un perfil o un icono de engranaje para la configuración funcionará porque generalmente son estándares web aceptados con los que los usuarios están familiarizados.Predicibilidad
Hacer que su navegación sea predecible es un componente clave para maximizar la usabilidad. No sorprendas a tus usuarios. Están acostumbrados a un cierto conjunto regular de prácticas. El logotipo en la parte superior izquierda y una barra de menú horizontal al lado o debajo es la práctica estándar. Para sitios más grandes con más páginas, un menú apilado verticalmente colocado a la izquierda está bien. Las subcategorías están ocultas y se muestran con desplegables.
Todas estas cosas son parte del status quo general del diseño web y debe desviarse de ellas con precaución. De lo contrario, corre el riesgo de alienar a sus usuarios y disminuir el compromiso. Cuanto más tiempo sea un usuario para tomar una decisión, menos utilizable es su sitio y menos conversiones tendrá.Jerarquía
En el mundo occidental, la regla general de la jerarquía es que las personas leen de izquierda a derecha y de arriba a abajo. Pero, para comprender completamente este concepto, debe comprender a sus usuarios y cómo usan su sitio. Debe determinar las principales rutas de usuario y clasificar las opciones en consecuencia. Coloque las páginas y categorías más importantes a la izquierda y hacia la parte superior.
Hay algunas excepciones a esta regla que se han aceptado generalmente. La página de contacto generalmente se encuentra hasta la derecha en el menú principal. También regístrese y los enlaces de registro generalmente se colocan en la parte superior derecha del encabezado. La opción de inicio debe ser la primera en la lista a menos que, por supuesto, se elimine por completo. Y recuerde, el logotipo siempre debe vincularse a la página de inicio.
Diseño receptivo
Entonces, ahora que hemos establecido las reglas generales generales para simplificar la navegación de su sitio de principio a fin, abordemos la bola curva que es un diseño receptivo. Si bien hay toneladas de diferentes tamaños de pantalla, examinemos la tableta y los tamaños móviles.
Si siguió las pautas anteriores de agregar y consolidar, etiquetar, previsibilidad y jerarquía, debería ser fácil escalar su menú para que se ajuste a una tableta. Generalmente me gusta centrar el logotipo y el menú y hacer que el menú tenga el ancho completo de la pantalla. Si las etiquetas son más largas, obligaré al menú a mostrar en dos líneas. Escalar el menú para trabajar en dispositivos móviles es un poco más complicado. Pero afortunadamente, hay una solución generalmente aceptada que se está convirtiendo en el estándar: el menú de icono de hamburguesas colapsadas. Si bien, este enfoque viola algunas pautas básicas de usabilidad porque oculta todas las opciones de navegación más importantes, se ha convertido en una práctica común y, por lo tanto, predecible. El sector inmobiliario se convierte en uno de los obstáculos más cruciales en un dispositivo móvil, y esto resuelve el problema minimizando la huella de su menú hasta que sus usuarios necesiten interactuar con él. Recuerde etiquetarlo correctamente.En conclusión
A menudo predico el concepto, beso o "Mantenlo simple, estúpido", y ciertamente se aplica a la creación de sistemas de navegación eficientes. En general, cuanto más simple mejor. Sus usuarios llegan a su sitio para obtener contenido específico o para realizar una tarea específica. Es nuestro trabajo como diseñadores asegurarse de que pasen el menor tiempo de navegar a la página respectiva posible. Concéntrese en minimizar el número de opciones y etiquetar adecuadamente las principales categorías y subcategorías. Enumeros en un orden lógico de acuerdo con la importancia y hazlos predecibles siguiendo las prácticas generalmente aceptadas de la web. Esto dará como resultado sistemas funcionales y fáciles de usar que conducirán a más conversiones.