Como usuario, ¿no lo odias cuando haces clic en un botón, solo para darte cuenta de que la acción resultante realmente no es lo que querías? A veces esto es una molestia menor y, a veces, un desastre completo que arruina horas o incluso días de trabajo.
Como diseñador, depende de usted ayudar a sus usuarios a evitar estos errores trágicos siempre que sea posible. Hoy veremos algunos métodos que puede utilizar para lograr este objetivo.
¿Cual es el problema?
Cuando diseña una interfaz, ya sea en la web o en algún tipo de aplicación nativa, siempre debe considerar cuidadosamente qué puede salir mal. Intente imaginar el peor de los escenarios para cada acción en particular que un usuario tomará durante el uso de su aplicación y haga lo que pueda para asegurarse de que comprende las consecuencias de un clic.
¿Por qué pasar por todos los problemas? Porque no hay nada que haga que un usuario odie una aplicación más rápido que si comete un gran error con ella. Ya sea por su propia culpa o no, culparán a la aplicación o, al menos, desarrollarán una desconfianza en su producto. Cuando le da a los usuarios la oportunidad de discutir su producto, lamento? y? desconfianza? Son dos palabras que no quieres que aparezcan en la conversación.
Sugerencia: Mensajes de advertencia Suck
Ahora, cuando se le da el objetivo de asegurarse de que un usuario nunca cometa un error, algunos diseñadores de IU irán por la borda e instituirán mensajes de advertencia por cada pequeña acción que el usuario pueda tomar. Desafortunadamente, desde la perspectiva de un usuario, esta es la cosa más molesta que un desarrollador podría hacer.
Si siento que me tomas demasiado la mano en el proceso de uso de tu aplicación, te resentiré por pensar que soy un idiota. También me frustraré rápidamente porque todo lleva mucho tiempo porque tengo que revisar los mismos mensajes de advertencia una y otra vez.
Entonces, ¿cuándo puedo usar un mensaje de advertencia?
El verdadero truco para usted mientras planifica la aplicación es decidir qué acciones merecen los mensajes de advertencia. Hay un medio feliz entre nunca advertir a un usuario y exagerar, y es un lugar difícil de encontrar.
La pregunta guía es simple: "¿Qué tan fácil es solucionar el problema si algo sale mal?" Ponte en el lugar del usuario y trata de imaginar el peor de los casos.
Imaginemos una situación en la que estás creando una aplicación de tareas simple similar a Wunderlist mostrada arriba. Una acción que el usuario podría realizar es marcar una tarea y hacerla desaparecer. Si lo hacen por accidente o cambian de opinión, idealmente, podrían recuperarlo. Pero incluso sin eso funcionalmente, escribir un título simple de nuevo de nuevo no es mucho trabajo. Solo debe tomar un segundo para que el usuario rectifique su error. Dado este hecho, probablemente no será necesario un mensaje de advertencia para eliminar una tarea pendiente.
Ahora, ¿qué pasa si el mismo usuario quiere eliminar una lista completa de elementos pendientes? Esto es algo que podría ser desastroso. Si tengo más de cien todos y borro accidentalmente una lista completa, me voy a volver loco si no puedo recuperarla. En ese caso, un mensaje de advertencia es definitivamente apropiado.
Ayuda a prevenir errores
Ahora que tenemos una idea de cómo los mensajes de advertencia pueden ser buenos o malos, es hora de echar un vistazo a algunos métodos diferentes que puede usar y cómo ayudan a prevenir los errores de los usuarios. Algunos usan mensajes de advertencia, otros son un poco más inteligentes y discretos.
Advertencias preventivas
La razón por la que los mensajes de advertencia son tan molestos es que te detienen en seco. Esto solo es agradable si te das cuenta de que estabas a punto de cometer un gran error, el resto del tiempo simplemente bloquea tu progreso.
Una forma de eliminar esto mientras sigue ayudando a sus usuarios a evitar errores es mediante el uso de advertencias preventivas. Estos no se interponen en tu camino ni inhiben tu progreso, pero te ayudan a darte cuenta de que puedes haber cometido un error.
Lo ves más a menudo en la validación de forma en vivo. Vea cómo el formulario de registro de Mailchimp me dice que cometí un error luego de escribir un nombre de usuario que solo tiene tres caracteres.
¿Estás seguro?
Este es el tipo de advertencia más común que se usa en la web y en las aplicaciones nativas. Es lo que vimos antes con Wunderlist: un cuadro que aparece, detiene lo que intentabas hacer y te pregunta si es algo que realmente querías hacer.
Es probable que los veas prácticamente todo el día todos los días si trabajas en una computadora. Por ejemplo, los usuarios de Mac ven uno cuando intentan vaciar su papelera.
Si ponderamos la decisión de Apple de poner esto aquí con los criterios que establecimos anteriormente, entonces se verifica. Como dice la ventana, vaciar la papelera no es algo que un usuario pueda hacer. Una vez que presionas ese botón, esos archivos desaparecen por completo a menos que seas el tipo de empollón experto en tecnología que sabe cómo recuperarlos.
¿Qué es lo que desea que suceda?
A veces, una acción determinada puede interpretarse de más de una manera. En estas situaciones, debe elegir entre las interpretaciones como diseñador o otorgarle al usuario el poder de elegir qué consecuencias tendrá la acción.
Photoshop es un excelente ejemplo de esto. Cuando arrastra una máscara de capa a la papelera, aparece la siguiente ventana.
Aquí Photoshop dice: "Oye, sé que quieres que me deshaga de esta máscara de capa, pero ¿debo aplicarlo primero?" Esta es una opción útil porque a veces es cierto que quiero que la máscara desaparezca por completo y otras veces quiero que se aplique a la capa. También proporcionan un método abreviado de teclado oculto (opción) para los usuarios profesionales que desean omitir esta ventana.
Nunca muestres esto otra vez
Hay otra lección interesante que aprender del mensaje de advertencia de Adobe.Observe que tiene esta pequeña caja que dice: "No volver a mostrar". Esta es una manera realmente inteligente de obtener lo mejor de ambos mundos como desarrollador. Usted cumple con su deber de advertir siempre a sus usuarios de una acción de riesgo, pero también les da la opción de optar por no recibir tales advertencias si no las necesitan.
El Creative Suite de Adobe está desbordado de manera positiva con molestos mensajes de advertencia y esta oportunidad de optar por evitarlo me impide volverme loco al usar sus aplicaciones.
Cancelación temporizada
Hoy, cuando fui a borrar un video de YouTube, noté un truco de UI que nunca antes había visto. Apareció un mensaje de advertencia para informarme que estaba a punto de eliminarlo. todos de las películas en mi cuenta, que obviamente es un asunto bastante importante y probablemente no sea una elección accidental.
Lo extraño fue que, en lugar de permitirme continuar con la acción de inmediato, me dieron el mensaje, un botón de cancelación y un botón con un temporizador.
Solo después de una breve cuenta regresiva, el segundo botón se convirtió en algo que me permitiría eliminar los videos. Hasta entonces, me obligó a cancelar o leer el mensaje y asegurarme de que sabía en qué me estaba metiendo.
Esta es una pequeña idea bastante ingeniosa, pero tenga en cuenta que es probable que a los usuarios les resulte extremadamente molesto. Reserve este nivel de precaución para las acciones que realmente tienen consecuencias nefastas de las que no hay retorno. Quizás si un usuario desea eliminar completamente su cuenta o eliminar una gran cantidad de datos.
Mostrar el resultado antes de la acción
Una de mis formas favoritas en las que he visto a los desarrolladores prevenir errores en la cuenta no es un mensaje de advertencia. En su lugar, es una vista previa simple de cómo se verán las cosas después de que se tome la acción.
Hay una gran aplicación gratuita para Mac llamada NameChanger que hace un trabajo fantástico con esto. La aplicación está destinada a ayudarte a cambiar el nombre de un grupo de archivos por lotes. A la izquierda, hay una columna que muestra los nombres de archivo actuales y el texto que se reemplazará. A la derecha, hay una columna que muestra el texto que desea insertar y los nombres de archivo resultantes.
La parte inteligente aquí es que todo esto es solo una vista previa, no se cambia el nombre de los archivos hasta que presiono "¿Cambiar nombre?" botón de arriba arriba. Esto me permite examinar de cerca lo que voy a hacer y decidir si todo es correcto. También he visto que las aplicaciones FTP utilizan esta misma técnica al sincronizar el contenido de dos carpetas. Dado que podría estar eliminando información valiosa por accidente, es increíble tener una vista previa que muestre cómo se verán las carpetas después de la acción.
¿Cómo evitar errores de usuario?
Si está creando una aplicación para cualquier persona que no sea usted mismo, puede garantizar bastante que existirá confusión sobre algún aspecto de la interfaz. Considerar cuidadosamente el error del usuario es una necesidad en todos los aspectos del diseño y los consejos anteriores deberían ayudarlo a comenzar en la dirección correcta cuando esté estructurando flujos de trabajo de aplicaciones.
Ahora que has visto mis ejemplos, es el momento de participar con los tuyos. ¿Cómo ayudas a tus usuarios a prevenir errores? ¿Qué otros sitios has visto en la web con soluciones interesantes como la que vimos en YouTube?