Fazendo a diferença: erro de UX do barco

May 04 2023
Em novembro do ano passado, concluí um estudo de caso de UX centrado na zona do polegar e na acessibilidade de navegação geral do site da Boat em dispositivos móveis. Usando as melhores práticas e análises comparativas, propus quatro possíveis soluções para melhorar a acessibilidade do site e a experiência do usuário.

Em novembro do ano passado, concluí um estudo de caso de UX centrado na zona do polegar e na acessibilidade geral de navegação do site da Boat em dispositivos móveis.

O principal problema identificado na versão mais antiga do site para celular do Boat

Usando as melhores práticas e análises comparativas, propus quatro possíveis soluções para melhorar a acessibilidade do site e a experiência do usuário. Tenho o prazer de informar que, desde então, várias mudanças positivas no site móvel da Boat abordam os problemas destacados em meu estudo de caso.

Esta solução apresenta uma das maneiras possíveis de resolver o problema

Vamos nos aprofundar nas atualizações recentes ➡

O design visual do novo site móvel da Boat

A Boat abordou com sucesso todas as questões relacionadas à experiência do cliente nesta versão mais recente de seu site móvel. A linguagem visual do site tem um fluxo linear e é consistente por toda parte. Os ícones finos , a interface do usuário elegante e o amplo espaço em branco fazem com que os usuários se sintam bem-vindos e à vontade ao navegar no site. Em contraste, a versão anterior era um pouco cheia de informações.

A versão atual é um ótimo exemplo da combinação perfeita de User Experience e User Interface. No geral, adoro esta versão e elogio a Boat por seus esforços para melhorar a usabilidade e o design do site.

Arquitetura de informação aprimorada para a nova versão do site móvel do barco

O IA passou por uma mudança notável, agora oferecendo aos usuários mais do que apenas categorias de produtos.

Esta nova adição permitirá que os usuários explorem e aprendam sobre a marca Boat, aumentando o envolvimento geral com o site, incluindo .

Lista de Itens do Menu Hambúrguer

O Boat fez uma grande melhoria ao exibir todas as categorias de produtos na primeira rolagem, o que reduz significativamente o tempo que os usuários gastam rolando e procurando por uma categoria de produto específica.

Procurar

O recurso de pesquisa atualizado exibe uma lista padrão de produtos e sugere dinamicamente o texto de entrada da pesquisa, que antes era estático como “Pesquisar smartwatches”. Além disso, os cantos arredondados foram minimizados, resultando em um visual mais atraente e esteticamente agradável.

E uma última coisa!

Quando se trata de design de experiência do usuário móvel, um dos aspectos mais críticos a considerar é a Thumb Zone — a área da tela que pode ser facilmente acessada pelo polegar do usuário. A Boat fez um trabalho excepcional nesta versão, otimizando seu site móvel para garantir que todos os elementos essenciais, como o menu de navegação e os botões de chamada para ação , sejam colocados ao alcance do polegar do usuário.

Isso não apenas melhorará a experiência do usuário, mas também aumentará a probabilidade de conversões e a satisfação do cliente.

Outras telas de IU

As recentes alterações feitas no site móvel do barco levaram em consideração as diretrizes da Thumb Zone, resultando em uma experiência mais acessível , fácil de navegar , limpa e visualmente agradável . As telas agora seguem as orientações, tornando-se uma combinação perfeita de User Experience e Interface. No geral, a Boat fez um trabalho notável ao melhorar a experiência do usuário móvel.

Caso você tenha perdido o estudo de caso, confira no Behance . Sinta-se à vontade para entrar em contato comigo no LinkedIn , vamos aprimorar a experiência humana juntos!

Tenha um lindo dia pela frente! ❤️