Consejos de sonido: una guía rápida para diseñar sonidos UX

Publicado: 2022-03-11

Las llamadas de apareamiento, los gruñidos de advertencia y los arrullos de apoyo son algunos de los sonidos que se escuchan en todo el reino animal. Todas las especies usan ruidos finamente afinados para comunicarse entre sí e informar a otros de una acción o comportamiento. Los humanos no somos tan diferentes.

Aunque tenemos un lenguaje hablado que es muy complejo, los humanos también usamos el sonido para comunicarnos (el francés, por ejemplo, tiene una variedad de señales verbales que nunca forman una palabra). A medida que construimos ciudades y sociedades, usamos todo tipo de sonidos para dar significado. Un camión emite un pitido para advertir a los demás cuando da marcha atrás, la tetera silba cuando el agua hierve, y el sonido que hace una puerta de automóvil BMW altamente diseñada cuando se cierra significa destreza de ingeniería. Y con el mundo digital siempre presente, un ping de mensaje de texto llama la atención sobre una notificación.

Los sonidos audibles son esenciales para dar sentido al mundo y nuestro entorno. ¿No deberían ser considerados en las experiencias interactivas del diseño UX?

Un alce brama y un hervidor silba para demostrar el diseño de sonido UX
El sonido se utiliza para comunicarse en el reino animal y en las experiencias que los humanos han construido a lo largo de la sociedad. El sonido no debe pasarse por alto cuando los diseñadores crean experiencias en el espacio digital.

¿Por qué considerar los sonidos UX en el diseño?

Así como el gruñido de un perro proporciona retroalimentación a un antagonista, el sonido en una situación digital debería funcionar de la misma manera. Jakob Nielsen, creador de los 10 principios heurísticos de usabilidad, insiste en que la retroalimentación es esencial para una experiencia de usuario exitosa. Es útil para compartir el estado de la acción de un usuario, para prevenir errores y para equipar al usuario para que reconozca, diagnostique y se recupere de los errores.

Lo que los diseñadores suelen olvidar es que los componentes visuales no son la única forma de lograr estas cosas. El diseño de sonido en UX puede (y debe) contribuir a:

  • Proporcionar comentarios sobre la acción de un usuario o el estado del sistema
  • Creación de contexto y comprensión de un caso de uso
  • Llamar la atención sobre información importante, como una advertencia o una oportunidad
  • Establecer la personalidad y el reconocimiento de la marca.

Cómo equilibrar forma y función

Un sonido que es hermoso pero que no sirve para un propósito de UX y un sonido que funciona pero que no coincide con el tono de voz de la marca son componentes críticos que faltan. La creación de sonidos de interfaz implica tanto una perspectiva ergonómica/de usabilidad como una creativa/de marca. La clave para hacerlos converger en un resultado final refinado es pensar en ellos como interdependientes. Los siguientes consejos proporcionarán una guía para crear sonidos como parte del diseño de UX que sean a la vez útiles y hermosos.

Primero, concéntrese en la utilidad

Al interactuar con las funciones de un producto, a las personas les encanta lo que encuentran útil. Las funciones de audio no son diferentes. Por lo tanto, antes de sumergirse en Ableton para diseñar efectos de sonido llamativos, los diseñadores primero deben pensar en las acciones clave para las que los usuarios podrían querer recibir comentarios.

La mejor manera de identificar las posibilidades de señales de sonido es observar el flujo de usuarios. Considere dónde el sonido puede mejorar la experiencia completa del usuario. ¿Está hecha la carga? ¿Algo salió mal al guardar un archivo? ¿Se está cargando el dispositivo? ¿El usuario necesita actuar sobre algo? La función del sonido puede ser más efectiva cuando proporciona retroalimentación audible a una interacción.

También se pueden incorporar sonidos para crear un "espacio negativo" en una interacción, lo que permite al usuario dirigir su atención a otra parte hasta que un sonido le avise de que la acción se ha completado. (Sonido de Leo Foureaux; Animación de Jordan DeVos)

Use metáforas en lugar de skeuomorphism

Al crear una "coincidencia entre el sistema y el mundo real" (un principio de usabilidad fundamental de las Heurísticas de usabilidad de Nielsen), un diseñador puede hacer referencia a objetos físicos o sentimientos y experiencias.

El primer enfoque se llama skeuomorphism, un método que hace que las interfaces digitales se vean o fluyan como sus contrapartes analógicas. Probablemente haya visto esto de primera mano si alguna vez usó la aplicación Notas de Apple imitando un bloc de papel con rayas amarillas, o si eliminó un archivo y escuchó el papel arrugado.

Si bien esta estrategia puede parecer una solución fácil de usar, generalmente genera interfaces sin alma. Skeuomorphism rara vez crea un vínculo emocional con un usuario. A menos que el diseño requiera nostalgia de los 90, es mejor no usar imágenes y efectos de sonido literales.

Un enfoque más humanizado y sofisticado es evocar o imitar las emociones que rodean una determinada interacción. Los diseñadores pueden usar la metáfora sónica : una retroalimentación audible abstracta que los usuarios pueden interpretar y reconocer de inmediato porque se siente como experiencias que han tenido en el pasado. Las emociones asociadas con escenarios como una sorpresa, un nuevo comienzo y completar una tarea se pueden incorporar a sus contrapartes digitales.

A diferencia del skeuomorphism, las metáforas no exigen un reconocimiento visual o sonoro literal. Más bien, la sensación que evoca una metáfora durante una interacción se conecta con una experiencia familiar y emocional.

El sonido mejora la acción del usuario en la aplicación Discord. Cuando alguien se une a la llamada, se reproduce un sonido ascendente brillante que evoca la sensación de alegría de tener un amigo cerca. Cuando alguien abandona la llamada, se reproduce un sonido suave hacia abajo.

Crear una "Guía de estilo de sonido"

Un sistema de marca o diseño utiliza un conjunto de elementos predeterminados en cada punto de contacto que establece consistencia y cohesión en la experiencia del usuario. El sonido debe tratarse de la misma manera que se crea una guía de estilo para una interfaz visual. Debe verse como varios reordenamientos de un conjunto de elementos. Quizás un producto podría usar timbres similares para cada melodía, o incorporar sonidos naturales, como gotas de agua, susurros de viento y un cascabel de arena.

Es importante tener en cuenta que estos conceptos surgen y construyen la personalidad de marca de un producto. Los componentes de diseño de interfaz de usuario visual, las microinteracciones y los sonidos se agregarán en la perspectiva del usuario y darán forma a cómo perciben una marca.

El sonido puede contribuir mucho a la percepción de una marca o experiencia. Estos dos sonidos anteriores acompañan la misma imagen pero brindan dos experiencias auditivas diferentes. (Sonido de Leo Foureaux; Animación de Jordan DeVos)

Mantenga los sonidos de UX simples

Dieter Rams, el icónico diseñador de productos, elaboró ​​diez principios de diseño que aún se mantienen firmes en la actualidad. El décimo y último principio es: “El buen diseño es el menor diseño posible.

Menos, pero mejor, porque se concentra en los aspectos esenciales y los productos no están cargados de elementos no esenciales. De vuelta a la pureza, de vuelta a la sencillez”. Los sonidos deben ser concisos en su intención, en lugar de excesivos.

Los sonidos armónicamente complejos indican prioridad y llaman la atención sobre cosas de gran importancia. En consecuencia, cuando el sonido retroalimenta una acción que no requiere atención inmediata, un sonido complejo no es apropiado. De hecho, puede causar más daño que bien si un usuario se dirige al sonido y no encuentra nada de importancia.

El mismo nivel de simplicidad se aplica a la duración de un sonido en el diseño de UX . Como regla general, un sonido de transición o microinteracción nunca debe durar más de 0,3 segundos más que su animación asociada. Un sonido debe ser lo suficientemente corto como para ser percibido por el usuario. Como punto de referencia, el sonido de notificación de silbato de Samsung es demasiado excesivo.

Diseño de sonidos UX para el dispositivo

Cuando una aplicación móvil o web está en manos de un usuario, es probable que los sonidos se reproduzcan a través de altavoces no tan de alta fidelidad. Por lo general, los dispositivos móviles y las computadoras portátiles están diseñados para reducir las frecuencias bajas y aumentar las frecuencias medias-altas. Los diseñadores deben escuchar sus melodías a través de los dispositivos para los que están diseñando y preguntar:

  • ¿El sonido se siente pesado o amortiguado? Elimine algunas de las frecuencias más bajas y acentúe las más altas.
  • ¿El sonido se siente chirriante o quebradizo? Elimine algunas de las frecuencias más altas y aumente el rango medio a bajo.

Dado que las frecuencias de rango medio corresponden a la voz humana, los dispositivos portátiles suelen tener una respuesta bastante decente. Los diseñadores deberían usar eso a su favor.

La respuesta de frecuencia típica de una computadora portátil muestra frecuencias bajas, medias y altas
Los altavoces típicos de las computadoras portátiles acentúan las frecuencias altas y bajas. ¿Ves ese valle a la izquierda? Es el Cañón sin graves.

Tenga en cuenta la tolerancia repetitiva en el diseño de sonido UX

¿Alguna vez ha configurado su canción animada favorita como sonido de alarma? ¿Cuánto tiempo tardó en volverse insoportable?

La tolerancia repetitiva indica que hay un límite en la frecuencia con la que podemos soportar escuchar el mismo sonido una y otra vez. Puede ser satisfactorio escuchar un sonido de "ta-da" cada vez que una tarea se marca como completa, pero a la centésima vez, las personas pueden preferir usar una herramienta alternativa (silenciosa) para marcar las tareas completadas. O, peor aún, el sonido indeseable podría tener un impacto mucho más allá del producto y hacer que el usuario posponga las cosas solo para evitar escuchar la molesta melodía. Hay un límite para la cantidad de veces que se repite un sonido antes de desear que nunca existiera. Además, el umbral cae significativamente más bajo cuanto más complejo se vuelve un sonido.

El desorden de audio suele ser más molesto para los usuarios que una interfaz visual desordenada. Los usuarios pueden, y lo harán, silenciar aplicaciones que tienen sonidos repetitivamente irritantes, como un pitido cada cinco segundos. Como regla general, cuanto más frecuentemente se produce un sonido en un producto, más sutil, breve y cálido debe ser.

El gráfico de repetitividad frente a perceptibilidad indica cuándo se produce el punto óptimo y el punto débil
Como un sonido se repite con el tiempo, puede volverse tan doloroso como escuchar clavos en una pizarra. Encontrar el punto óptimo de notoriedad y repetitividad tendrá enormes implicaciones para el éxito de un diseño de UX.

Prueba de sonidos UX

Las pruebas de usuario son una práctica estándar para el diseño de UX. Es igual de importante probar una interfaz con y sin sonido: silenciar y reactivar el sonido. La experiencia del usuario debe ser igualmente cohesiva en ambos estados. Además, los usuarios siempre deben tener una manera fácil de silenciar el sonido del producto durante la prueba y se debe registrar la frecuencia con la que lo activan y desactivan.

Todas las capacidades de los usuarios deben incluirse en las pruebas. Si bien la retroalimentación de audio puede ser muy útil para las personas con discapacidad visual, una contrapartida visual puede ser importante para garantizar que los usuarios con discapacidad auditiva no se pierdan una parte esencial de un producto.

Al igual que el resto de una interfaz, la iteración es fundamental para lograr efectos de sonido que a los usuarios les encantarán. Los diseñadores deben estar atentos a las señales de sonido innecesarias, así como a las oportunidades interesantes en las que el sonido podría mejorar la experiencia.

Libere el poder de los sonidos UX

Hay razones biológicas por las que los humanos dependen de los sonidos para comunicarse y dar sentido al mundo que los rodea: las señales audibles a menudo brindan retroalimentación a una acción o comportamiento. Los diseñadores de UX que integran el diseño de sonido en las experiencias de los usuarios pueden crear una interacción multisensorial que demostrará ser muy efectiva. A medida que los dispositivos inteligentes se vuelven más omnipresentes en la sociedad moderna, los sonidos que son hermosos y útiles pueden enriquecer una experiencia de una manera no invasiva. El sonido puede contribuir en gran medida al éxito de un producto impactante.

• • •

Lectura adicional en el blog de diseño de Toptal:

  • Consejos para una crítica de diseño productiva
  • Factores destacados en mala UX
  • Creación de una guía de estilo de interfaz de usuario para una mejor experiencia de usuario
  • La experiencia lo es todo: la guía definitiva de UX
  • Mejora tus habilidades: el valor del diseño multidisciplinario