O aplicativo exibe, por padrão, uma faixa sólida no topo das telas, separando visualmente a navegação do conteúdo — banners, imagens e campanhas. Com isso, oferecemos a opção de um header integrado ao conteúdo da página, com logo mais destacada e botões de ação flutuantes com blur, preservando usabilidade, legibilidade e os mesmos comportamentos de busca, favoritos e sacola que o usuário já conhece.
Como Ativar
Para ativar a funcionalidade é preciso fazer a solicitação para nosso time de suporte, por meio de um chamado em nosso portal. Nesse chamado, especifique que deseja a funcionalidade Appbar com Botões de Ação Flutuantes e informe em quais telas você deseja que a appbar seja ativa (ou reforce que deseja ativação para todas as telas).
Telas Disponíveis para Ativação
Tela
|
Home
|
PDP
|
Carrinho
|
Perfil
|
Menu de Categorias
|
Busca
|
Favoritos
|
Essa ativação precisa passar por nosso time de design antes de ser exibida em produção, para garantir uma experiência agradável ao usuário.
A partir da decisão de design, pode ser necessário gerarnova versão antes de liberar a funcionalidade.
Exemplo Visual
Páginas Principais
Home
|
PDP
|
Carrinho
|
Perfil
|
Páginas Extras
Favoritos
|
Menu de Categorias
|
Busca
|
A tela de perfil deslogado não possui alteração visual com essa funcionalidade ativa.
Sugestão de Uso
Recomendamos estruturar a Home do aplicativo antes de ativar a funcionalidade, para garantir que o devido contraste será mantido entre os componentes e a logo do app.
Dessa forma, priorizar a utilização de banners (carrossel ou mosaico) pode trazer uma experiência melhor ao usuário que o uso de vitrines.
Qualquer dúvida, solicite ao time de suporte um preview de como ficaria a ativação.