Inicio/Sistema de diseño/Menú desplegable

Menú desplegable Sistema de diseño

Lleve las acciones relacionadas a menús fáciles de administrar.

8 comprobaciones · 3 grupos de contenido

Contenido de la lista

Estructura y significado Interacción y usabilidad Completa la experiencia

Progreso de la revisión

Estructura y significado

Comparar información y presentación en contexto de uso.

Nombra el botón que abre el menú.Indica qué acción contiene el menú y refleja el estado abierto.El botón de tres puntos aún necesita un nombre de acceso según el objeto al que afecta.Ejemplo El botón tiene la etiqueta "Operar borrador de nuevo diseño".Escribir acciones específicasUtilice verbos distinguibles y agregue atajos sólo cuando sean realmente compatibles.Mantenga alineadas la columna de iconos y la columna de acceso directo; solo muestra el atajo que realmente funciona para esa acción.Grupo de tareas relacionadasUtilice títulos o separación cuando el número de acciones sea grande.Coloque acciones y objetivos uno al lado del otro; Los divisores deben reflejar una agrupación significativa, no sólo una división equitativa de elementos.Acciones separadas que son difíciles de deshacerConfigure eliminar o revocar por separado, explique la confirmación si es necesario.Mantenga las acciones que sean difíciles de deshacer separadas de las tareas utilizadas con frecuencia y lo suficientemente alejadas para reducir los clics accidentales.

Interacción y usabilidad

Pruebe la operación, cambie el estado y continúe trabajando.

Explica por qué no se puede utilizar.No cree un elemento deshabilitado si el usuario no sabe qué hacer para abrirlo.Explique la condición no cumplida con contenido utilizable al enfocar o tocar, no solo una información sobre herramientas al pasar el mouse.Abrir, navegar y cerrar usando el tecladoUtilice el comportamiento de menú apropiado, Escape y regrese el foco al botón de abrir.Mantener el menú en la pantalla.Cambie de dirección o gire cuando esté cerca del borde; No cubra el punto de activación necesario.Abre el menú en las esquinas de la pantalla, con listas largas y texto ampliado para ver si cambia de dirección o se desplaza.

Completa la experiencia

Busque detalles que sean fáciles de pasar por alto al poner en uso el diseño.

Mantenga los submenús limitados y controlablesSi un grupo abre un submenú, deje clara esa posibilidad, admita la entrada y salida de él con un teclado y evite el anidamiento profundo que hace que los usuarios pierdan su lugar.Pruebe los submenús cerca del borde de la pantalla y en la pantalla táctil; el usuario debe poder abrirlo sin mantener el mouse en una línea muy estrecha.

El progreso se guarda automáticamente en este navegador.

GUÍA