Alerts
Las alertas son un método importante para comunicarse con usuarios importantes y proporcionar comentarios. Las alertas pueden servir como mensajes informativos, donde brindan información adicional a los usuarios que puede no estar vinculada a su acción o tarea actual. También se pueden utilizar para proporcionar comentarios directos a los usuarios y las acciones.
Uso
- Cuando desea interrumpir el recorrido de un usuario con información relevante.
- Para cosas como mensajes de estado y explicaciones adicionales.
No utilizar
- Cuando ya hay muchos en la pantalla, no abrumes al usuario.
- Para los mensajes que no deben interrumpir el flujo, considere titulo y texto
- Cuando un usuario tiene que resolver un problema lo antes posible , utilice un modal.
Toast
Toast muestra un mensaje breve, claro y comprensible.
Cuándo utilizar
- Para mostrar mensajes cortos temporales.
- Para reaccionar a la entrada del usuario (hacer saber al usuario que algo está sucediendo).
Cuándo no utilizar
- Si el mensaje debe permanecer en la pantalla, utilice una alerta.
- Cuando desee incluir una acción, utilice una alerta.
- Cuando sea necesaria una acción antes de continuar, utilice un modal o un diálogo.
Tooltip
Muestra contexto adicional al tocar o pasar el cursor sobre el elemento.
Cuándo utilizar
- Para mantener información adicional fuera de la pantalla pero accesible (a través de divulgación progresiva).
- Para agregar contexto a una pantalla determinada.
- Para agregar explicaciones a elementos visuales como íconos.
Cuándo no utilizar
- Para pequeños fragmentos de información conectados a una sola acción, utilice un diálogo.
- Para contenido grande y/o estructurado.
- Para interacciones o elecciones pequeñas.
- Para agregar información oculta a la pantalla.
Indicar que la información sobre herramientas está presente
Las descripciones emergentes son excelentes para mantener la información oculta al principio. Para que los usuarios puedan acceder a ella, necesitan saber que está ahí.
Utilice iconos, la indicación natural de texto subrayado o texto destacado como “más información”. Haga lo que haga, asegúrese de que los usuarios sepan que pueden realizar una acción para obtener más información.