Hacer que los controles contextuales sean visibles y fácilmente accesibles en dispositivos móviles no es tarea fácil. Las pantallas pequeñas requieren que ocultemos alguna información o controles hasta que sean relevantes.
Las hojas inferiores son un tipo de superposición parcial que es particularmente adecuada para dispositivos móviles y hace que la información importante temporalmente sea fácilmente accesible, pero también oculta.
Definición: A La hoja inferior es una superposición que está anclada al borde inferior de la pantalla del dispositivo móvil y muestra información o acciones adicionales.
Las hojas inferiores son una forma de divulgación progresiva; por lo general, se desencadenan por la interacción del usuario y brindan detalles adicionales. Dado que cubren intencionalmente parte de la pantalla, no son adecuados para mostrar información o herramientas que siempre se necesitan.
Más bien, se utilizan para representar información adicional. informacióncontextual control S, o ambos. La ventaja de la hoja inferior es que, a diferencia de una sola página (que requiere que los usuarios se reorienten espacialmente y también puede obligarlos a almacenar información en su memoria de trabajo), conserva parte del contexto actual del usuario.
Las hojas inferiores tienen mucho en común con los diálogos y las superposiciones (lo que no sorprende, ya que son un tipo de superposiciones). Sin embargo, la característica de las hojas posteriores en comparación con otras sobreimpresiones es que retienen una visibilidad considerable de la información subyacente. Así que las bajeras son especialmente útiles cuando es probable que los usuarios necesiten consultar información básica de referencia al interactuar con la información u opciones presentadas en la hoja.
Una explicación común (pero en gran medida incorrecta) del uso de las hojas inferiores es que mejoran la accesibilidad para los usuarios de dispositivos móviles (es decir, a menudo se supone que es más fácil hacer clic en los elementos de la parte inferior de la pantalla). Desafortunadamente, esto no siempre es cierto: dado que los usuarios sostienen los dispositivos móviles de diferentes maneras (con una mano, con dos manos y con diferentes puntos de agarre), la parte inferior de la pantalla a menudo no es el área más accesible de la pantalla. (el centro de la pantalla es el área más fácil de tocar para una amplia variedad de formas en que los usuarios sostienen los dispositivos móviles).
Contenido del Articulo
Sábanas inferiores modales y no modales
Las sábanas inferiores pueden ser modal o sin modelo.
La variedad modal funciona de manera similar a las ventanas emergentes modales clásicas: obligan a los usuarios a interactuar con ellas (o cerrarlas) antes de que puedan realizar cualquier otra acción. La hoja inferior modal bloquea cualquier interacción con el contenido de fondo mientras está visible. Por lo general, se coloca una cuadrícula oscura translúcida sobre el contenido de fondo bloqueado como señal de que no está disponible actualmente.
Las hojas inferiores sin modelo no requieren interacción: se ubican en la parte inferior de la pantalla y permiten que el usuario interactúe con el contenido de fondo. Son adecuados para presentar información detallada u opciones en paralelo a la información principal de la pantalla.
Algunas bajeras son extensibles. Los usuarios pueden tocar o deslizar hacia arriba en la hoja inferior para expandirla a un modo de pantalla completa (o, a veces, casi pantalla completa). Por lo general, las hojas inferiores comienzan como no modales cuando se contraen, pero se vuelven modales cuando se expanden.
Recomendaciones para la usabilidad de las bajeras
En nuestra investigación, vemos que los usuarios experimentan la misma dificultad con las láminas traseras que con otras superposiciones; se les suele llamar:
- No hay una forma clara de rechazar la hoja inferior
- Apilar varias hojas inferiores una encima de la otra
- Ocultar contenido de fondo relevante
Nuestras recomendaciones a continuación están diseñadas para abordar estos problemas.
Permitir uso Atrás para cerrar la hoja inferior
Un problema con las hojas inferiores, especialmente cuando están en pantalla completa, es que parecen páginas normales. Como resultado, es posible que algunos usuarios no se den cuenta de que están en la hoja inferior y esperen usar elementos de navegación normales (como la pantalla del teléfono). Atrás botón o Atrás gesto) para alejarse de esta pantalla. Desafortunadamente, este mecanismo no es compatible con todas las hojas inferiores.
Por lo tanto, si una página genera una hoja inferior o una superposición en la ruta del usuario, esa página romperá el patrón de interacción normal. Un retiro de él puede o no estar disponible a través de Atrás botón, por lo que la hoja puede causar desorientación. Puede evitar este problema apoyando el uso Atrás para cerrar la hoja inferior, lo que permite a los usuarios volver sin problemas a la vista anterior.
Encender Cerca Botón
Si bien la mayoría de las sábanas inferiores se pueden cerrar deslizando hacia abajo (o presionando) el asa de agarre superior, este elemento es fácil de ignorar. Además, algunos usuarios no conocen esta funcionalidad. Además, el deslizamiento vertical también es propenso a la ambigüedad: dependiendo de dónde se inicie exactamente, el gesto puede cerrar la hoja inferior, abrir el panel de notificaciones o mostrar el panel de control del teléfono.
Para asegurarse de que los usuarios puedan cerrar la hoja inferior, active visible Cerca (o X) en la pantalla. Le recomendamos que proporcione información clara Cerca botón (generalmente en forma de una X o una palabra Cerca) en la parte superior de las sábanas inferiores, en lugar de depender únicamente de los pasamanos. El beneficio adicional de este botón es que facilita el acceso al lector de pantalla y al teclado para los usuarios que no pueden ver o deslizar la pantalla.
No apile las hojas inferiores
Uno de los mayores problemas con las hojas inferiores surge cuando una aplicación apila varias hojas inferiores.
Anteriormente discutimos algunos de los problemas asociados con las hojas inferiores apiladas. Inevitablemente, los usuarios deberán realizar un seguimiento de dónde se encuentran actualmente en la pila de superposiciones que crece rápidamente, y deberán distinguir entre eliminar la última hoja de la pila y eliminar la pila completa, como en el ejemplo a continuación.
Recomendamos encarecidamente No usando la hoja inferior para reemplazar los flujos de usuario típicos entre páginas. La hoja inferior es un elemento temporal de la interfaz de usuario que no pretende ser un lugar estable para que los usuarios regresen o pasen mucho tiempo en él. Están destinados a descansos o bifurcaciones en el camino, no al esperado “viaje feliz” que el usuario normalmente elegiría. Por ejemplo, no use una hoja para mostrar la página de detalles de un producto de comercio electrónico: un usuario puede navegar a productos relacionados, revisiones o especificaciones detalladas desde esa hoja, y una hoja inferior rompería convenciones antiguas sobre cómo los usuarios pueden navegar fuera de la página a la página
Use las hojas de abajo solo para interacciones cortas
Finalmente, no recomendamos usar una hoja inferior cuando es probable que los usuarios pasen mucho tiempo mirando la información (u opciones) que se muestra en ella. Una hoja es inherentemente un elemento de interfaz de usuario temporal: está diseñada para admitir interacciones rápidas y no debe usarse para mostrar contenido complejo.
Resumen
Bottom Sheets es una plantilla de interfaz de usuario de aplicación móvil diseñada para presentar información contextual temporal mientras se mantiene el acceso al contenido principal. Cuando se usa para opciones múltiples o información adicional, la hoja inferior puede proporcionar un acceso rápido a los controles; sin embargo, no deben usarse encima de otras hojas inferiores ni para mostrar contenido extenso.
