Experiencia de usuario · 2 min de lectura

Menú móvil: Mantener la orientación en una pantalla pequeña

Un menú móvil no consiste en comprimir todos los enlaces de la versión de escritorio en un recuadro estrecho.

BCL Web Design ·
Ilustración editorial específica del tema: Menú móvil: Mantener la orientación en una pantalla pequeñaBCLDESIGN JOURNAL
Imagen editorial ilustrativa creada para BCL; no representa una oficina o proyecto real.

Plantear la decisión correctamente

Un menú móvil no consiste en comprimir todos los enlaces de la versión de escritorio en un recuadro estrecho. Resalte las tareas que el usuario realizará con mayor frecuencia. Ocultar controles como cuenta, idioma y carrito solo en la parte inferior del menú añade pasos innecesarios, especialmente para los clientes habituales.

¿Qué considerar en la aplicación?

Al abrir el menú, el contenido no debe extenderse más allá de la pantalla y el botón de cerrar debe permanecer accesible. Pruebe la alineación por separado en idiomas de derecha a izquierda, como el árabe. Usar propiedades de orientación lógica en lugar de valores fijos de izquierda y derecha ayuda; sin embargo, no reemplaza el control real en pantallas pequeñas.

Control y siguiente paso

El menú debe cerrarse al presionar el enlace, indicando que la transición ha comenzado. El foco del teclado no debe caer dentro del menú cerrado. Desactive el bloqueo de desplazamiento de página cuando el menú se cierre; de ​​lo contrario, el usuario podría pensar que la pantalla está congelada. Experimente también con bordes con nombres de idiomas largos.

Tu lista de verificación

  • No oculte los controles importantes.
  • Pruebe con RTL y pantallas estrechas.
  • Ajuste el foco y el desplazamiento cuando el menú se cierre.
MóvilMenúRTL
Abrir opciones de contacto