Redesign Whatsapp
Estudo de caso: otimização da navegação
Estudo de caso: otimização da navegação
Problema
Foi observado que as atualizações no Status e nos Canais aumentaram a quantidade de elementos visuais e conteúdo na interface. Como resultado, há sobrecarga visual, dificultando a identificação de informações essenciais e a localização de ações principais, o que impacta a clareza e a usabilidade.
Foi observado que as atualizações no Status e nos Canais aumentaram a quantidade de elementos visuais e conteúdo na interface. Como resultado, há sobrecarga visual, dificultando a identificação de informações essenciais e a localização de ações principais, o que impacta a clareza e a usabilidade.
Resultado
Proposta de redesign da tela, com foco em reduzir a poluição visual, melhorar a hierarquia das informações e facilitar a identificação de elementos-chave, tornando a navegação mais intuitiva e eficiente.
Proposta de redesign da tela, com foco em reduzir a poluição visual, melhorar a hierarquia das informações e facilitar a identificação de elementos-chave, tornando a navegação mais intuitiva e eficiente.
Processo de design
Etapa 1: Imersão
Whatsapp é um aplicativo de mensagens criado em 2009 nos EUA e comprado em 2014 pelo atual do Grupo Meta. Ele é amplamente usado no Brasil, tanto para conversas informais quanto para relações de negócio.
Recentemente, ele atualizou o “Status”. Agora, é possível ter uma pré-visualização das publicações de seus contatos. No entanto, o excesso de elementos visuais pode sobrecarregar a percepção visual e dificultar a identificação das fotos de perfil dos contatos.
“Canais” é um recurso de comunicação unilateral em que administradores enviam textos, emojis, enquetes, fotos e muito mais. Entretanto, a alta densidade de conteúdos dificulta a localização de peças-chave como os botões de postagem.
Whatsapp é um aplicativo de mensagens criado em 2009 nos EUA e comprado em 2014 pelo atual do Grupo Meta. Ele é amplamente usado no Brasil, tanto para conversas informais quanto para relações de negócio.
Recentemente, ele atualizou o “Status”. Agora, é possível ter uma pré-visualização das publicações de seus contatos. No entanto, o excesso de elementos visuais pode sobrecarregar a percepção visual e dificultar a identificação das fotos de perfil dos contatos.
“Canais” é um recurso de comunicação unilateral em que administradores enviam textos, emojis, enquetes, fotos e muito mais. Entretanto, a alta densidade de conteúdos dificulta a localização de peças-chave como os botões de postagem.
Etapa 2: Definição
Etapa 3: Ideação
Brainstorming, também conhecido como “chuva de ideias”, é uma ferramenta para estimular a criatividade e externalizar as ideias.
Nessa etapa eu comecei a procurar referências e testar as ideias no papel.
Brainstorming, também conhecido como “chuva de ideias”, é uma ferramenta para estimular a criatividade e externalizar as ideias.
Nessa etapa eu comecei a procurar referências e testar as ideias no papel.
Etapa 4: Prototipação
Baixa fidelidade
Com os elementos mais bem definidos construí um protótipo de baixa fidelidade.
Objetivo: explorar ideias;
Características: simples e monocromático;
Com os elementos mais bem definidos construí um protótipo de baixa fidelidade.
Objetivo: explorar ideias;
Características: simples e monocromático;
Style Guide
Média Fidelidade
Nesse estágio, a proposta evolui para um nível de detalhamento que facilita a visualização. O protótipo contém cores, imagens, tipografia e interações básicas.
Objetivo: Detalhamento e desenvolvimento das ideias;
Nesse estágio, a proposta evolui para um nível de detalhamento que facilita a visualização. O protótipo contém cores, imagens, tipografia e interações básicas.
Objetivo: Detalhamento e desenvolvimento das ideias;
Etapa 5: justificativas
A complexidade da área ‘Atualizações’ exigia uma solução mais organizada e intuitiva. Portanto, essa nova abordagem concentra-se em deixar a experiência mais agradável, positiva e personalizada. Sobretudo, incentiva a exploração e interação do usuário nessa aba.
A complexidade da área ‘Atualizações’ exigia uma solução mais organizada e intuitiva. Portanto, essa nova abordagem concentra-se em deixar a experiência mais agradável, positiva e personalizada. Sobretudo, incentiva a exploração e interação do usuário nessa aba.
Próximos Passos
Os próximos passos do projeto incluiriam a realização de testes de usabilidade para validar a solução. O processo começaria com o planejamento (objetivos, público e métricas), seguido pelo recrutamento de participantes e execução dos testes.
Com os resultados, seriam identificadas melhorias, aplicados ajustes na interface e realizados novos ciclos de teste para evolução contínua da solução.
Os próximos passos do projeto incluiriam a realização de testes de usabilidade para validar a solução. O processo começaria com o planejamento (objetivos, público e métricas), seguido pelo recrutamento de participantes e execução dos testes.
Com os resultados, seriam identificadas melhorias, aplicados ajustes na interface e realizados novos ciclos de teste para evolução contínua da solução.
