Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Audio

Usando el audio para mejorar tus sitios y tus aplicaciones web

by
Read Time:4 minsLanguages:

Spanish (Español) translation by Carlos (you can also view the original English article)

¿Cuál es la función adecuada del audio en el diseño web? Al parecer, desde que hemos estado creando sitios web, los diseñadores hemos buscado la manera de utilizar el sonido de forma eficaz. En ocasiones hemos logrado el objetivo (con interacciones de audio dentro de los juegos) mientras que otros intentos son poco memorables (como la reproducción automática de música de fondo).

A medida que la web ha madurado, hemos ido encontrando mejores usos para el sonido. Y, siempre y cuando informemos previamente a los usuarios de nuestras intenciones, puede ser un complemento bienvenido a la experiencia general.

Hoy, vamos a explorar algunas maneras en que el audio puede mejorar las aplicaciones web modernas. También te ofreceremos algunos ejemplos increíbles de la nueva biblioteca de sonidos de Envato Elements. Tu suscripción a Elements te brinda acceso a más de 8,300 pistas de audio y más de 76,000 efectos de sonido. Tendrás una impresionante variedad de sonidos disponibles para todos tus proyectos.

Sound effects now available 76000 sound effects ready to download and use 8680 royalty free audio tracksSound effects now available 76000 sound effects ready to download and use 8680 royalty free audio tracksSound effects now available 76000 sound effects ready to download and use 8680 royalty free audio tracks
Más de 76,000 efectos de sonido y 8,680 pistas de audio libres de regalías, ¡listos para descargar y usar!

1. Recompensa a los usuarios

Muchos sitios web populares han adoptado elementos lúdicos como una manera de hacer que los usuarios vuelvan. Completar varias tareas, como alcanzar un umbral de participación, se premia con puntos, insignias o incluso descuentos en productos. Aquí es donde el efecto de sonido adecuado puede aportar esa sensación de logro. Busca algo corto y dulce para hacer sonreir a tus usuarios fieles.

El efecto de sonido Game Reward se activa por solo dos segundos. Eso, unido a su tono mágico hará que los usuarios vuelvan una y otra vez. Rápidamente asociarán este sonido con algo bueno.

2. Mejora la accesibilidad

Cuando hablamos de hacer accesible el contenido, el sonido no siempre es una de nuestras prioridades. Pero tiene una función potencial que desempeñar. Por ejemplo, los sitios web que permiten la lectura de un texto impreso por medio de audio pueden ser de ayuda para los usuarios con problemas de visión. Los campos CAPTCHA basados en texto, por ejemplo, han ofrecido alternativas de audio durante años.

Una colección de sonidos como Male Voice Colors Pack podría ser de utilidad en un sitio de comercio electrónico. Es bastante simple, con una voz masculina que lee distintos nombres de colores. Pero podría hacer que la selección de una variación del producto sea mucho más fácil para algunos. Y nos hace pensar en otras maneras para hacer que la web sea más accesible para todos.

3. Encuentra una nota positiva

La música es un excelente vehículo para crear una conexión emocional con los demás. Y no es únicamente para los servicios de streaming o la radio. Las demostraciones de productos en un sitio web, por ejemplo, también pueden beneficiarse de una melodía bien seleccionada. Una canción con la vibra adecuada puede provocar una emoción positiva en los usuarios, lo que podría conducir a un resultado de ventas más positivo.

Uplifting Upbeat Inspiring & Motivational es una excelente opción para agregar personalidad a la demostración de un producto o al video de una empresa. La canción brinda una atmósfera suave y etérea siendo perfecta para música de fondo. Con una duración de 2:48, es ideal para este tipo de presentación.

4. Evoca una imagen en tus lectores

La narración de historias en la web se ha convertido en una forma de arte. Ya sea una historia ficticia corta o un relato periodístico real, puedes aprovechar la oportunidad para crear una experiencia inmersiva. El uso del audio puede aportar a la escena, ayudando al usuario a trasladarse a otro tiempo y lugar.

Para una historia ambientada en el océano, Sea Waves Crashing Into Pier te acerca lo suficiente como para oler el aire salado. Los sonidos atmosféricos del agua son un suave complemento para una historia fascinante.

5. Refuerza las interacciones de la interfaz de usuario (UI)

Las señales visuales, como las microinteracciones, con frecuencia se usan como medio para guiar a los usuarios a través de una interfaz. Por ejemplo, añadir efectos de hover (al desplazar el puntero del mouse) a un botón, comunica que se puede hacer clic en el elemento. El sonido es una excelente forma de llevar las cosas un paso más allá. Un sonido tranquilizador cuando alguien hace clic en ese botón confirma que la acción que se pretendía fue un éxito. Es otra pequeña acción que podemos hacer para aumentar la confianza del usuario.

Sonidos como Rich Click Pop son perfectos para elementos de interfaz de usuario. Son rápidos (este dura solo un segundo) y discretos. No obstante, aún añaden algo positivo a la experiencia en general.

¡Música para nuestros oídos!

El sonido puede ayudarnos a hacer cosas increíbles en la web. Podemos aprovecharlo para crear una conexión con los usuarios y una mejor interfaz de usuario. En algunas circunstancias, el sonido puede incluso reforzar la accesibilidad de nuestros proyectos.

Así que, la próxima vez que estés creando una aplicación web y desees aportale ese algo extra, considera la función que puede desempeñar el sonido. Existen muchas maneras creativas de que se pueda implementar responsablemente mientras se mejora la interfaz.

music and sound effects now available on Envato Elementsmusic and sound effects now available on Envato Elementsmusic and sound effects now available on Envato Elements
Música y efectos de sonido ahora disponibles en Envato Elements

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.