¿Recuerda los días en que pasar el mouse por encima y hacer clic con el mouse eran los desencadenantes más utilizados para la interacción con un sitio o una aplicación? Aquellos días se han ido. Cuando Apple presentó el primer iPhone, la tecnología multitáctil se generalizó y los usuarios aprendieron que no solo podían apuntar y tocar la interfaz, sino también pellizcar, extender y deslizar. Los gestos se convirtieron en los nuevos clics.
Hoy en día, el éxito de una interfaz de usuario móvil se debe a la eficacia con la que utiliza los gestos.
Cómo elegir un buen gesto
Cuando se trata de incorporar gestos en su interfaz de usuario, es esencial conocer su mercado y las otras aplicaciones que su público objetivo puede estar usando. Intente emplear los mismos tipos de gestos en su aplicación. De esta manera, no solo está optimizando su interfaz de usuario en función del comportamiento de su mercado objetivo, sino que también está diseñando un enfoque más cómodo para los usuarios desde el principio.
Gestos de enseñanza
Los gestos son imprescindibles en todas las aplicaciones móviles, pero siempre es un desafío hacerlos obvios para los usuarios. Las interfaces táctiles brindan muchas oportunidades para usar gestos naturales como tocar, deslizar y pellizcar para hacer las cosas, pero a diferencia de los controles de la interfaz gráfica de usuario, las interacciones basadas en gestos a menudo están ocultas para los usuarios. Entonces, a menos que los usuarios tengan conocimiento previo de que existe un gesto, no lo intentarán.
Por lo tanto, el diseño para el descubrimiento es crucial. Debe asegurarse de proporcionar las señales correctas: indicadores visuales que ayuden a los usuarios a descubrir fácilmente cómo pueden interactuar con una interfaz.
Evite tutoriales y tutoriales durante la incorporación
Los tutoriales y tutoriales son una práctica bastante popular para las aplicaciones basadas en gestos. Incorporar tutoriales en tu app en muchos casos significa mostrar unas instrucciones al usuario para explicar la interfaz. Sin embargo, un tutorial de interfaz de usuario no es la forma más elegante de explicar la funcionalidad principal de una aplicación. El principal problema con los tutoriales iniciales es que los usuarios deben recordar todas esas nuevas formas de usar la aplicación una vez que ingresan. Demasiada información a la vez puede generar más confusión. Por ejemplo, la aplicación Clear comienza con un tutorial obligatorio de 7 páginas y los usuarios tienen que leer pacientemente toda la información y tratar de memorizarla. Ese es un mal diseño porque requiere que los usuarios trabajen por adelantado incluso antes de probar la aplicación.
Educar en el Contexto de la Acción
Cuando se trata de enseñar a los usuarios a usar su interfaz de usuario, recomendaría hacerlo principalmente educando en el contexto de la acción (cuando un usuario realmente lo necesita). Para enseñar a la gente un nuevo gesto hay que empezar despacio. Dada alguna iteración, las instrucciones se pueden transformar en un descubrimiento más gradual. Use sugerencias justo a tiempo y concéntrese en explicar una sola interacción en lugar de tratar de explicar cada acción posible en la interfaz de usuario. Insinúe los gestos proporcionando pistas contextuales obvias.
A continuación, puede ver una pantalla de educación sobre gestos de la aplicación de YouTube para Android. La aplicación tiene una interacción basada en gestos pero no usa un tutorial para instruir a los usuarios. En su lugar, utiliza sugerencias que aparecen en el primer lanzamiento para nuevos usuarios, una a la vez a medida que el usuario llega a la sección correspondiente de la aplicación. La técnica se basa en comandos de texto que solicitan a los usuarios que realicen un gesto y describen el resultado de la interacción con una descripción breve y clara.
Usar animación para comunicar gestos
Los gestos, por utilizables que sean, no serían nada sin animación. Como diseñador, puede utilizar la animación para transmitir información sobre las acciones disponibles. Por ejemplo, para que los usuarios sepan que pueden interactuar con un determinado elemento, puede crear un comando de texto directamente en el elemento interactivo y animar el resultado de la interacción como se muestra en el siguiente ejemplo.
Existen tres técnicas populares para ayudar a educar a los usuarios, basadas en el uso de la animación. El primero es un movimiento de pista. Sugerencia de movimiento, o sugerencia visual animada, muestra una vista previa de cómo interactuar con un elemento al realizar la acción. Su objetivo es crear asociaciones entre el gesto y la acción que desencadena. Por ejemplo, la mecánica de juego de Pudding Monsters se basa únicamente en gestos, pero permite a los usuarios tener una idea básica de qué hacer sin tener que adivinar. La animación transmite información sobre la funcionalidad: se muestra un escenario con animación e inmediatamente queda claro para los usuarios qué hacer.
Una segunda técnica son las burlas de contenido. Las burlas de contenido son pistas visuales sutiles que indican lo que es posible. Un ejemplo a continuación demuestra un adelanto de contenido para las tarjetas: simplemente muestra que existen otras tarjetas detrás de una tarjeta actual y esto deja en claro que es posible deslizar el dedo.
La tercera y última técnica que me gustaría mencionar es la disponibilidad. Puede dar a algunos elementos de su interfaz de usuario un alto rendimiento para dirigir a los usuarios a las características de una interfaz y usar rebotes o pulsos como indicador de un gesto disponible. Un ejemplo de esta técnica se puede encontrar en Apple iOS. Cuando un usuario toca el ícono de la cámara, la pantalla de bloqueo rebota y revela la aplicación de la cámara debajo.
Conclusión
Si bien es cierto que la mayoría de los gestos táctiles son invisibles para nosotros, hay una serie de técnicas de diseño que pueden dar a los usuarios una idea de lo que es posible. Los consejos justo a tiempo, las señales de animación y las burlas de contenido son algunas de las formas en que se pueden revelar los gestos ocultos.