Pregúntale a un UXpert: cómo crear prototipos de experiencias de voz que deleiten a los usuarios

La creación de prototipos de voz ha llegado a Adobe XD en su última actualización, convirtiéndola en la primera y única plataforma UX / UI en conectar sin problemas la pantalla y la creación de prototipos de voz en una sola aplicación. El discurso, por supuesto, es fundamental para la forma en que nos comunicamos; hablar con una interfaz de voz es diferente de cómo interactuamos con una pantalla y una interfaz gráfica.

Ya hemos explorado algunas de las mejores prácticas a tener en cuenta al usar la nueva función, y en este artículo los principales expertos en voz ofrecen sus consejos para mejorar la experiencia de usuario de las experiencias de voz.

Ilustración: Justin Cheong.

"Cuando un usuario configura una alarma a través de una aplicación, es bastante sencillo", explica Cathy Pearl, directora de diseño de conversación en Google y autora de Diseño de interfaces de usuario de voz. "Abra la aplicación, seleccione una fecha y hora, y listo. Pero cuando un usuario activa una alarma por voz, se vuelve más complicado ".

Imagine todas las formas en que puede configurar una alarma para las 8 a.m.

  • Umm, ¿puedes configurar mi alarma para mañana por la mañana a las 8?
  • Alarma 8 a.m.
  • Despiértame a las 8
  • Necesito un temporizador para las 8 a.m. de mañana
  • Configurar mi temporizador de la mañana para las 8 en punto

"Debido a esto, la creación de prototipos de su experiencia de voz es absolutamente crucial", señala Cathy. "Necesita una forma de recopilar posibles respuestas de personas reales antes de comprometerse con la codificación".

"Para los diseñadores, la voz presenta nuevos flujos de trabajo, oportunidades y obstáculos en nuestro diseño", concuerda Susse Sønderby Jensen, diseñadora de experiencia en Adobe que trabaja en las funciones de creación de prototipos de voz de XD.

"Desde la creación de diálogos de muestra y la creación de compromiso hasta la conquista de prejuicios y la construcción de la empatía, estos son los nuevos desafíos que enfrentamos los diseñadores a medida que nos sumergimos en el diseño de esta nueva interfaz".

Leer diálogos de muestra en voz alta

Aunque la creación de prototipos puede ser difícil, puede comenzar con soluciones muy livianas para diseñar experiencias de primera voz. Cassidy Williams, que acaba de dejar su puesto de directora de programas de voz para desarrolladores en Amazon para unirse a CodePen, se centra en dos áreas clave cuando diseña una conversación.

"A medida que lo escriba, es casi seguro que leerá de manera diferente de lo que suena en voz alta", explica. “La clave es leerlo continuamente en voz alta (o reproducirlo en voz alta) y, a medida que lo cambie y lo ajuste, asegúrese de escucharlo en lugar de solo leerlo. ¡Escuchará matices de palabras y oraciones que no son tan naturales cuando se hablan en voz alta, y es importante captarlas temprano! "

Susse Sønderby Jensen está de acuerdo: “Cualquier buena experiencia de usuario comienza con un flujo de usuario simple. Para las experiencias de voz, esto se llama un diálogo de muestra. Escriba un simple intercambio entre el usuario y la interfaz de voz: también se lo conoce como el camino feliz para su experiencia ".

Tenga en cuenta, aconseja Susse, para cualquier experiencia de voz que no esté acompañada de una pantalla, no hay GUI o menú en el que apoyarse, y todo sucede en una secuencia (también conocida como una IU plana). Debe guiar a su usuario a través de un flujo brindándole opciones claras y estableciendo expectativas por adelantado. Pruebe su prototipo de voz hablando con él lo antes posible, para que pueda repetir las respuestas y solicitudes para mejorar la experiencia del usuario.

Proporcionar opciones claras

Cassidy también recomienda dar opciones para diferentes partes de la conversación que está organizando, para cada tipo de respuesta. "Todos sabemos que los usuarios son quisquillosos, ¡especialmente en voz!", Se ríe. “Agregue palabras en ocasiones para expresar empatía (en una aplicación de viaje, por ejemplo, podría decir, '¡ooh, suena como un viaje divertido!' Antes de pasar al siguiente paso en la conversación), y tener una respuesta que siempre es ligeramente diferente a la misma retroalimentación Lo mantiene natural y atractivo ".

Si un usuario intenta decidir en qué restaurante comer, por ejemplo, después de preguntar qué cocina prefiere, Cassidy sugiere trazar algo como esto:

En este ejemplo, ofrece opciones que van desde elegir para el usuario hasta extraer más detalles de ellas.

"Al cambiarlo, fluye de forma más natural y aún ofrece opciones para que el usuario hable más", explica Cassidy. "Nunca se sabe lo que un usuario podría decir, por lo que practicar una conversación, mapearla y agregar opciones a medida que explora el concepto es la forma ideal de terminar un diseño de voz sólido".

Susse Sønderby Jensen también señala que puede evitar errores al proporcionar opciones y dar a los usuarios la oportunidad de concentrarse en lo que están buscando:

Usuario: Hola, Google, ¿cuál es el edificio más alto de Arlington?
 Google: ¿Te refieres a Arlington en Virginia o Arlington en Texas?

Hazlo corto y crece con tus usuarios

A medida que usamos diferentes habilidades de comprensión cuando leemos y escuchamos, Susse también aconseja mantener las respuestas de voz cortas y simples. Si brinda opciones a los usuarios, por ejemplo, manténgalas al mínimo, porque es difícil recordar más de tres cosas a la vez y las interacciones a través de la voz deberían ser eficientes en el tiempo.

"Para los usuarios novatos, también puede ser útil repetir lo que piden los usuarios", sugiere Susse. "Esto ayuda a que los usuarios se sientan comprendidos y más importantes, y en los casos en que el sistema no entendió una intención, es una oportunidad para volver a encarrilar la conversación". Y cuando los usuarios interactúan con un asistente de voz en un dispositivo, como Google Home o Amazon Echo, las luces y las campanillas son esenciales para acompañar la conversación y guiar a los usuarios a través de su experiencia de voz ".

Mientras tanto, si diseña para usuarios expertos, que ya se sienten cómodos con la interfaz, puede eliminar muchas de las ventajas. En lugar del sistema que dice "Ahora toca Die Young de Sylvan Esso" cada vez, por ejemplo, simplemente puede reproducir la canción.

Muévete rápido y habla cosas: el método del Mago de Oz

También puede probar un enfoque de "mago de Oz", en el que el "mago" (el humano) reproduce las respuestas de texto a voz a lo que dice un usuario. Como explica la interfaz de usuario de voz y el estratega de diseño Ben Sauer, en realidad puede ser absurdamente fácil y divertido crear prototipos con este método.

"Si puedes imaginar una conversación, escríbela y estarás a dos minutos de probarla con un usuario", aconseja Ben. "En una prueba de WoZ, los participantes piensan que están interactuando con un sistema real, pero de hecho está siendo controlado por un" asistente ": ese eres tú. Funciona notablemente bien: solo colocando un Amazon Echo en la habitación, mientras que el audio proviene de su computadora portátil, la mayoría de los usuarios quedarán encantados ”.

Hay muchas herramientas para ayudarlo a ejecutar una prueba como esta. Ben ha creado Say Wizard con Abi Jones en Google, una herramienta simple que toma un archivo de texto, asigna cada línea de texto a una letra del teclado y luego hace que su Mac las lea en voz alta cada vez que se presiona una tecla.

Di mago en acción.

"Puede ejecutar pruebas para averiguar qué dirán los usuarios y ver si su diseño tiene las respuestas correctas", explica Ben. "La clave es la velocidad de iteración: cambiar el diseño es tan simple como cambiar un archivo de texto, incluso entre pruebas".

Una prueba de Wizard of Oz es una gran actividad al principio de sus diseños; le ayudará a identificar rápidamente dónde están los problemas en su diálogo imaginado y cómo responden las personas. "Si bien no lo ayudará con el mayor desafío para un diseñador de interfaz de usuario de voz: manejar con gracia los errores, le dirá cómo fluye su diálogo para las personas", explica Ben. "Y ese es nuestro objetivo más importante: hacer que la conversación entre humanos y máquinas simplemente ... fluya".

Para obtener más información al respecto, consulte el artículo de Ben "STFU: pruebe su idea de aplicación de voz en menos de una hora".

Manejo de errores

La mayoría de los usuarios pronunciarán mal algunas palabras, ya sea que el inglés sea su primer idioma o no. "Estaba diseñando una habilidad para ordenar ensaladas y le di al usuario la opción de seleccionar una ensalada o un tazón tibio", recuerda Susse Sønderby Jensen. "Sin embargo, cuando estaba corriendo a través de la interfaz, ¡me seguía interpretando diciendo 'tazón caliente' como" agujero de gusano "! Lo solucioné agregando 'agujero de gusano' como una de las expresiones ".

Por lo tanto, es crucial iterar sobre el diseño y probarlo con los usuarios, especialmente si se dirige a usuarios que probablemente sean bilingües, tengan impedimentos del habla o sean niños o ancianos.

Para evitar que los usuarios se pierdan, o más bien los atrapen si se pierden, los casos de error son herramientas importantes. Establecer respuestas de ayuda es clave, aconseja Susse. Asegúrese de recordar a los usuarios que pueden obtener ayuda si es necesario, a medida que avanzan en un flujo.

El valor de los prototipos de voz.

Cathy Pearl de Google agrega que un prototipo también puede revelar rápidamente si el usuario sabe si puede hablar y cuándo puede hacerlo, lo que se vuelve cada vez más importante a medida que las experiencias de voz están disponibles en más y más plataformas, como altavoces inteligentes, teléfonos móviles y pantallas inteligentes.

"La creación de prototipos es una excelente manera de brindar una comprensión compartida de cómo se sentirá la experiencia", señala Cathy. "Los diálogos de muestra en forma escrita son un primer paso esencial, pero un prototipo con salida de voz real realmente lo llevará a casa".

Conozca Adobe XD, nuestra herramienta de diseño y creación de prototipos todo en uno:

  • Descargar Adobe XD
  • Cuenta de Twitter de Adobe XD: ¡también use #adobexd para hablar con el equipo!
  • Base de datos de ideas de Adobe XD UserVoice
  • Foro de Adobe XD

Publicado originalmente en theblog.adobe.com el 20 de noviembre de 2018.