Ayuda a evitar problemas de usuario con estos consejos impresionantes
Como usuario, ¿no 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, es 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 trágicos errores siempre que sea posible. Hoy veremos algunos métodos que puede utilizar para lograr este objetivo.
Explore los elementos de Envato
¿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. Trate de imaginar el peor de los casos para cada acción particular que un usuario tomará en el curso de usar 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 que sea completamente culpa suya o no, culparán a la aplicación o, al menos, desarrollarán una desconfianza por su producto. Cuando les da a los usuarios la oportunidad de discutir su producto, "arrepentirse" y "desconfiar" son dos palabras que no desea que aparezcan en la conversación.
Consejo: los mensajes de advertencia son malos
Ahora, cuando se les da el objetivo de asegurarse de que un usuario nunca cometa un error, algunos diseñadores de UI se excederán e instituirán mensajes de advertencia por cada pequeña acción que el usuario pueda tomar. Desafortunadamente, desde la perspectiva del usuario, esto es lo más molesto que un desarrollador podría hacer.
Si siento que me estás tomando la mano demasiado durante el proceso de uso de tu aplicación, te molestaré por pensar que soy un idiota. También me frustraré rápidamente porque todo lleva tanto tiempo porque tengo que trabajar con 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 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 e intenta imaginar el peor de los casos.
Imaginemos una situación en la que está creando una aplicación de tareas simple similar a Wunderlist que se muestra arriba. Una acción que el usuario podría realizar es marcar una tarea y hacerla desaparecer. Si hacen esto por accidente o cambian de opinión, idealmente, podrían recuperarlo. Pero incluso sin eso funcionalmente, escribir un título de tarea simple de nuevo realmente no es mucho trabajo. Solo debe tomar un segundo para que el usuario rectifique su error. Dado este hecho, un mensaje de advertencia probablemente no será necesario para eliminar un todo.
Ahora, ¿qué pasa si el mismo usuario desea eliminar una lista completa de elementos pendientes? Esto es algo que podría ser potencialmente desastroso. Si tengo más de cien todos y borro accidentalmente una lista completa, me 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 evitar errores de los usuarios. Algunos de ellos 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 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 su camino ni inhiben su progreso, pero lo ayudan a darse cuenta de que puede haber cometido un error.
Esto se ve con mayor frecuencia en la validación de formularios en vivo. Mira cómo el formulario de registro de Mailchimp me dice que he cometido un error después 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 las aplicaciones web y nativas. Es lo que vimos antes con Wunderlist: aparece un cuadro que aparece, detiene lo que estaba tratando de hacer y le pregunta si esto es algo que realmente quería hacer.
Es probable que los vea casi todo el día todos los días si trabaja en una computadora. Por ejemplo, los usuarios de Mac ven uno cuando intentan vaciar su basura.
Si comparamos 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 nerd 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 darle 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, obtiene la siguiente ventana.
Aquí Photoshop dice: "Oye, sé que quieres que abandone esta máscara de capa, pero ¿debería aplicarla 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 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. Tenga en cuenta que tiene esta pequeña caja que dice "No mostrar de nuevo". Esta es una forma realmente inteligente de obtener lo mejor de ambos mundos como desarrollador. Usted tiene el deber de advertir siempre a sus usuarios de una acción arriesgada, pero también les da la opción de optar por no recibir tales advertencias si no las necesitan.
Adobe Creative Suite está repleto de mensajes de advertencia molestos y esta oportunidad de optar por no permitirme volverme loco al usar sus aplicaciones.
Cancelar temporizado
Hoy, cuando fui a eliminar un video de YouTube, noté un truco de interfaz de usuario que nunca había visto antes. Apareció un mensaje de advertencia para informarme que estaba a punto de eliminar todas las películas de mi cuenta, lo que obviamente es un gran problema y es probable que sea una elección accidental.
La parte extraña fue que, en lugar de permitirme continuar con la acción de inmediato, me dieron el mensaje, un botón de cancelar 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, en realidad me obligó a cancelar o leer el mensaje y asegurarme de saber en lo que me estaba metiendo.
Esta es una pequeña idea bastante ingeniosa, pero tenga en cuenta que es probable que los usuarios la encuentren extremadamente molesta. Reserve este nivel de precaución para acciones que realmente tienen consecuencias nefastas de las cuales no hay retorno. Quizás si un usuario desea eliminar su cuenta por completo o eliminar una gran cantidad de datos.
Mostrar el resultado antes de la acción
Una de las formas favoritas en las que he visto a los desarrolladores evitar los errores no es un mensaje de advertencia. En cambio, es una vista previa simple de cómo se verán las cosas después de tomar la acción.
Hay una gran aplicación gratuita para Mac llamada NameChanger que hace un trabajo fantástico al respecto. La aplicación está destinada a ayudarlo a cambiar el nombre de un lote de archivos por lotes. A la izquierda, hay una columna que muestra los nombres de archivo actuales y el texto a 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 el botón "Cambiar nombre" en la parte superior. Esto me permite examinar de cerca lo que estoy a punto de hacer y decidir si todo está correcto. También he visto que las aplicaciones FTP usan esta misma técnica al sincronizar el contenido de dos carpetas. Dado que podría eliminar 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 se previenen los errores del usuario?
Si está creando una aplicación para alguien que no sea usted, puede garantizar que habrá confusión sobre algún aspecto de la interfaz. Considerar cuidadosamente el error del usuario es imprescindible en todos los aspectos del diseño y los consejos anteriores deberían ayudarlo a comenzar en la dirección correcta cuando estructura los flujos de trabajo de la aplicación.
Ahora que has visto mis ejemplos, es hora de intervenir con los tuyos. ¿Cómo ayudas a tus usuarios a evitar errores? ¿Qué otros sitios has visto en la web con soluciones interesantes como la que vimos en YouTube?
