---
title: "Atualização do design: Uma experiência sonora imersiva na ponta dos seus dedos"
description: "Temos o prazer de anunciar o lançamento de um novo modelo para o nosso widget de som. Esse novo modelo promete revolucionar a maneira como seus usuários interag"
canonical_url: "https://pt.goodbarber.com/blog/atualizacao-do-design-uma-experiencia-sonora-imersiva-na-ponta-dos-seus-dedos-a1161/"
lang: pt
date: 2024-06-13
last_updated: 2024-07-04
---

# Atualização do design: Uma experiência sonora imersiva na ponta dos seus dedos

[Voltar](/blog/make-it-r19/)

# Atualização do design: Uma experiência sonora imersiva na ponta dos seus dedos

Escrito por [Muriel Santoni](https://pt.goodbarber.com/blog/author/muriel-santoni/)  na Quinta-Feira 13 Junho 2024

![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/80943428-58351909.jpg?v=1718270342.08133)

Temos o prazer de anunciar o lançamento de um novo modelo para o nosso widget de som. Esse novo modelo promete revolucionar a maneira como seus usuários interagem com o conteúdo de áudio nos seus aplicativos: A interação com o áudio se torna mais intuitiva e acessível diretamente da página inicial do aplicativo. Todos os elementos da célula de áudio foram projetados para oferecer uma experiência fluida e enriquecedora: Do título do áudio aos detalhes personalizáveis, como resumo, autor e data, tudo está lá para otimizar o envolvimento do usuário.

O novo widget de áudio da GoodBarber foi projetado para simplificar o acesso ao seu conteúdo de áudio e, ao mesmo tempo, aprimorar a experiência do usuário. Com a integração de um botão de reprodução diretamente em cada célula, os usuários podem iniciar e controlar o áudio sem sair da página, o que garante uma experiência suave e perfeita. Isso também ativa o mini-player, que é implementado sem interromper a navegação do usuário, garantindo uma transição suave entre diferentes ações.
Os controles de reprodução e pausa são integrados usando os ícones de vários players, garantindo uma interface de usuário consistente e fácil de usar. As interações com esses controles refletem ajustes em tempo real, permitindo que os usuários gerenciem facilmente sua experiência auditiva, seja para pausar um som cativante ou retomar a reprodução após uma interrupção.
Em resumo, esses recursos aprimorados não apenas aumentam a praticidade, mas transformam a audição em uma atividade mais envolvente e interativa, tornando cada sessão de áudio mais agradável e personalizada.

## Um compromisso mais forte

Além de aprimorar a experiência de audição, esse widget facilita a interação com recursos como comentários diretamente acessíveis e a capacidade de adicionar sons aos favoritos. A navegação intuitiva também incentiva a exploração, com acesso direto a páginas detalhadas de cada som.

Ao oferecer aos seus usuários controle total e recursos avançados na ponta dos dedos, você enriquece a experiência geral deles e incentiva maior fidelidade e satisfação. Estamos ansiosos para ver como você usará essa nova ferramenta para energizar seus aplicativos.

## Como aplicar esse modelo no seu aplicativo?

No seu back office, vá para o menu **Meu app > Estrutura**. Escolha a seção Home e, em seguida, o widget ao qual deseja aplicar o modelo ou crie um novo. Tudo o que resta é selecionar o modelo e definir seus parâmetros.

![Muriel Santoni](https://blog.goodbarber.com/_public/profile/ef/efb630699481a8fe6d2aa4031740c017ec96c703-default.jpg)

Sobre o autor[Muriel Santoni](https://pt.goodbarber.com/blog/author/muriel-santoni/)Marketing Manager

Storytelling & GEO na GoodBarber.

Dou forma à voz da marca e à sua visibilidade: as histórias que contamos, as palavras que escolhemos e — cada vez mais — a forma como surgem nas respostas das IA. Contadora de histórias de coração, passo os dias a tornar o nosso app builder no-code fácil de encontrar e impossível de esquecer.

[Saiba mais](https://pt.goodbarber.com/blog/author/muriel-santoni/)

[![LinkedIn](https://portal.ww-cdn.com/portal_static/svg/base2021/linkedin.3ed8162e2a2b.svg)](https://www.linkedin.com/in/muriel-santoni-52b26986/)[![X](https://portal.ww-cdn.com/portal_static/svg/base2021/x.820492c586dd.svg)](https://x.com/MurielSantoni)