Variantes posteriores cercanas a benignas – Usabilidad web y seo

Variantes posteriores cercanas a benignas

Vistas: 62
0 0
Tiempo de lectura:7 Minutos, 12 Segundos


Es mejor prevenir errores que ayudar a los usuarios a corregirlos. Este es un principio importante en UX. Cuando los usuarios necesitan recuperarse de un error (ya sea un error o un descuido), deben interrumpir su tarea para asignar valiosos recursos cognitivos (y memoria de trabajo) para solucionar el problema, incluso si es solo por unos segundos. No importa lo fácil que sea acceder a su Cancelar función (¡y esperamos que la tenga!), es mejor no usarla en absoluto.

El otro día, cuando estaba escribiendo algo en el navegador, obtuve la siguiente opción de revisión ortográfica:

El menú contextual del corrector ortográfico integrado de Firefox muestra una sugerencia ortográfica junto a la opción para agregar ortografía al diccionario.
El corrector ortográfico integrado de Firefox coloca la variante ortográfica junto a la opción para agregar un parámetro mal escrito al diccionario.

¿Observa el peligro potencial en este pequeño menú contextual útil (y puede adivinar qué opción elegí accidentalmente debido a un mouse over incorrecto)? Junto al caso de uso de una de las grafías sugeridas está Agregar al diccionario. Literalmente junto a la opción de corrección de errores, existe la oportunidad de asegurarme de que siempre repetiré el mismo error. Para agregar insultos a la lesión, estas opciones están muy cerca entre sí, por lo que puede ser fácil hacer clic accidentalmente Agregar al diccionario al intentar seleccionar una solución sugerida.

Los diseñadores a menudo pasan por alto el hecho de que el usuario puede no prestar suficiente atención a su diseño. Los usuarios a menudo se vuelven automáticos, especialmente cuando realizan un trabajo repetitivo. En el ejemplo del corrector ortográfico, es muy posible que el usuario haya seleccionado repetidamente la segunda opción del menú contextual (por ejemplo, Dupdo) y ahora está en piloto automático, cayendo presa de un hábito creado por acciones anteriores.

Este tipo de situación no es exclusivo de los menús contextuales. De hecho, colocar acciones destructivas e inofensivas muy cerca es uno de los 10 errores principales de diseño de aplicaciones que vemos año tras año. Esto sucede todo el tiempo: en tablas, menús desplegables, cuadros de diálogo de confirmación, mensajes de error y asistentes.

Barra de red con botones Agregar categoría y Borrar categorías en las inmediaciones
Características de la aplicación Unifi Network Control Panel de Ubiquiti Añadir categoría y Categorías claras botones muy próximos entre sí, con un diseño visual casi idéntico. Si bien estas son opciones relacionadas conceptualmente, Categorías claras, un clic involuntario deshará una gran cantidad de trabajo anterior
Una tabla de dispositivos conectados a una red Wi-Fi con opciones de reconexión y bloqueo ubicados uno al lado del otro
En otro ejemplo del panel de Ubiquiti que muestra una lista de todos los clientes conectados a una red Wi-Fi, al pasar el cursor sobre un dispositivo se muestran las acciones. Reconectar y Cuadra bastante cerca el uno del otro. Una de estas opciones causará dolor de cabeza si el usuario hace clic accidentalmente en ella, bloqueando permanentemente el acceso a Wi-Fi del dispositivo.
Aplicación de negociación de acciones con los botones Eliminar y Confirmar uno al lado del otro
En ThinkorSwim, una aplicación de negociación de acciones, los botones para Borrar y Confirmar y enviar están muy cerca cuando el usuario realiza una orden comercial.
La aplicación móvil de Trello coloca las tarjetas Watch y Archive Card una al lado de la otra en el menú de acción, aunque la Archive Card tiene graves consecuencias cuando se presiona accidentalmente.
Ubicaciones de la aplicación móvil Trello Reloj y Mapa de archivo uno al lado del otro en el menú de acciones adicionales, aunque Mapa de archivo tiene graves consecuencias si se presiona accidentalmente.

Entonces, ¿qué puede hacer para evitar este tipo de errores? Regresemos rápidamente a los orígenes de UX y exploremos algunas alternativas de diseño.

Codificar formas y comunicarse con las distracciones

Uno de los puntos de partida de la disciplina UX moderna fue la aplicación de la psicología al diseño industrial en la década de 1940. Durante la Segunda Guerra Mundial, Alphonse Chapanis (entre otros) trabajó para comprender por qué los errores de los pilotos llevaron a un gran número de accidentes de bombarderos B-17 durante los aterrizajes. Notó que la palanca con la que los pilotos bajaban el tren de aterrizaje y la palanca que bajaba los flaps eran idénticas y solo diferían en la ubicación. Esta similitud ha llevado a los pilotos a confundir a los dos, especialmente en momentos de mucho estrés, como el aterrizaje de un avión. Chapanis ayudó a rediseñar los controles del bombardero B-17 para evitar errores del piloto al cambiar la forma de una de las dos palancas para que los pilotos puedan determinar rápidamente qué palanca tienen en la mano.

Forme controles de codificación para que sintió diferente y que no requiriera vigilancia fue una innovación importante que llevó a otras consideraciones de diseño similares, como agregar texturas táctiles a los controles, cambiar la forma en que los usuarios actúan físicamente un control (como empujar contra tirar o girar) y sí, usar la proximidad (o falta del mismo) para diferenciar las acciones de cada control. La idea básica es que podemos denotar algo más que cómo interactuar con control, pero también decirte que Efecto el control tendrá una forma que no requiera que el usuario le preste atención conscientemente: una palanca física que tiene cierta resistencia, en comparación con una palanca que es fácil de tirar, por ejemplo, dice que la palanca se presiona con dificultad es más significativo, incluso para una persona que no presta la debida atención.

Parte de por qué esto es tan efectivo se debe al conocimiento humano. El economista conductual Daniel Kahneman distingue dos formas de pensar en sus clásicos modernos. Pensando rápido y lentoEl Sistema 1 es rápido, instintivo y algo automático, y el Sistema 2 requiere mucho tiempo, está alerta y es lento. Cuando los usuarios realizan acciones repetitivas, a menudo lo hacen no Involucrar su pensamiento del Sistema 2 (lento, lógico): se basan en un Sistema 1 algo inconsciente, y para comunicarse con ellos en estos momentos, debemos usar los atributos de diseño a los que el pensamiento del Sistema 1 reacciona, por ejemplo, los rasgos pre-atentos que son atributos visuales a los que nuestro cerebro reacciona antes de que prestemos una atención consciente completa.

Diferencia los controles con señales visuales redundantes

Por lo general, existe cierta lógica detrás de la decisión de colocar opciones favorables y destructivas una al lado de la otra; por ejemplo, los controles están relacionados conceptualmente. Pero dos opciones relacionadas (p. Ej. Salvar y Borrar) puede tener una amplia variedad de efectos.

Por lo tanto, los diseñadores deben esforzarse por distinguir entre estas opciones. cuanto más se pueda. La etiqueta es una forma de darles personalidad, pero no es suficiente. Y, por supuesto, cuando desarrollamos productos digitales como sitios web y aplicaciones, no podemos utilizar propiedades táctiles. Pero podemos confiar en el enfoque y el posicionamiento visual

La gramática, por ejemplo, usa la misma posición de corrección ortográfica y Agregar al diccionario al igual que Firefox, pero lo que es más importante, utiliza algunas otras sugerencias como el color, los iconos, el tamaño relativo del texto y la alineación para evitar errores del usuario.

Corrector ortográfico gramatical con distinción adicional entre opciones de ortografía y opciones de agregar al diccionario
Gramaticalmente usa color, íconos, tamaño de texto y alineación para distinguir entre acción afirmativa (sugerencia de ortografía) y acción potencialmente destructiva. (Agregar al diccionario)

Otra opción es dividir la opción indirecta (p. Ej. Eliminar, descartar cambios, silenciar, usar predeterminado) lejos de los demás colocándolo lejos de ellos. Puede usar la Ley de Fitts y hacer que la elección indirecta sea un poco más difícil, especialmente si es destructiva. Los pocos milisegundos adicionales que le tomaría al usuario mover el mouse o el dedo a otra opción no son nada comparados con la frustración y el tiempo que tomaría deshacer un error grave. En el ejemplo anterior, podríamos mover Para disparar acción arriba, ya que es un resultado intermedio con consecuencias menos graves (acepte la ortografía actual en este caso, pero no la agregue al diccionario para que se considere correcta en documentos futuros).

La aplicación Sonos coloca espacio entre opciones consistentes y favorables
La aplicación Sonos para iOS agrega espacio entre actividades potencialmente destructivas (Transferencia de propiedad del sistema y Olvídese de su sistema Sonos actual) y acciones menos destructivas (como Control parental y Actualizacion del sistema). Este pequeño espacio crea separación conceptual (utilizando el principio de proximidad de la Gestalt) y reduce la probabilidad de un error físico (hacer clic accidentalmente en el objeto incorrecto).

Resumen

Evite colocar acciones muy importantes (que requerirán mucho trabajo por parte del usuario para corregirlas en caso de inicio accidental) directamente al lado de configuraciones seguras. Agregue espacio adicional y señales visuales redundantes para indicar qué parámetros difieren de otros comandos relacionados conceptualmente.

Recomendaciones

Mathias Deller, Achim Ebert, Michael Bender, Stefan Agne y Henning Bartel. 2007. Visualización preliminar de relevancia de la información. EN Materiales del seminario internacional sobre multimedia centrada en el ser humano (HCM ’07), 2007, Augsberg. DOI: http://dx.doi.org/10.1145/1290128.1290137

D. Kahneman, 2015. Pensando rápido y lento. Nueva York: Farrar, Strauss y Giroud.

K. Quang, R. Fabrikant, 2019. Facilidad de uso: cómo las reglas de diseño ocultas están cambiando nuestra forma de vida, trabajo y juego. MCD



Happy
Happy
0
Sad
Sad
0
Excited
Excited
0
Sleepy
Sleepy
0
Angry
Angry
0
Surprise
Surprise
0
Previous post La Importancia del Diseño Centrado en el ser humano
Next post Bing está introduciendo el corrector ortográfico a gran escala en todo el mundo

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Deja una respuesta