Hoja de acción aplicación móvil

Seleccionemos acciones de una clase de panel asociada al contexto.

9 comprobaciones · 3 grupos de contenido

Contenido de la lista

Progreso de la revisión

Pantalla y contexto

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

Indique el objeto de la acción.Utilice los encabezados para ver a qué elementos se aplican las opciones.Use una mano para abrir el menú y toque las filas adyacentes. Separe la acción de eliminación de la selección normal; Cerrar la tabla debe devolver el contexto anterior correcto.Ejemplo Los paneles incluyen “Compartir”, “Cambiar nombre” y “Eliminar fotos”; El botón Eliminar está separado, mientras que "Cancelar" simplemente cierra la tabla.Escribe el nombre de la acción específica.Mantenga las opciones utilizadas con frecuencia fácilmente reconocibles y no mezcle múltiples propósitos.Coloque las opciones de uso frecuente donde sean fáciles de escanear; El nombre de la acción debe ser lo suficientemente claro incluso si el usuario no lee la descripción anterior.Separación de acciones peligrosas.Configure eliminar o bloquear por separado e incluya confirmación cuando sea necesario.Separe la eliminación o el bloqueo de las opciones utilizadas habitualmente, mantenga el área táctil lo suficientemente amplia y confirme según las consecuencias del mundo real.Cancelar sin cambioTiene un cierre claro y un comportamiento apropiado de tocar la base o tirar hacia abajo.Cerrar con el botón cancelar, tocar el fondo o arrastrar hacia abajo requiere el mismo resultado: conservar los datos y no realizar selecciones.

Acción y retroalimentación

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

Mantener el enfoque y el orden de lectura correcto.Le dice a la herramienta de soporte que el panel está abierto y devuelve la activación cuando está cerrado.Comprueba que el panel tiene muchas opciones.Permita que el contenido se desplace preservando el contexto y las rutas de escape.Acorte la selección antes de agregar pergaminos. Si es necesario desplazarse, aclare el contenido a continuación y mantenga una salida visible.Mantenga la acción cuando aparezca el tecladoSi el panel tiene un cuadro de entrada, ajuste la altura y no cubra el botón principal.Pruebe el panel cerca de la parte inferior de la pantalla con el teclado abierto; El cuadro de entrada, el error y el botón de confirmación deben estar visibles.

Completa la experiencia

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

Indicar que la hoja se puede expandir.Si la hoja admite varias alturas, utilice una posibilidad de arrastre y posiciones de descanso reconocibles para que los usuarios puedan descubrir contenido adicional.Intente arrastrar hacia arriba, arrastrar hacia abajo y manipular con herramientas de soporte; El nivel de apertura no debe borrar el título o el botón de salida.Distinguir la hoja de la pantalla detrás de ella.Utilice un fondo o capas claras para mostrar que la hoja está activa y evitar la interacción accidental con la pantalla que se encuentra debajo.Cuando el panel está abierto, el contenido en segundo plano no recibe atención ni acción; Cerrar el panel debe llevar al usuario al punto de activación correcto.

El progreso se guarda automáticamente en este navegador.

GUÍA

Cómo revisar

Compruebe si hay operaciones que puedan seleccionarse fácilmente por error

Use una mano para abrir el menú y toque las filas adyacentes. Separe la acción de eliminación de la selección normal; Cerrar la tabla debe devolver el contexto anterior correcto.

EJEMPLOS

Ejemplos de uso

Seleccionar para una foto

Los paneles incluyen “Compartir”, “Cambiar nombre” y “Eliminar fotos”; El botón Eliminar está separado, mientras que "Cancelar" simplemente cierra la tabla.