En el diseño de interfaces de usuario , un modo es un estado de un sistema en el que la entrada del usuario se interpreta de acuerdo con un conjunto particular de reglas.
Larry Tesler define el modo como "un estado de la interfaz de usuario que dura un período de tiempo, no está asociado con ningún objeto en particular y no tiene otra función que la de dar una interpretación a la entrada del operador". [ 1 ] En su libro The Humane Interface , Jef Raskin define la modalidad como:
"Una interfaz hombre-máquina es modal con respecto a un gesto dado cuando (1) el estado actual de la interfaz no es el foco de atención del usuario y (2) la interfaz ejecutará una de varias respuestas diferentes al gesto, dependiendo del estado actual del sistema." (Página 42).
Por consiguiente, una interfaz no es modal siempre que el usuario sea plenamente consciente de su estado actual. Raskin se refiere a esto como centro de atención (del latín locus , que significa "lugar" o "ubicación"), también llamado heedstead en inglés. Normalmente, un usuario es consciente del estado de un sistema si el cambio de estado fue iniciado intencionadamente por él, o si el sistema emite señales claras para notificarle el cambio de estado en el lugar donde se produce la interacción. Si el centro de atención del usuario cambia a otra área, el estado de la interfaz puede entonces representar un modo, ya que el usuario deja de ser consciente de él.
Modal
Ejemplos de interfaces modales:
- Bloqueo de mayúsculas del teclado
- Cuando está habilitada, cada tecla de letra pulsada se interpreta como la versión en mayúscula de esa letra. Cuando no está habilitada, las pulsaciones de teclas de letra se interpretan como minúsculas .
- Insertar/sobrescribir con el teclado
- La entrada de teclado generalmente se ve afectada por el modo de inserción o el modo de sobrescritura, que se alternan mediante la tecla de inserción .
- Bravo
- El primer editor modal WYSIWYG creado para ordenadores Xerox Alto en Xerox PARC por Butler Lampson y Charles Simonyi .
- vi
- Tiene un modo para insertar texto y un modo separado para introducir comandos. También hay un modo " ex " para ejecutar comandos más complejos (por ejemplo, buscar y reemplazar). En circunstancias normales, el editor vuelve automáticamente al modo anterior después de ejecutar un comando; sin embargo, es posible entrar permanentemente en este modo usando Shift-Q . Derivados, como Vim y Neovim .
- Emacs
- Emacs tiene el concepto de "teclas de prefijo", que activan un estado modal al presionar la tecla Control más una tecla de letra. Emacs espera entonces a que se presionen teclas adicionales para completar una combinación de teclas . Esto difiere de vi en que el modo siempre termina tan pronto como se llama al comando (cuando se completa la secuencia de teclas que lo activa). Emacs también tiene varios modos "mayores y menores" que cambian los comandos disponibles y pueden invocarse automáticamente según el tipo de archivo para editar archivos de ese tipo más fácilmente. Los modos de Emacs no se limitan a la edición de archivos de texto; existen modos para la exploración de archivos , la navegación web , IRC y correo electrónico , y sus patrones de interacción son equivalentes a los de un software de aplicación dentro del entorno de Emacs. Los modos están escritos en Emacs Lisp , y es posible que no todos los modos estén incluidos en todas las versiones.
- Cisco IOS
- Ciertos comandos se ejecutan en "modo comando".
- Herramientas de paleta
- Las herramientas seleccionadas de una paleta en aplicaciones de edición de fotos y dibujo son ejemplos de una interfaz modal. Algunos editores de imágenes avanzados incluyen una función que permite acceder a las mismas herramientas de forma no modal mediante una tecla, y que permanecen activas mientras se mantiene pulsada. Al soltar la tecla, se regresa a la herramienta modal activada por la paleta.
- En los videojuegos
- Los videojuegos pueden utilizar modos de juego como mecanismo para mejorar la experiencia de juego .
- Ventana modal
- Bloquea todo el flujo de trabajo en el programa de nivel superior hasta que se cierre la ventana modal. [ 2 ]
Sin modelo
Una interfaz sin modal no tiene estados en los que se apliquen diferentes conjuntos de reglas. [ 3 ] Una interfaz sin modal evita errores de modo , que ocurren cuando un usuario proporciona una entrada que se interpreta de manera diferente a la esperada, ya que el modo (y el conjunto de reglas asociado) no es el que espera. [ 4 ]
Larry Tesler, de PARC, ideó un procesador de textos sin modal a partir de los comentarios recopilados en una prueba de usuario con la recién contratada Sylvia Adams, a quien se le pidió que improvisara algunos gestos para corregir las marcas de corrección en el texto digital. [ 5 ] Esta prueba convenció al gerente de Tesler, Bill English, de los problemas con su interfaz modal anterior.
Error de modo
Los modos son problemáticos porque pueden provocar un error cuando el usuario, sin saber en qué modo se encuentra la interfaz, realiza una acción apropiada para un modo diferente y obtiene una respuesta no deseada. [ 6 ] [ 7 ] Un error de modo puede ser sorprendente, desorientador y molesto, ya que el usuario debe lidiar con la violación de sus expectativas.
Los problemas surgen si un cambio en el estado del sistema pasa desapercibido (ya sea por accidente, por el propio sistema o por otra persona), o si, tras un tiempo, el usuario olvida el modo actual. Otro problema común es un cambio de estado repentino que interrumpe la actividad del usuario, como el robo de foco . En tal caso, el sistema puede realizar operaciones con el estado anterior en mente, mientras que el cerebro aún no ha procesado completamente las señales que indican el cambio de estado.
Ejemplos comunes
- Teclas de bloqueo del teclado
- Tales como Bloq Mayús , Bloq Num , Bloq Despl y la tecla Insertar .
- Teclas muertas para diacríticos
- Crea un modo de corta duración, al menos si no proporcionan retroalimentación visual de que el siguiente carácter que se escriba será modificado.
- Múltiples diseños de teclado
- Los usuarios cuyo idioma no se basa en el alfabeto latino suelen tener que interactuar con dos distribuciones de teclado diferentes : una local y QWERTY . Esto genera errores de modo relacionados con la distribución actual del teclado: con frecuencia, se pierde la sincronización entre el usuario y la interfaz, y el texto se escribe con una distribución incorrecta, lo que produce texto sin sentido y confusión. Las teclas del teclado en elementos de la interfaz de usuario, como "(y/n)", pueden tener el efecto contrario si el programa está traducido.
- Diálogo modal mientras se escribe
- La aparición repentina de un cuadro de diálogo de error modal mientras se escribe es una forma de robo de foco . El usuario espera que el texto escrito se inserte en un campo de texto, pero el cuadro de diálogo inesperado puede descartar toda la entrada o interpretar algunas pulsaciones de teclas (como "Y" para "sí" y "N" para "no") de una manera no prevista por el usuario, lo que a menudo desencadena una acción destructiva irreversible . Los programadores pueden mitigar este problema implementando un breve retardo entre la visualización del cuadro de diálogo modal y el momento en que comienza a aceptar la entrada del teclado.
- editor de texto vi
- Resulta complicado para muchos principiantes porque utiliza modos.
- Control frente a mensajería
- En muchos videojuegos, el teclado se usa tanto para controlar el juego como para escribir mensajes. Los usuarios pueden olvidar que están en "modo de escritura" al intentar reaccionar a algo repentino en el juego y encontrarse con que los controles no responden (y en su lugar, la barra de texto se llena con las teclas de comando pulsadas).
En accidentes de transporte
- Accidente del vuelo 447 de Air France
- La confusión de modos de vuelo fue uno de los factores que contribuyeron a la pérdida del vuelo 447 de Air France en 2009 y a la muerte de 228 personas. Los pilotos reaccionaron a la pérdida de altitud tirando de la palanca de mando, lo cual habría sido una reacción apropiada con el piloto automático completamente activado, que habría puesto a la aeronave en una configuración de ascenso. Sin embargo, los sistemas del avión habían entrado en un modo de menor automatización ("ley directa" en términos de Airbus) debido a un sensor de velocidad aerodinámica bloqueado, lo que permitió a los pilotos poner el avión en una configuración de pérdida con el morro elevado, de la que no pudieron recuperarse. [ 8 ]
- Accidente del vuelo 214 de Asiana Airlines
- Según la NTSB , uno de los factores que contribuyeron al accidente del vuelo 214 de Asiana Airlines en 2013 fue "la complejidad de los sistemas de acelerador automático y director de vuelo del piloto automático... lo que aumentó la probabilidad de error de modo". [ 9 ] [ 10 ]
- Colisión de la Alianza Red7
- El 17 de enero de 2015, el buque de suministro offshore "Red7 Alliance" colisionó con una compuerta de la esclusa del Canal de Kiel en Alemania, dañándola gravemente. Una investigación concluyó que las palancas que controlaban los propulsores azimutales del buque no se utilizaron de forma adecuada al modo en que estaban configuradas, lo que provocó que el buque acelerara en lugar de detenerse en la esclusa. [ 11 ]
- Colisión del USS John S. McCain
- El 21 de agosto de 2017, el destructor de la Armada estadounidense USS John S. McCain colisionó con un buque cisterna comercial en el estrecho de Malaca, causando la muerte de diez tripulantes. Una investigación realizada por las fuerzas armadas estadounidenses concluyó que, inmediatamente antes de la colisión, los controles de timón y propulsión se habían redistribuido entre los puestos del puente, y la tripulación del puente no estaba plenamente al tanto de dicha redistribución. [ 12 ]
- Colisión de piedras VOS
- El 10 de abril de 2018, el buque de suministro VOS Stone, de 5000 toneladas, se desenganchó de una plataforma eólica en construcción en el mar Báltico. El capitán decidió activar el modo de dirección alternativo para realizar una prueba del sistema. La falta de comunicación con el oficial de guardia provocó una pérdida temporal de control, una colisión con la plataforma, lesiones a tres tripulantes y daños considerables. [ 13 ]
- Destrucción de F-35
- El 19 de abril de 2020, un avión de combate F-35A resultó destruido en un accidente durante el aterrizaje en la Base Aérea de Eglin . Las investigaciones concluyeron que la aeronave estaba mal configurada con el modo de aceleración automática incorrecto , lo que provocó que se volviera incontrolable al tocar tierra. [ 14 ] [ 15 ]
- Manawanui en tierra
- El 5 de octubre de 2024, el buque hidrográfico Manawanui de la Armada de Nueva Zelanda encalló en un arrecife frente a Siumu , Upolu , Samoa , y se hundió al día siguiente. Según una investigación oficial, la tripulación del puente no se percató de que el piloto automático del buque estaba activado. [ 16 ]
Evaluación
Los modos están diseñados para captar la atención completa del usuario y hacer que reconozca el contenido presente en ellos, en particular cuando se requiere una confirmación crítica del usuario. [ 17 ] Este último uso es criticado por ser ineficaz para su propósito (protección contra errores en acciones destructivas) debido a la habituación . En cambio, se recomienda hacer que la acción sea reversible (proporcionar una opción de "deshacer"). [ 18 ] Aunque los modos pueden ser exitosos en usos particulares para restringir operaciones peligrosas o no deseadas, especialmente cuando el modo es mantenido activamente por un usuario como un cuasimodo .
En ocasiones, los modos se utilizan para representar información pertinente a la tarea que no se ajusta bien al flujo visual principal. [ 17 ] Los modos también pueden funcionar como convenciones bien establecidas, como las herramientas de pintura. [ 7 ]
Quienes defienden la teoría de los modos argumentan que muchas actividades cotidianas son modales y que los usuarios se adaptan a ellas. Un ejemplo de interacción modal es la conducción de vehículos. Un conductor puede sorprenderse al ver que al pisar el pedal del acelerador el vehículo no avanza, probablemente porque se encuentra en un modo de funcionamiento como estacionamiento, punto muerto o marcha atrás. Las interfaces modales requieren entrenamiento y experiencia para evitar errores de modo como estos.
El experto en interfaces Jef Raskin se manifestó enérgicamente en contra de los modos, escribiendo: «Los modos son una fuente importante de errores, confusión, restricciones innecesarias y complejidad en las interfaces». Más adelante, señala: «"No es casualidad que las palabrotas se representen con #&%!#$&", escribe mi colega, el Dr. James Winter; es "lo que hacía una máquina de escribir cuando se tecleaban números con la tecla Bloq Mayús activada"». Raskin dedicó su libro The Humane Interface a describir los principios de una interfaz sin modos para ordenadores. Dichos principios se implementaron en los sistemas Canon Cat y Archy .
Algunos diseñadores de interfaces han tomado recientemente medidas para hacer que las ventanas modales sean más evidentes y fáciles de usar, oscureciendo el fondo detrás de la ventana o permitiendo que cualquier clic del ratón fuera de la ventana modal fuerce su cierre (un diseño llamado Lightbox [ 19 ] ), lo que reduce el riesgo de errores modales. Jakob Nielsen afirma que una ventaja de los diálogos modales es que mejoran la percepción del usuario. «Cuando algo necesita corrección, es mejor asegurarse de que el usuario lo sepa». Para este fin, el diseño Lightbox proporciona un fuerte contraste visual del diálogo sobre el resto de los elementos visuales. Sin embargo, si bien este método puede reducir el riesgo de interacciones erróneas involuntarias, no resuelve el problema de que la ventana modal bloquea el uso de las funciones normales de la aplicación y, por lo tanto, impide que el usuario tome medidas para solucionar la dificultad, o incluso que desplace la pantalla para visualizar la información que necesita para elegir correctamente entre las opciones que presenta la ventana modal. Tampoco contribuye a aliviar la frustración del usuario por haberse topado con un callejón sin salida del que no puede escapar sin consecuencias más o menos destructivas.
Larry Tesler , de Xerox PARC y Apple Computer , detestaba tanto los modos que se hizo una matrícula personalizada para su coche con la inscripción: «NO MODES». Usó esta matrícula en varios coches desde principios de la década de 1980 hasta su fallecimiento en 2020. Junto con otros, también utilizó durante años la frase «Don't Mode Me In» (No me metas en modo) como lema para eliminar o reducir los modos. [ 20 ] [ 21 ]
Bruce Wyman, diseñador de una mesa multitáctil para una exposición de arte del Museo de Arte de Denver [ 22 ], sostiene que las interfaces para varios usuarios simultáneos deben ser sin modelo, para evitar centrar la atención en un solo usuario. [ 23 ]
Recomendaciones de diseño
Evítelo siempre que sea posible.

Se recomiendan alternativas a los modos, como el comando deshacer y la papelera de reciclaje , siempre que sea posible. [ 24 ] El investigador de HCI Donald Norman sostiene que la mejor manera de evitar errores de modo, además de indicaciones claras del estado, es ayudar a los usuarios a construir un modelo mental preciso del sistema que les permita predecir el modo con exactitud. [ 25 ]
Esto se demuestra, por ejemplo, con algunas señales de stop en las intersecciones. Un conductor puede acostumbrarse a ver una señal de stop en una intersección de cuatro vías cerca de su casa y asumir que otras intersecciones similares también tendrán señales de stop en las cuatro direcciones. Si la intersección es de solo dos vías, el conductor podría seguir adelante si no ve otros vehículos. Especialmente si la visibilidad está obstruida, un automóvil podría pasar y chocar lateralmente con el primero. Un diseño mejorado soluciona el problema al incluir un pequeño diagrama que muestra qué direcciones tienen señal de stop y cuáles no, mejorando así la percepción del entorno por parte de los conductores.
Colocación adecuada
Los controles modales se ubican mejor donde se concentra la atención en el flujo de trabajo. [ 24 ] Por ejemplo, una ventana modal puede colocarse junto al elemento de control gráfico que activa su activación. Los controles modales pueden ser disruptivos, por lo que se deben realizar esfuerzos para reducir su capacidad de bloquear el trabajo del usuario. Después de completar la tarea para la cual se activó el modo, o después de una acción de cancelación como la tecla Escape , volver al estado anterior cuando se cierra un modo reducirá el impacto negativo.
Quasimodes
En el libro The Humane Interface , Jef Raskin defendió lo que denominó cuasimodos , que son modos que se mantienen en su lugar solo mediante alguna acción constante por parte del usuario; dichos modos también se denominan modos de resorte . [ 26 ] El término cuasimodo es un compuesto del prefijo latino quasi- (que significa casi , en cierto grado ) y la palabra inglesa " mode ".
Las teclas modificadoras del teclado, como la tecla Mayús , la tecla Alt y la tecla Control , son ejemplos de una interfaz cuasimodal.
La aplicación entra en ese modo mientras el usuario realiza una acción consciente, como pulsar una tecla y mantenerla pulsada mientras ejecuta un comando. Si la acción se interrumpe sin ejecutar ningún comando, la aplicación vuelve a un estado neutral.
El supuesto beneficio de esta técnica es que el usuario no tiene que recordar el estado actual de la aplicación al invocar un comando: la misma acción siempre producirá el mismo resultado percibido. [ 27 ] Una interfaz que usa solo cuasimodos y no tiene modos completos sigue siendo sin modos según la definición de Raskin.
La función StickyKeys convierte un cuasimodo en un modo serializando las pulsaciones de las teclas modificadoras con las teclas normales, de modo que no sea necesario pulsarlas simultáneamente. En este caso, la mayor probabilidad de error de modo se compensa en gran medida con la mejor accesibilidad para usuarios con discapacidades físicas.
Véase también
Notas
- ↑ Tesler, Larry (1 de julio de 2012). "Una historia personal de edición de texto sin modelo y cortar/copiar y pegar". Interactions . 19 (4): 70– 75. doi : 10.1145/2212877.2212896 . S2CID 21399421 . ( pdf )
- ↑ "Cómo usar la modalidad en los diálogos" . Oracle Corporation .
- ↑ Glosario de usabilidad: sin modelo Archivado el 22/10/2007 en Wayback Machine
- ↑ Glosario de usabilidad: error de modo
- ↑ "De modos y hombres" . IEEE Spectrum: Noticias sobre tecnología, ingeniería y ciencia . Agosto de 2005. Consultado el 21 de febrero de 2020 .
- ↑ Glosario: error de modo
- 1 2 Glosario de usabilidad: modal
- ↑ Informe final de la BEA sobre la pérdida del vuelo 447 de Air France
- ↑ Junta Nacional de Seguridad del Transporte
- ↑ Un mal diseño de interfaz de usuario puede matar
- ↑ Informe de investigación de M/V Red7 Alliance (en alemán)
- ↑ "La colisión del USS McCain fue causada en última instancia por la confusión de la UI" . 2017.
- ↑ Informe de investigación 118/18 , Oficina Federal de Investigación de Accidentes Marítimos (Alemania), 10 de abril de 2019
- ↑ Informe de accidente de la Fuerza Aérea de EE. UU.
- ↑ Accidente de un F-35A en la base aérea de Eglin , CW Lemoine, YouTube
- ↑ Errores de la tripulación provocaron el hundimiento de un buque de la armada neozelandesa frente a la costa de Samoa, según una investigación , Charlotte Graham-McLay, AP News, 29 de noviembre de 2024
- 1 2 "Panel Modal - Contexto" . Infragistics.com . Archivado del original el 6 de mayo de 2013.
- ↑ Aza Raskin , Una lista aparte: Nunca uses una advertencia cuando quieres decir deshacer
- ↑ Jakob Nielsen, Alertbox. "Las 10 mejores interfaces de usuario para aplicaciones" .
- ↑ Orígenes de la interfaz humana de Apple por Larry Tesler y Chris Espinosa
- ↑ Orígenes de la interfaz humana de Apple - transcripción completa
- ↑ Tecnología al servicio de la experiencia: Artículo invitado de Bruce Wyman
- ↑ Publicación de Bruce Wyman en la lista de correo de ixda.org
- 1 2 "Panel Modal - Implementación" . Infragistics.com] . Archivado del original el 6 de mayo de 2013.
- ↑ Norman, Donald A. (1983). "Reglas de diseño basadas en análisis de errores humanos" . Communications of the ACM . 26 (4): 254– 258. doi : 10.1145/2163.358092 . S2CID 47103252 .
- ↑ Glosario de usabilidad: modo de resorte
- ↑ Modos con resorte , Jakob Nielsen.
Referencias
- Buxton, William AS (1995). «Agrupación y fraseo y el diseño de diálogos humano-computadora» . En Baecker, Ronald M.; Grudin, Jonathan; Buxton, William AS; Greenberg, Saul (eds.). Lecturas sobre interacción humano-computadora : hacia el año 2000 (2.ª ed.). San Francisco, California: Morgan Kaufmann. pp. 494–499 . ISBN 978-1-55860-246-5. acmid 212970.
Enlaces externos
- Sin modalidad en el glosario de usabilidad First
- La ausencia de modal en las directrices HIG de Apple
- Definición de error de modo en Usability First
- Ejemplo de error de modo en Excel
- John Rushby. Uso de la verificación de modelos para ayudar a descubrir confusiones de modo y otras sorpresas de automatización . Un artículo que analiza un método automático para localizar errores de modo.
- Jakob Nielsen sobre los modos de resorte
- Interacción persona-ordenador
- Técnicas de interfaz de usuario
- Interfaces de usuario
- Elementos de la interfaz gráfica de usuario