Hamburguesa

Íconos del menú de hamburguesas si están a la izquierda o derecha?

Íconos del menú de hamburguesas si están a la izquierda o derecha?

Si está trabajando en un diseño de sitio web, se recomienda colocar íconos de hamburguesas en la esquina superior izquierda de una página. En el mundo occidental, los usuarios comienzan a escanear una página de izquierda a derecha, y el menú de hamburguesas será lo primero que notan.

  1. ¿Por qué está el menú de hamburguesas en el lado izquierdo??
  2. Por qué el icono de hamburguesa es semánticamente correcto?
  3. ¿Cómo manejas un menú de hamburguesas??
  4. ¿Cómo se usa un icono de hamburguesa??

¿Por qué está el menú de hamburguesas en el lado izquierdo??

El icono del menú de hamburguesas se introdujo por primera vez en los primeros días de la web (cuando no diseñamos para pantallas móviles), y generalmente se colocó en la esquina superior izquierda de la pantalla. Esto se debió a que la esquina superior izquierda era la ubicación tradicional para la barra de menú.

Por qué el icono de hamburguesa es semánticamente correcto?

El icono de la hamburguesa es fácilmente escalable y se ajusta limpiamente en una cuadrícula de píxeles. Originalmente era un icono de lista que se ha presionado en su rol actual, pero dado que un menú es simplemente una lista de opciones, es semánticamente correcto usar el elemento de la lista de esta manera.

¿Cómo manejas un menú de hamburguesas??

La colocación del menú de la hamburguesa en la pantalla es exactamente lo mismo que el predeterminado para el botón Atrás: la esquina superior izquierda. Cuando se necesiten ambos íconos, tendrá que exprimirlos a ambos uno al lado del otro o sacrificar cierta usabilidad eliminando uno.

¿Cómo se usa un icono de hamburguesa??

Lo encontrará en forma de un icono con tres líneas horizontales en la esquina superior de la pantalla en aplicaciones y sitios web receptivos. Una vez que haga clic en ese icono, revelará la navegación oculta con opciones de menú que le otorgarán acceso directo a sus respectivas páginas.

Barra lateral izquierda vs categorías de barra superior en diseño de comercio electrónico
Si su sitio web tiene una barra lateral?¿Qué es una barra lateral en un sitio web??¿Por qué es importante la barra lateral??¿Qué es un menú de barra ...
Funcionalidad de encendido/apagado dentro de un menú desplegable?
¿Qué es el talador desplegable??¿Cómo agrego un botón a una lista desplegable??¿Cómo hago un menú desplegable haciendo clic en el exterior??¿Cómo evi...
Diseño de interfaz de usuario alternativo para proporcionar acceso a múltiples usuarios
¿Qué interfaz es la más adecuada para la mayoría de los usuarios??Cuáles son las 3 reglas de oro del diseño de la interfaz de usuario explican en bre...