Modales
Un modal es una ventana secundaria que comunica o proporciona una acción dentro del mismo proceso. Son increíblemente útiles para comunicar información adicional, recopilar información o dirigir a los usuarios sin obligarlos a abandonar la página. Cuando los modales se usan innecesariamente, pueden volverse intrusivos y molestos para el usuario. A nadie le gustan los pop-ups.
Comportamiento
Un modal es una ventana secundaria que comunica o proporciona una acción dentro del mismo proceso. Son increíblemente útiles para comunicar información adicional, recopilar información o dirigir a los usuarios sin obligarlos a abandonar la página. Cuando los modales se usan innecesariamente, pueden volverse intrusivos y molestos para el usuario. A nadie le gustan los pop-ups.
Contenido de la estructura
- Los modales son lo suficientemente flexibles como para incluir muchos tipos de información. Si incluye varios tipos o varios ejemplos del mismo tipo, estructure la información para que a los usuarios les resulte fácil escanearla.
Usuario directo con el título
- Un título modal establece el contexto para todo lo que hay dentro y también permanece fijo en la parte superior si el modal se desplaza hacia abajo.
- Por lo tanto, el título debe dejar en claro a qué se refiere el modal y qué acciones se pueden esperar del usuario. Debe ser breve y centrarse en una acción (verbo) o una categoría (sustantivo).
Permitir a los usuarios cerrar
- Los usuarios quieren sentir que tienen el control de sus acciones. Dado que los mensajes modales actúan como interrupciones, pueden provocar sentimientos negativos en los usuarios. Asegúrese de que los usuarios sientan que tienen el control ofreciéndoles una opción clara para cerrar el mensaje modal y volver al flujo principal.
- Debes intentar cumplir con las expectativas de los usuarios para la plataforma en cuestión. Los botones nativos y adaptables siempre deben incluir un botón de cierre en el pie de página.
- Los modals de escritorio deben incluir un botón de cierre en la esquina superior derecha y (a menos que necesite un cierre explícito, como para el consentimiento de cookies) la opción de cerrar el modal haciendo clic en la superposición. Opcionalmente, incluya un botón secundario en el pie de página.
Tallas modales
Los modales vienen en varios tamaños. Estos establecen el ancho máximo que puede tener un modal en pantallas grandes.
