Contexto
Este estudo de caso foi desenvolvido em 48 horas, como forma de desafiar minhas habilidades conquistadas até então, já que ainda não havia montado nenhum projeto para o meu portfólio. Tenho algumas ideias planejadas, mas meu portfólio ainda está em construção. Porém, recebi um anúncio de uma vaga numa empresa que sempre desejei trabalhar e resolvi encarar esse desafio. Era a hora de testar tudo o que eu havia aprendido.
Este estudo de caso foi desenvolvido em 48 horas, como forma de desafiar minhas habilidades conquistadas até então, já que ainda não havia montado nenhum projeto para o meu portfólio, já que ele ainda está em construção. Porém, recebi um anúncio de uma vaga e resolvi encarar esse desafio. Era a hora de testar tudo o que eu havia aprendido.
Problema
Através da análise de feedbacks deixados em avaliações nas lojas de aplicativos, pude perceber que a maior dor dos usuários é a alta carga cognitiva causada pela interface do aplicativo, que contém muitas informações já na tela inicial, dificultando o acesso dos usuários aos serviços mais utilizados.
Ademais, há uma falha na arquitetura de informação que dificulta o acesso ao suporte, tanto via chat automatizado, quanto ao atendimento humano.
Solução
A solução proposta é um novo design para tela inicial do aplicativo, seguindo a Lei de Hicks, diminuindo a carga cognitiva do usuário e facilitando a customização da interface para que cada pessoa tenha disponível os serviços que mais utiliza.
Além disso, há a integração do acesso ao suporte na tela de mensagens, assim, todos os tickets abertos pelos usuários permanecerão num mesmo local, de fácil acesso, bem como a inclusão de referências aos portais de ajuda já na tela inicial.
Ferramentas
Figma
Apple Notes
Useberry
Funções
Pesquisa
Visual design
Prototipação
Tempo
Projeto: 48 horas
Pesquisa: 9 horas
Design: 34 horas
Testes: 5 horas
Time
1 Designer UI/UX
1 Designer UI/UX
O Processo de Design
Imersão
Dados Demográficos
Como não é possível acessar os dados demográficos de uso do aplicativo PicPay, por analogia, tem-se os dados referentes ao site picpay.com obtidos do portal similarweb, que disponibiliza métricas para páginas da web. A partir desses dados podemos criar uma persona que representa o público alvo.
Distribuição por gênero
Mulheres 43.69%
Mulheres 43.69%
Mulheres 43.69%
Homens 56.31%
Homens 56.31%
Homens 56.31%
Distribuição por idade
23.08%
23.08%
23.08%
35.75%
35.75%
35.75%
20.43%
20.43%
20.43%
11.24%
11.24%
11.24%
6.75%
6.75%
6.75%
2.73%
2.73%
2.73%
18-24
25-34
35-44
45-54
55-64
65+
Dados obtidos a partir do acesso ao endereço https://www.similarweb.com/website/picpay.com/ em 21 de julho de 2023.
Persona
Ana Souza
27, Arquiteta Jr.
27, Arquiteta Jr.
27, Arquiteta Jr.
São Paulo, Brasil
São Paulo, Brasil
São Paulo, Brasil
''Gosto de programas que me auxiliam a completar minhas tarefas diárias sem parecer que preciso de um curso para decifrar qual o próximo passo tomar.''
''Gosto de programas que me auxiliam a completar minhas tarefas diárias sem parecer que preciso de um curso para decifrar qual o próximo passo tomar.''
''Gosto de programas que me auxiliam a completar minhas tarefas diárias sem parecer que preciso de um curso para decifrar qual o próximo passo tomar.''
''Gosto de programas que me auxiliam a completar minhas tarefas diárias sem parecer que preciso de um curso para decifrar qual o próximo passo tomar.''
''Gosto de programas que me auxiliam a completar minhas tarefas diárias sem parecer que preciso de um curso para decifrar qual o próximo passo tomar.''
Dados Pessoais
Educação:
Bacharel
Exp. Profissional:
4 anos
Aparelhos:
iPhone 12, Dell XPS
Exp. com Tecnologia
Exp. com Tecnologia
Baixa
Média
Alta
Alta
Sobre
Ana mudou recentemente para São Paulo e ainda está se adaptando ao novo ritmo de vida. Ela trabalha como arquiteta junior num pequeno escritório de arquitetura. Ela é apaixonada por design de interiores e estética arquitetônica. Apesar de ser proficiente nos softwares de modelagem em 3D, não possui muita experiência com tecnologia, preferindo aplicativos diretos e visuais, que facilitem suas atividades diárias.
Comportamentos
Divide apartamento com uma amiga
Viaja para visitar a família 2 vezes ao mês
Vai de carro para o trabalho
Almoça em restaurantes todos os dias
Gosta de sair com os amigos aos fins de semana
Objetivos
Quer ser reconhecida no trabalho
Quer aprender a investir
Quer fazer novas amizades
Quer incorporar mais escolhas sustentáveis em sua vida
Quer fazer uma pós-graduação
Jornada do Usuário
A jornada do usuário nos permite entender o processo que o usuário realiza ao utilizar as funções do aplicativo, bem como suas expectativas e emoções durante sua interação.
Cenário
Ana, uma arquiteta em São Paulo, precisa fazer um pagamento para o restaurante em que almoça todos os dias, seu intervalo para almoço está quase no fim.
Expectativas
Conveniência e eficiência: realizar um pagamento simples e rápido durante o horário de pico.
Segurança: ter os dados de pagamento protegidos pelo app e garantir que a transação está sendo feita para o destinatário correto.
Preparar para o almoço
Ana percebe que está na hora do almoço e se dirige ao restaurante.
Chegando ao restaurante Ana faz seu pedido.
Sua refeição chega rápido apesar do horário de pico.
Ana termina de comer e se dirige ao caixa.
Selecionar o método de pagamento
Ana abre o app e clica na aba "pagar”.
Ana lê o QRCode com a câmera do celular.
O app demora para carregar as informações sobre o pagamento e pede para digitar o valor desejado.
Ana escolhe pagar com o saldo disponível.
Confirmar o pagamento
Ana confere os dados do destinatário e a data de pagamento.
Ana confirma os dados e clica em "pagar".
O app pede a leitura biométrica para confirmar a transação.
O app mostra a tela de confirmação do pagamento.
Conferir o comprovante
Ana clica na opção acessar comprovante.
Ana mostra o comprovante da transação para o caixa do restaurante.
O caixa confirma o pagamento e Ana volta para o escritório.
Preciso pagar rápido, meu horário de almoço está quase acabando!
Nossa, que demora para carregar os dados de pagamento!
A confirmação por biometria me traz uma sensação de segurança.
Ufa, foi rapidinho, vai dar tempo de voltar tranquila pro escritório.
Mapa de empatia
Diz
”Quero um app que me permita fazer pagamentos de forma rápida”
”Gostaria que existisse um app que me mostrasse tudo o que preciso já na tela inicial”
”Não gosto de aplicativos que usam linguagem complexa, gosto de simplicidade”
Pensa
Será que terei algum problema quando for pagar?
Espero que o horário de pico do almoço não atrapalhe o uso do app
É muito prático poder pagar com o celular sem precisar carregar dinheiro vivo
Faz
Usa o app como solução para pagamentos eficientes
Testa novos apps, mas acaba usando sempre os que já está mais acostumada
Divulga os serviços que a auxiliam a realizar as tarefas diárias
Sente
Ansiedade quando precisa aprender a mexer num sistema novo
Preocupação com a estabilidade dos serviços oferecidos pelo app
Confortada pelas medidas de segurança do app
Definição
Mapa de Afinidade - Avaliações Negativas
Analisando as avaliações negativas sobre o aplicativo PicPay nas plataformas Apple App Store, Google Play Store e Reclame Aqui, é possível extrair relatos de experiências que impactam negativamente a jornada do usuário.
Interface pesada
Interface complexa, navegação confusa, excesso de informações e dificuldade para acessar os serviços mais utilizados representa a maioria das avaliações analisadas.
”Navegação não é tão simples”
”Deixa a desejar na questão clareza para buscar serviços no app”
“Poluído de informações, não é intuitivo”
”Layout deveria ser mais prático”
”Tela poluída dificulta achar o que queremos rapidamente”
”Interface abarrotada e confusa”
Dificuldade para contatar o suporte
O segundo tema mais comentado é a dificuldade de contatar diretamente o suporte, sendo disponibilizado apenas o chat automatizado, ficando o contato com atendente humano ”escondido” nos menus do aplicativo.
”Não possui meio de contato para falar com atendente na central”
”Não consigo achar um número de telefone para o suporte”
”Falta de canal de atendimento para enviar informações técnicas”
”Não existe canal de comunicação direta com atendente”
Excesso de mensagens e notificações
O excesso de notificações push enviadas, mensagens de pop-up nas telas do aplicativo e informações irrelevantes enviadas em momentos inoportunos representa o terceiro tema mais comentado.
”Excesso de notificações para propagandas próprias”
”Excesso de propagandas via notificações e mensagens no chat”
”Propagandas do próprio app sobrepõem as informações necessárias”
”Cheio de pop-ups e notificações desnecessárias”
”Mostra a mesma mensagem repetidas vezes, atrapalhando o uso”
Insights
A partir da síntese das informações agregadas acima, identificam-se oportunidades de melhoria para a experiência do usuário.
Simplificar a interface da tela inicial
Permitir a customização da área de serviços de acesso rápido
Reduzir as informações de marketing apresentadas
Facilitar o acesso ao atendimento humano
Fluxos
Fluxo Atual de acesso ao suporte - Via Configurações
Fluxo Atual de acesso ao suporte - Via Mais Opções
Fluxo proposto - Via Mensagens
Fluxo proposto - Via Banner
Fluxo Atual de acesso ao suporte - Via Configurações
Fluxo Atual de acesso ao suporte - Via Mais Opções
Fluxo proposto - Via Mensagens
Fluxo proposto - Via Banner
Fluxo Atual de acesso ao suporte - Via Configurações
Fluxo Atual de acesso ao suporte - Via Mais Opções
Fluxo proposto - Via Mensagens
Fluxo proposto - Via Banner
Fluxo Atual de acesso ao suporte - Via Configurações
Fluxo Atual de acesso ao suporte - Via Mais Opções
Fluxo proposto - Via Mensagens
Fluxo proposto - Via Banner
Fluxo Atual de acesso ao suporte - Via Configurações
Fluxo Atual de acesso ao suporte - Via Mais Opções
Fluxo proposto - Via Mensagens
Fluxo proposto - Via Banner
Fluxo Atual de acesso ao suporte - Via Configurações
Fluxo Atual de acesso ao suporte - Via Mais Opções
Fluxo proposto - Via Mensagens
Fluxo proposto - Via Banner
Fluxo Atual de acesso ao suporte - Via Configurações
Fluxo Atual de acesso ao suporte - Via Mais Opções
Fluxo proposto - Via Mensagens
Fluxo proposto - Via Banner
Fluxo Atual de acesso ao suporte - Via Configurações
Fluxo Atual de acesso ao suporte - Via Mais Opções
Fluxo proposto - Via Mensagens
Fluxo proposto - Via Banner
Fluxo Atual de acesso ao suporte - Via Configurações
Fluxo Atual de acesso ao suporte - Via Mais Opções
Fluxo proposto - Via Mensagens
Fluxo proposto - Via Banner
Fluxo Atual de acesso ao suporte - Via Configurações
Fluxo Atual de acesso ao suporte - Via Mais Opções
Fluxo proposto - Via Mensagens
Fluxo proposto - Via Banner
Fluxo Atual de acesso ao suporte - Via Configurações
Fluxo Atual de acesso ao suporte - Via Mais Opções
Fluxo proposto - Via Mensagens
Fluxo proposto - Via Banner
Fluxo Atual de acesso ao suporte - Via Configurações
Fluxo Atual de acesso ao suporte - Via Mais Opções
Fluxo proposto - Via Mensagens
Fluxo proposto - Via Banner
Fluxo Atual de acesso ao suporte - Via Configurações
Fluxo Atual de acesso ao suporte - Via Mais Opções
Fluxo proposto - Via Mensagens
Fluxo proposto - Via Banner
Fluxo Atual de acesso ao suporte - Via Configurações
Fluxo Atual de acesso ao suporte - Via Mais Opções
Fluxo proposto - Via Mensagens
Fluxo proposto - Via Banner
Fluxo Atual de acesso ao suporte - Via Configurações
Fluxo Atual de acesso ao suporte - Via Mais Opções
Fluxo proposto - Via Mensagens
Fluxo proposto - Via Banner
Fluxo Atual de acesso ao suporte - Via Configurações
Fluxo Atual de acesso ao suporte - Via Mais Opções
Fluxo proposto - Via Mensagens
Fluxo proposto - Via Banner
Design
Protótipo de alta fidelidade
Tela Inicial
Optei por manter a tela inicialmente com altura fixa, apresentando apenas os elementos essenciais para o uso do app.
2
3
1
1
Novo botão editar, para customizar a disposição dos serviços em acesso rápido
2
Os 8 serviços mais utilizados pelos usuários em destaque por padrão
3
Banners contrastados permitem acesso rápido ao suporte, melhorando a navegação
A nova tela inicial se torna compatível com a WCAG 1.3.6 [AAA], ao permitir a customização do usuário, que agora pode diminuir a carga cognitiva da interface se desejar
Novo Sheet de Customização
Mostra todos os serviços disponíveis e permite selecionar os ícones apresentados na tela inicial.
1
2
1
Mantém funcionalidade padrão, podendo ser descartada arrastando para baixo ou clicando no botão cancelar.
2
Permite a seleção dos serviços desejados, sem limite de quantidade.
Compatível com a WCAG 3.2.3 [AAA], facilitando o aprendizado da nova função
Modo Reordenar
O usuário pode reposicionar os ícones como preferir.
1
2
3
1
Apenas conclui o processo ao clicar no botão "Concluído”
2
Segue o padrão do sistema, vibrando os ícones até que o processo seja concluído
3
Permite adicionar mais serviços caso necessário, retornando a esta tela antes de completar a customização
Compatível com a WCAG 1.3.2 [A], propõe uma sequência lógica de passos para executar a tarefa e permite correção de erros
Tela de Início Customizada
1
1
Agora totalmente personalizada pelo usuário, a tela inicial apresenta apenas os serviços desejados
Inclusão de cabeçalhos em correspondência com a WCAG 2.4.10 [AAA]
Novo Canal de Suporte
1
2
3
1
Junta-se às demais mensagens oficiais já enviadas pela empresa.
2
Mantém a opção de filtragem pelo usuário, sendo exibidas apenas as conversas pessoais caso deseje.
3
A tela de chat conta agora com um canal fixo de contato ao suporte. O chat mantém todo o histórico de tickets do usuário, fornecendo fácil acesso.
Compatível com a WCAG 3.2.6 [A] - Ajuda Consistente
Novas Opções para Notificações
1
2
1
Configurações separadas por seções para facilitar a diferenciação pelos usuários.
2
Adicionadas seções para preferências de marketing e pop-ups que aparecem durante o uso do app.
Compatível com a WCAG 2.4.10 [AAA]
Tela Inicial
Optei por manter a tela inicialmente com altura fixa, apresentando apenas os elementos essenciais para o uso do app.
2
3
1
1
Novo botão editar, para customizar a disposição dos serviços em acesso rápido
2
Os 8 serviços mais utilizados pelos usuários em destaque por padrão
3
Banners contrastados permitem acesso rápido ao suporte, melhorando a navegação
A nova tela inicial se torna compatível com a WCAG 1.3.6 [AAA], ao permitir a customização do usuário, que agora pode diminuir a carga cognitiva da interface se desejar
Novo Sheet de Customização
Mostra todos os serviços disponíveis e permite selecionar os ícones apresentados na tela inicial.
1
2
1
Mantém funcionalidade padrão, podendo ser descartada arrastando para baixo ou clicando no botão cancelar.
2
Permite a seleção dos serviços desejados, sem limite de quantidade.
Compatível com a WCAG 3.2.3 [AAA], facilitando o aprendizado da nova função
Modo Reordenar
O usuário pode reposicionar os ícones como preferir.
1
2
3
1
Apenas conclui o processo ao clicar no botão "Concluído”
2
Segue o padrão do sistema, vibrando os ícones até que o processo seja concluído
3
Permite adicionar mais serviços caso necessário, retornando a esta tela antes de completar a customização
Compatível com a WCAG 1.3.2 [A], propõe uma sequência lógica de passos para executar a tarefa e permite correção de erros
Tela de Início Customizada
1
1
Agora totalmente personalizada pelo usuário, a tela inicial apresenta apenas os serviços desejados
Inclusão de cabeçalhos em correspondência com a WCAG 2.4.10 [AAA]
Novo Canal de Suporte
1
2
3
1
Junta-se às demais mensagens oficiais já enviadas pela empresa.
2
Mantém a opção de filtragem pelo usuário, sendo exibidas apenas as conversas pessoais caso deseje.
3
A tela de chat conta agora com um canal fixo de contato ao suporte. O chat mantém todo o histórico de tickets do usuário, fornecendo fácil acesso.
Compatível com a WCAG 3.2.6 [A] - Ajuda Consistente
Novas Opções para Notificações
1
2
1
Configurações separadas por seções para facilitar a diferenciação pelos usuários.
2
Adicionadas seções para preferências de marketing e pop-ups que aparecem durante o uso do app.
Compatível com a WCAG 2.4.10 [AAA]
Tela Inicial
Optei por manter a tela inicialmente com altura fixa, apresentando apenas os elementos essenciais para o uso do app.
2
3
1
1
Novo botão editar, para customizar a disposição dos serviços em acesso rápido
2
Os 8 serviços mais utilizados pelos usuários em destaque por padrão
3
Banners contrastados permitem acesso rápido ao suporte, melhorando a navegação
A nova tela inicial se torna compatível com a WCAG 1.3.6 [AAA], ao permitir a customização do usuário, que agora pode diminuir a carga cognitiva da interface se desejar
Novo Sheet de Customização
Mostra todos os serviços disponíveis e permite selecionar os ícones apresentados na tela inicial.
1
2
1
Mantém funcionalidade padrão, podendo ser descartada arrastando para baixo ou clicando no botão cancelar.
2
Permite a seleção dos serviços desejados, sem limite de quantidade.
Compatível com a WCAG 3.2.3 [AAA], facilitando o aprendizado da nova função
Modo Reordenar
O usuário pode reposicionar os ícones como preferir.
1
2
3
1
Apenas conclui o processo ao clicar no botão "Concluído”
2
Segue o padrão do sistema, vibrando os ícones até que o processo seja concluído
3
Permite adicionar mais serviços caso necessário, retornando a esta tela antes de completar a customização
Compatível com a WCAG 1.3.2 [A], propõe uma sequência lógica de passos para executar a tarefa e permite correção de erros
Tela de Início Customizada
1
1
Agora totalmente personalizada pelo usuário, a tela inicial apresenta apenas os serviços desejados
Inclusão de cabeçalhos em correspondência com a WCAG 2.4.10 [AAA]
Novo Canal de Suporte
1
2
3
1
Junta-se às demais mensagens oficiais já enviadas pela empresa.
2
Mantém a opção de filtragem pelo usuário, sendo exibidas apenas as conversas pessoais caso deseje.
3
A tela de chat conta agora com um canal fixo de contato ao suporte. O chat mantém todo o histórico de tickets do usuário, fornecendo fácil acesso.
Compatível com a WCAG 3.2.6 [A] - Ajuda Consistente
Novas Opções para Notificações
1
2
1
Configurações separadas por seções para facilitar a diferenciação pelos usuários.
2
Adicionadas seções para preferências de marketing e pop-ups que aparecem durante o uso do app.
Compatível com a WCAG 2.4.10 [AAA]
Tela Inicial
Optei por manter a tela inicialmente com altura fixa, apresentando apenas os elementos essenciais para o uso do app.
2
3
1
1
Novo botão editar, para customizar a disposição dos serviços em acesso rápido
2
Os 8 serviços mais utilizados pelos usuários em destaque por padrão
3
Banners contrastados permitem acesso rápido ao suporte, melhorando a navegação
A nova tela inicial se torna compatível com a WCAG 1.3.6 [AAA], ao permitir a customização do usuário, que agora pode diminuir a carga cognitiva da interface se desejar
Novo Sheet de Customização
Mostra todos os serviços disponíveis e permite selecionar os ícones apresentados na tela inicial.
1
2
1
Mantém funcionalidade padrão, podendo ser descartada arrastando para baixo ou clicando no botão cancelar.
2
Permite a seleção dos serviços desejados, sem limite de quantidade.
Compatível com a WCAG 3.2.3 [AAA], facilitando o aprendizado da nova função
Modo Reordenar
O usuário pode reposicionar os ícones como preferir.
1
2
3
1
Apenas conclui o processo ao clicar no botão "Concluído”
2
Segue o padrão do sistema, vibrando os ícones até que o processo seja concluído
3
Permite adicionar mais serviços caso necessário, retornando a esta tela antes de completar a customização
Compatível com a WCAG 1.3.2 [A], propõe uma sequência lógica de passos para executar a tarefa e permite correção de erros
Tela de Início Customizada
1
1
Agora totalmente personalizada pelo usuário, a tela inicial apresenta apenas os serviços desejados
Inclusão de cabeçalhos em correspondência com a WCAG 2.4.10 [AAA]
Novo Canal de Suporte
1
2
3
1
Junta-se às demais mensagens oficiais já enviadas pela empresa.
2
Mantém a opção de filtragem pelo usuário, sendo exibidas apenas as conversas pessoais caso deseje.
3
A tela de chat conta agora com um canal fixo de contato ao suporte. O chat mantém todo o histórico de tickets do usuário, fornecendo fácil acesso.
Compatível com a WCAG 3.2.6 [A] - Ajuda Consistente
Novas Opções para Notificações
1
2
1
Configurações separadas por seções para facilitar a diferenciação pelos usuários.
2
Adicionadas seções para preferências de marketing e pop-ups que aparecem durante o uso do app.
Compatível com a WCAG 2.4.10 [AAA]
Tela Inicial
Optei por manter a tela inicialmente com altura fixa, apresentando apenas os elementos essenciais para o uso do app.
2
3
1
1
Novo botão editar, para customizar a disposição dos serviços em acesso rápido
2
Os 8 serviços mais utilizados pelos usuários em destaque por padrão
3
Banners contrastados permitem acesso rápido ao suporte, melhorando a navegação
A nova tela inicial se torna compatível com a WCAG 1.3.6 [AAA], ao permitir a customização do usuário, que agora pode diminuir a carga cognitiva da interface se desejar
Novo Sheet de Customização
Mostra todos os serviços disponíveis e permite selecionar os ícones apresentados na tela inicial.
1
2
1
Mantém funcionalidade padrão, podendo ser descartada arrastando para baixo ou clicando no botão cancelar.
2
Permite a seleção dos serviços desejados, sem limite de quantidade.
Compatível com a WCAG 3.2.3 [AAA], facilitando o aprendizado da nova função
Modo Reordenar
O usuário pode reposicionar os ícones como preferir.
1
2
3
1
Apenas conclui o processo ao clicar no botão "Concluído”
2
Segue o padrão do sistema, vibrando os ícones até que o processo seja concluído
3
Permite adicionar mais serviços caso necessário, retornando a esta tela antes de completar a customização
Compatível com a WCAG 1.3.2 [A], propõe uma sequência lógica de passos para executar a tarefa e permite correção de erros
Tela de Início Customizada
1
1
Agora totalmente personalizada pelo usuário, a tela inicial apresenta apenas os serviços desejados
Inclusão de cabeçalhos em correspondência com a WCAG 2.4.10 [AAA]
Novo Canal de Suporte
1
2
3
1
Junta-se às demais mensagens oficiais já enviadas pela empresa.
2
Mantém a opção de filtragem pelo usuário, sendo exibidas apenas as conversas pessoais caso deseje.
3
A tela de chat conta agora com um canal fixo de contato ao suporte. O chat mantém todo o histórico de tickets do usuário, fornecendo fácil acesso.
Compatível com a WCAG 3.2.6 [A] - Ajuda Consistente
Novas Opções para Notificações
1
2
1
Configurações separadas por seções para facilitar a diferenciação pelos usuários.
2
Adicionadas seções para preferências de marketing e pop-ups que aparecem durante o uso do app.
Compatível com a WCAG 2.4.10 [AAA]
Tela Inicial
Optei por manter a tela inicialmente com altura fixa, apresentando apenas os elementos essenciais para o uso do app.
2
3
1
1
Novo botão editar, para customizar a disposição dos serviços em acesso rápido
2
Os 8 serviços mais utilizados pelos usuários em destaque por padrão
3
Banners contrastados permitem acesso rápido ao suporte, melhorando a navegação
A nova tela inicial se torna compatível com a WCAG 1.3.6 [AAA], ao permitir a customização do usuário, que agora pode diminuir a carga cognitiva da interface se desejar
Novo Sheet de Customização
Mostra todos os serviços disponíveis e permite selecionar os ícones apresentados na tela inicial.
1
2
1
Mantém funcionalidade padrão, podendo ser descartada arrastando para baixo ou clicando no botão cancelar.
2
Permite a seleção dos serviços desejados, sem limite de quantidade.
Compatível com a WCAG 3.2.3 [AAA], facilitando o aprendizado da nova função
Modo Reordenar
O usuário pode reposicionar os ícones como preferir.
1
2
3
1
Apenas conclui o processo ao clicar no botão "Concluído”
2
Segue o padrão do sistema, vibrando os ícones até que o processo seja concluído
3
Permite adicionar mais serviços caso necessário, retornando a esta tela antes de completar a customização
Compatível com a WCAG 1.3.2 [A], propõe uma sequência lógica de passos para executar a tarefa e permite correção de erros
Tela de Início Customizada
1
1
Agora totalmente personalizada pelo usuário, a tela inicial apresenta apenas os serviços desejados
Inclusão de cabeçalhos em correspondência com a WCAG 2.4.10 [AAA]
Novo Canal de Suporte
1
2
3
1
Junta-se às demais mensagens oficiais já enviadas pela empresa.
2
Mantém a opção de filtragem pelo usuário, sendo exibidas apenas as conversas pessoais caso deseje.
3
A tela de chat conta agora com um canal fixo de contato ao suporte. O chat mantém todo o histórico de tickets do usuário, fornecendo fácil acesso.
Compatível com a WCAG 3.2.6 [A] - Ajuda Consistente
Novas Opções para Notificações
1
2
1
Configurações separadas por seções para facilitar a diferenciação pelos usuários.
2
Adicionadas seções para preferências de marketing e pop-ups que aparecem durante o uso do app.
Compatível com a WCAG 2.4.10 [AAA]
Tela Inicial
Optei por manter a tela inicialmente com altura fixa, apresentando apenas os elementos essenciais para o uso do app.
2
3
1
1
Novo botão editar, para customizar a disposição dos serviços em acesso rápido
2
Os 8 serviços mais utilizados pelos usuários em destaque por padrão
3
Banners contrastados permitem acesso rápido ao suporte, melhorando a navegação
A nova tela inicial se torna compatível com a WCAG 1.3.6 [AAA], ao permitir a customização do usuário, que agora pode diminuir a carga cognitiva da interface se desejar
Novo Sheet de Customização
Mostra todos os serviços disponíveis e permite selecionar os ícones apresentados na tela inicial.
1
2
1
Mantém funcionalidade padrão, podendo ser descartada arrastando para baixo ou clicando no botão cancelar.
2
Permite a seleção dos serviços desejados, sem limite de quantidade.
Compatível com a WCAG 3.2.3 [AAA], facilitando o aprendizado da nova função
Modo Reordenar
O usuário pode reposicionar os ícones como preferir.
1
2
3
1
Apenas conclui o processo ao clicar no botão "Concluído”
2
Segue o padrão do sistema, vibrando os ícones até que o processo seja concluído
3
Permite adicionar mais serviços caso necessário, retornando a esta tela antes de completar a customização
Compatível com a WCAG 1.3.2 [A], propõe uma sequência lógica de passos para executar a tarefa e permite correção de erros
Tela de Início Customizada
1
1
Agora totalmente personalizada pelo usuário, a tela inicial apresenta apenas os serviços desejados
Inclusão de cabeçalhos em correspondência com a WCAG 2.4.10 [AAA]
Novo Canal de Suporte
1
2
3
1
Junta-se às demais mensagens oficiais já enviadas pela empresa.
2
Mantém a opção de filtragem pelo usuário, sendo exibidas apenas as conversas pessoais caso deseje.
3
A tela de chat conta agora com um canal fixo de contato ao suporte. O chat mantém todo o histórico de tickets do usuário, fornecendo fácil acesso.
Compatível com a WCAG 3.2.6 [A] - Ajuda Consistente
Novas Opções para Notificações
1
2
1
Configurações separadas por seções para facilitar a diferenciação pelos usuários.
2
Adicionadas seções para preferências de marketing e pop-ups que aparecem durante o uso do app.
Compatível com a WCAG 2.4.10 [AAA]
Tela Inicial
Optei por manter a tela inicialmente com altura fixa, apresentando apenas os elementos essenciais para o uso do app.
2
3
1
1
Novo botão editar, para customizar a disposição dos serviços em acesso rápido
2
Os 8 serviços mais utilizados pelos usuários em destaque por padrão
3
Banners contrastados permitem acesso rápido ao suporte, melhorando a navegação
A nova tela inicial se torna compatível com a WCAG 1.3.6 [AAA], ao permitir a customização do usuário, que agora pode diminuir a carga cognitiva da interface se desejar
Novo Sheet de Customização
Mostra todos os serviços disponíveis e permite selecionar os ícones apresentados na tela inicial.
1
2
1
Mantém funcionalidade padrão, podendo ser descartada arrastando para baixo ou clicando no botão cancelar.
2
Permite a seleção dos serviços desejados, sem limite de quantidade.
Compatível com a WCAG 3.2.3 [AAA], facilitando o aprendizado da nova função
Modo Reordenar
O usuário pode reposicionar os ícones como preferir.
1
2
3
1
Apenas conclui o processo ao clicar no botão "Concluído”
2
Segue o padrão do sistema, vibrando os ícones até que o processo seja concluído
3
Permite adicionar mais serviços caso necessário, retornando a esta tela antes de completar a customização
Compatível com a WCAG 1.3.2 [A], propõe uma sequência lógica de passos para executar a tarefa e permite correção de erros
Tela de Início Customizada
1
1
Agora totalmente personalizada pelo usuário, a tela inicial apresenta apenas os serviços desejados
Inclusão de cabeçalhos em correspondência com a WCAG 2.4.10 [AAA]
Novo Canal de Suporte
1
2
3
1
Junta-se às demais mensagens oficiais já enviadas pela empresa.
2
Mantém a opção de filtragem pelo usuário, sendo exibidas apenas as conversas pessoais caso deseje.
3
A tela de chat conta agora com um canal fixo de contato ao suporte. O chat mantém todo o histórico de tickets do usuário, fornecendo fácil acesso.
Compatível com a WCAG 3.2.6 [A] - Ajuda Consistente
Novas Opções para Notificações
1
2
1
Configurações separadas por seções para facilitar a diferenciação pelos usuários.
2
Adicionadas seções para preferências de marketing e pop-ups que aparecem durante o uso do app.
Compatível com a WCAG 2.4.10 [AAA]
Tela Inicial
Optei por manter a tela inicialmente com altura fixa, apresentando apenas os elementos essenciais para o uso do app.
2
3
1
1
Novo botão editar, para customizar a disposição dos serviços em acesso rápido
2
Os 8 serviços mais utilizados pelos usuários em destaque por padrão
3
Banners contrastados permitem acesso rápido ao suporte, melhorando a navegação
A nova tela inicial se torna compatível com a WCAG 1.3.6 [AAA], ao permitir a customização do usuário, que agora pode diminuir a carga cognitiva da interface se desejar
Novo Sheet de Customização
Mostra todos os serviços disponíveis e permite selecionar os ícones apresentados na tela inicial.
1
2
1
Mantém funcionalidade padrão, podendo ser descartada arrastando para baixo ou clicando no botão cancelar.
2
Permite a seleção dos serviços desejados, sem limite de quantidade.
Compatível com a WCAG 3.2.3 [AAA], facilitando o aprendizado da nova função
Modo Reordenar
O usuário pode reposicionar os ícones como preferir.
1
2
3
1
Apenas conclui o processo ao clicar no botão "Concluído”
2
Segue o padrão do sistema, vibrando os ícones até que o processo seja concluído
3
Permite adicionar mais serviços caso necessário, retornando a esta tela antes de completar a customização
Compatível com a WCAG 1.3.2 [A], propõe uma sequência lógica de passos para executar a tarefa e permite correção de erros
Tela de Início Customizada
1
1
Agora totalmente personalizada pelo usuário, a tela inicial apresenta apenas os serviços desejados
Inclusão de cabeçalhos em correspondência com a WCAG 2.4.10 [AAA]
Novo Canal de Suporte
1
2
3
1
Junta-se às demais mensagens oficiais já enviadas pela empresa.
2
Mantém a opção de filtragem pelo usuário, sendo exibidas apenas as conversas pessoais caso deseje.
3
A tela de chat conta agora com um canal fixo de contato ao suporte. O chat mantém todo o histórico de tickets do usuário, fornecendo fácil acesso.
Compatível com a WCAG 3.2.6 [A] - Ajuda Consistente
Novas Opções para Notificações
1
2
1
Configurações separadas por seções para facilitar a diferenciação pelos usuários.
2
Adicionadas seções para preferências de marketing e pop-ups que aparecem durante o uso do app.
Compatível com a WCAG 2.4.10 [AAA]
Tela Inicial
Optei por manter a tela inicialmente com altura fixa, apresentando apenas os elementos essenciais para o uso do app.
2
3
1
1
Novo botão editar, para customizar a disposição dos serviços em acesso rápido
2
Os 8 serviços mais utilizados pelos usuários em destaque por padrão
3
Banners contrastados permitem acesso rápido ao suporte, melhorando a navegação
A nova tela inicial se torna compatível com a WCAG 1.3.6 [AAA], ao permitir a customização do usuário, que agora pode diminuir a carga cognitiva da interface se desejar
Novo Sheet de Customização
Mostra todos os serviços disponíveis e permite selecionar os ícones apresentados na tela inicial.
1
2
1
Mantém funcionalidade padrão, podendo ser descartada arrastando para baixo ou clicando no botão cancelar.
2
Permite a seleção dos serviços desejados, sem limite de quantidade.
Compatível com a WCAG 3.2.3 [AAA], facilitando o aprendizado da nova função
Modo Reordenar
O usuário pode reposicionar os ícones como preferir.
1
2
3
1
Apenas conclui o processo ao clicar no botão "Concluído”
2
Segue o padrão do sistema, vibrando os ícones até que o processo seja concluído
3
Permite adicionar mais serviços caso necessário, retornando a esta tela antes de completar a customização
Compatível com a WCAG 1.3.2 [A], propõe uma sequência lógica de passos para executar a tarefa e permite correção de erros
Tela de Início Customizada
1
1
Agora totalmente personalizada pelo usuário, a tela inicial apresenta apenas os serviços desejados
Inclusão de cabeçalhos em correspondência com a WCAG 2.4.10 [AAA]
Novo Canal de Suporte
1
2
3
1
Junta-se às demais mensagens oficiais já enviadas pela empresa.
2
Mantém a opção de filtragem pelo usuário, sendo exibidas apenas as conversas pessoais caso deseje.
3
A tela de chat conta agora com um canal fixo de contato ao suporte. O chat mantém todo o histórico de tickets do usuário, fornecendo fácil acesso.
Compatível com a WCAG 3.2.6 [A] - Ajuda Consistente
Novas Opções para Notificações
1
2
1
Configurações separadas por seções para facilitar a diferenciação pelos usuários.
2
Adicionadas seções para preferências de marketing e pop-ups que aparecem durante o uso do app.
Compatível com a WCAG 2.4.10 [AAA]
Tela Inicial
Optei por manter a tela inicialmente com altura fixa, apresentando apenas os elementos essenciais para o uso do app.
2
3
1
1
Novo botão editar, para customizar a disposição dos serviços em acesso rápido
2
Os 8 serviços mais utilizados pelos usuários em destaque por padrão
3
Banners contrastados permitem acesso rápido ao suporte, melhorando a navegação
A nova tela inicial se torna compatível com a WCAG 1.3.6 [AAA], ao permitir a customização do usuário, que agora pode diminuir a carga cognitiva da interface se desejar
Novo Sheet de Customização
Mostra todos os serviços disponíveis e permite selecionar os ícones apresentados na tela inicial.
1
2
1
Mantém funcionalidade padrão, podendo ser descartada arrastando para baixo ou clicando no botão cancelar.
2
Permite a seleção dos serviços desejados, sem limite de quantidade.
Compatível com a WCAG 3.2.3 [AAA], facilitando o aprendizado da nova função
Modo Reordenar
O usuário pode reposicionar os ícones como preferir.
1
2
3
1
Apenas conclui o processo ao clicar no botão "Concluído”
2
Segue o padrão do sistema, vibrando os ícones até que o processo seja concluído
3
Permite adicionar mais serviços caso necessário, retornando a esta tela antes de completar a customização
Compatível com a WCAG 1.3.2 [A], propõe uma sequência lógica de passos para executar a tarefa e permite correção de erros
Tela de Início Customizada
1
1
Agora totalmente personalizada pelo usuário, a tela inicial apresenta apenas os serviços desejados
Inclusão de cabeçalhos em correspondência com a WCAG 2.4.10 [AAA]
Novo Canal de Suporte
1
2
3
1
Junta-se às demais mensagens oficiais já enviadas pela empresa.
2
Mantém a opção de filtragem pelo usuário, sendo exibidas apenas as conversas pessoais caso deseje.
3
A tela de chat conta agora com um canal fixo de contato ao suporte. O chat mantém todo o histórico de tickets do usuário, fornecendo fácil acesso.
Compatível com a WCAG 3.2.6 [A] - Ajuda Consistente
Novas Opções para Notificações
1
2
1
Configurações separadas por seções para facilitar a diferenciação pelos usuários.
2
Adicionadas seções para preferências de marketing e pop-ups que aparecem durante o uso do app.
Compatível com a WCAG 2.4.10 [AAA]
Tela Inicial
Optei por manter a tela inicialmente com altura fixa, apresentando apenas os elementos essenciais para o uso do app.
2
3
1
1
Novo botão editar, para customizar a disposição dos serviços em acesso rápido
2
Os 8 serviços mais utilizados pelos usuários em destaque por padrão
3
Banners contrastados permitem acesso rápido ao suporte, melhorando a navegação
A nova tela inicial se torna compatível com a WCAG 1.3.6 [AAA], ao permitir a customização do usuário, que agora pode diminuir a carga cognitiva da interface se desejar
Novo Sheet de Customização
Mostra todos os serviços disponíveis e permite selecionar os ícones apresentados na tela inicial.
1
2
1
Mantém funcionalidade padrão, podendo ser descartada arrastando para baixo ou clicando no botão cancelar.
2
Permite a seleção dos serviços desejados, sem limite de quantidade.
Compatível com a WCAG 3.2.3 [AAA], facilitando o aprendizado da nova função
Modo Reordenar
O usuário pode reposicionar os ícones como preferir.
1
2
3
1
Apenas conclui o processo ao clicar no botão "Concluído”
2
Segue o padrão do sistema, vibrando os ícones até que o processo seja concluído
3
Permite adicionar mais serviços caso necessário, retornando a esta tela antes de completar a customização
Compatível com a WCAG 1.3.2 [A], propõe uma sequência lógica de passos para executar a tarefa e permite correção de erros
Tela de Início Customizada
1
1
Agora totalmente personalizada pelo usuário, a tela inicial apresenta apenas os serviços desejados
Inclusão de cabeçalhos em correspondência com a WCAG 2.4.10 [AAA]
Novo Canal de Suporte
1
2
3
1
Junta-se às demais mensagens oficiais já enviadas pela empresa.
2
Mantém a opção de filtragem pelo usuário, sendo exibidas apenas as conversas pessoais caso deseje.
3
A tela de chat conta agora com um canal fixo de contato ao suporte. O chat mantém todo o histórico de tickets do usuário, fornecendo fácil acesso.
Compatível com a WCAG 3.2.6 [A] - Ajuda Consistente
Novas Opções para Notificações
1
2
1
Configurações separadas por seções para facilitar a diferenciação pelos usuários.
2
Adicionadas seções para preferências de marketing e pop-ups que aparecem durante o uso do app.
Compatível com a WCAG 2.4.10 [AAA]
Tela Inicial
Optei por manter a tela inicialmente com altura fixa, apresentando apenas os elementos essenciais para o uso do app.
2
3
1
1
Novo botão editar, para customizar a disposição dos serviços em acesso rápido
2
Os 8 serviços mais utilizados pelos usuários em destaque por padrão
3
Banners contrastados permitem acesso rápido ao suporte, melhorando a navegação
A nova tela inicial se torna compatível com a WCAG 1.3.6 [AAA], ao permitir a customização do usuário, que agora pode diminuir a carga cognitiva da interface se desejar
Novo Sheet de Customização
Mostra todos os serviços disponíveis e permite selecionar os ícones apresentados na tela inicial.
1
2
1
Mantém funcionalidade padrão, podendo ser descartada arrastando para baixo ou clicando no botão cancelar.
2
Permite a seleção dos serviços desejados, sem limite de quantidade.
Compatível com a WCAG 3.2.3 [AAA], facilitando o aprendizado da nova função
Modo Reordenar
O usuário pode reposicionar os ícones como preferir.
1
2
3
1
Apenas conclui o processo ao clicar no botão "Concluído”
2
Segue o padrão do sistema, vibrando os ícones até que o processo seja concluído
3
Permite adicionar mais serviços caso necessário, retornando a esta tela antes de completar a customização
Compatível com a WCAG 1.3.2 [A], propõe uma sequência lógica de passos para executar a tarefa e permite correção de erros
Tela de Início Customizada
1
1
Agora totalmente personalizada pelo usuário, a tela inicial apresenta apenas os serviços desejados
Inclusão de cabeçalhos em correspondência com a WCAG 2.4.10 [AAA]
Novo Canal de Suporte
1
2
3
1
Junta-se às demais mensagens oficiais já enviadas pela empresa.
2
Mantém a opção de filtragem pelo usuário, sendo exibidas apenas as conversas pessoais caso deseje.
3
A tela de chat conta agora com um canal fixo de contato ao suporte. O chat mantém todo o histórico de tickets do usuário, fornecendo fácil acesso.
Compatível com a WCAG 3.2.6 [A] - Ajuda Consistente
Novas Opções para Notificações
1
2
1
Configurações separadas por seções para facilitar a diferenciação pelos usuários.
2
Adicionadas seções para preferências de marketing e pop-ups que aparecem durante o uso do app.
Compatível com a WCAG 2.4.10 [AAA]
Tela Inicial
Optei por manter a tela inicialmente com altura fixa, apresentando apenas os elementos essenciais para o uso do app.
2
3
1
1
Novo botão editar, para customizar a disposição dos serviços em acesso rápido
2
Os 8 serviços mais utilizados pelos usuários em destaque por padrão
3
Banners contrastados permitem acesso rápido ao suporte, melhorando a navegação
A nova tela inicial se torna compatível com a WCAG 1.3.6 [AAA], ao permitir a customização do usuário, que agora pode diminuir a carga cognitiva da interface se desejar
Novo Sheet de Customização
Mostra todos os serviços disponíveis e permite selecionar os ícones apresentados na tela inicial.
1
2
1
Mantém funcionalidade padrão, podendo ser descartada arrastando para baixo ou clicando no botão cancelar.
2
Permite a seleção dos serviços desejados, sem limite de quantidade.
Compatível com a WCAG 3.2.3 [AAA], facilitando o aprendizado da nova função
Modo Reordenar
O usuário pode reposicionar os ícones como preferir.
1
2
3
1
Apenas conclui o processo ao clicar no botão "Concluído”
2
Segue o padrão do sistema, vibrando os ícones até que o processo seja concluído
3
Permite adicionar mais serviços caso necessário, retornando a esta tela antes de completar a customização
Compatível com a WCAG 1.3.2 [A], propõe uma sequência lógica de passos para executar a tarefa e permite correção de erros
Tela de Início Customizada
1
1
Agora totalmente personalizada pelo usuário, a tela inicial apresenta apenas os serviços desejados
Inclusão de cabeçalhos em correspondência com a WCAG 2.4.10 [AAA]
Novo Canal de Suporte
1
2
3
1
Junta-se às demais mensagens oficiais já enviadas pela empresa.
2
Mantém a opção de filtragem pelo usuário, sendo exibidas apenas as conversas pessoais caso deseje.
3
A tela de chat conta agora com um canal fixo de contato ao suporte. O chat mantém todo o histórico de tickets do usuário, fornecendo fácil acesso.
Compatível com a WCAG 3.2.6 [A] - Ajuda Consistente
Novas Opções para Notificações
1
2
1
Configurações separadas por seções para facilitar a diferenciação pelos usuários.
2
Adicionadas seções para preferências de marketing e pop-ups que aparecem durante o uso do app.
Compatível com a WCAG 2.4.10 [AAA]
Tela Inicial
Optei por manter a tela inicialmente com altura fixa, apresentando apenas os elementos essenciais para o uso do app.
2
3
1
1
Novo botão editar, para customizar a disposição dos serviços em acesso rápido
2
Os 8 serviços mais utilizados pelos usuários em destaque por padrão
3
Banners contrastados permitem acesso rápido ao suporte, melhorando a navegação
A nova tela inicial se torna compatível com a WCAG 1.3.6 [AAA], ao permitir a customização do usuário, que agora pode diminuir a carga cognitiva da interface se desejar
Novo Sheet de Customização
Mostra todos os serviços disponíveis e permite selecionar os ícones apresentados na tela inicial.
1
2
1
Mantém funcionalidade padrão, podendo ser descartada arrastando para baixo ou clicando no botão cancelar.
2
Permite a seleção dos serviços desejados, sem limite de quantidade.
Compatível com a WCAG 3.2.3 [AAA], facilitando o aprendizado da nova função
Modo Reordenar
O usuário pode reposicionar os ícones como preferir.
1
2
3
1
Apenas conclui o processo ao clicar no botão "Concluído”
2
Segue o padrão do sistema, vibrando os ícones até que o processo seja concluído
3
Permite adicionar mais serviços caso necessário, retornando a esta tela antes de completar a customização
Compatível com a WCAG 1.3.2 [A], propõe uma sequência lógica de passos para executar a tarefa e permite correção de erros
Tela de Início Customizada
1
1
Agora totalmente personalizada pelo usuário, a tela inicial apresenta apenas os serviços desejados
Inclusão de cabeçalhos em correspondência com a WCAG 2.4.10 [AAA]
Novo Canal de Suporte
1
2
3
1
Junta-se às demais mensagens oficiais já enviadas pela empresa.
2
Mantém a opção de filtragem pelo usuário, sendo exibidas apenas as conversas pessoais caso deseje.
3
A tela de chat conta agora com um canal fixo de contato ao suporte. O chat mantém todo o histórico de tickets do usuário, fornecendo fácil acesso.
Compatível com a WCAG 3.2.6 [A] - Ajuda Consistente
Novas Opções para Notificações
1
2
1
Configurações separadas por seções para facilitar a diferenciação pelos usuários.
2
Adicionadas seções para preferências de marketing e pop-ups que aparecem durante o uso do app.
Compatível com a WCAG 2.4.10 [AAA]
Tela Inicial
Optei por manter a tela inicialmente com altura fixa, apresentando apenas os elementos essenciais para o uso do app.
2
3
1
1
Novo botão editar, para customizar a disposição dos serviços em acesso rápido
2
Os 8 serviços mais utilizados pelos usuários em destaque por padrão
3
Banners contrastados permitem acesso rápido ao suporte, melhorando a navegação
A nova tela inicial se torna compatível com a WCAG 1.3.6 [AAA], ao permitir a customização do usuário, que agora pode diminuir a carga cognitiva da interface se desejar
Novo Sheet de Customização
Mostra todos os serviços disponíveis e permite selecionar os ícones apresentados na tela inicial.
1
2
1
Mantém funcionalidade padrão, podendo ser descartada arrastando para baixo ou clicando no botão cancelar.
2
Permite a seleção dos serviços desejados, sem limite de quantidade.
Compatível com a WCAG 3.2.3 [AAA], facilitando o aprendizado da nova função
Modo Reordenar
O usuário pode reposicionar os ícones como preferir.
1
2
3
1
Apenas conclui o processo ao clicar no botão "Concluído”
2
Segue o padrão do sistema, vibrando os ícones até que o processo seja concluído
3
Permite adicionar mais serviços caso necessário, retornando a esta tela antes de completar a customização
Compatível com a WCAG 1.3.2 [A], propõe uma sequência lógica de passos para executar a tarefa e permite correção de erros
Tela de Início Customizada
1
1
Agora totalmente personalizada pelo usuário, a tela inicial apresenta apenas os serviços desejados
Inclusão de cabeçalhos em correspondência com a WCAG 2.4.10 [AAA]
Novo Canal de Suporte
1
2
3
1
Junta-se às demais mensagens oficiais já enviadas pela empresa.
2
Mantém a opção de filtragem pelo usuário, sendo exibidas apenas as conversas pessoais caso deseje.
3
A tela de chat conta agora com um canal fixo de contato ao suporte. O chat mantém todo o histórico de tickets do usuário, fornecendo fácil acesso.
Compatível com a WCAG 3.2.6 [A] - Ajuda Consistente
Novas Opções para Notificações
1
2
1
Configurações separadas por seções para facilitar a diferenciação pelos usuários.
2
Adicionadas seções para preferências de marketing e pop-ups que aparecem durante o uso do app.
Compatível com a WCAG 2.4.10 [AAA]
Tela Inicial
Optei por manter a tela inicialmente com altura fixa, apresentando apenas os elementos essenciais para o uso do app.
2
3
1
1
Novo botão editar, para customizar a disposição dos serviços em acesso rápido
2
Os 8 serviços mais utilizados pelos usuários em destaque por padrão
3
Banners contrastados permitem acesso rápido ao suporte, melhorando a navegação
A nova tela inicial se torna compatível com a WCAG 1.3.6 [AAA], ao permitir a customização do usuário, que agora pode diminuir a carga cognitiva da interface se desejar
Novo Sheet de Customização
Mostra todos os serviços disponíveis e permite selecionar os ícones apresentados na tela inicial.
1
2
1
Mantém funcionalidade padrão, podendo ser descartada arrastando para baixo ou clicando no botão cancelar.
2
Permite a seleção dos serviços desejados, sem limite de quantidade.
Compatível com a WCAG 3.2.3 [AAA], facilitando o aprendizado da nova função
Modo Reordenar
O usuário pode reposicionar os ícones como preferir.
1
2
3
1
Apenas conclui o processo ao clicar no botão "Concluído”
2
Segue o padrão do sistema, vibrando os ícones até que o processo seja concluído
3
Permite adicionar mais serviços caso necessário, retornando a esta tela antes de completar a customização
Compatível com a WCAG 1.3.2 [A], propõe uma sequência lógica de passos para executar a tarefa e permite correção de erros
Tela de Início Customizada
1
1
Agora totalmente personalizada pelo usuário, a tela inicial apresenta apenas os serviços desejados
Inclusão de cabeçalhos em correspondência com a WCAG 2.4.10 [AAA]
Novo Canal de Suporte
1
2
3
1
Junta-se às demais mensagens oficiais já enviadas pela empresa.
2
Mantém a opção de filtragem pelo usuário, sendo exibidas apenas as conversas pessoais caso deseje.
3
A tela de chat conta agora com um canal fixo de contato ao suporte. O chat mantém todo o histórico de tickets do usuário, fornecendo fácil acesso.
Compatível com a WCAG 3.2.6 [A] - Ajuda Consistente
Novas Opções para Notificações
1
2
1
Configurações separadas por seções para facilitar a diferenciação pelos usuários.
2
Adicionadas seções para preferências de marketing e pop-ups que aparecem durante o uso do app.
Compatível com a WCAG 2.4.10 [AAA]
Tela Inicial
Optei por manter a tela inicialmente com altura fixa, apresentando apenas os elementos essenciais para o uso do app.
2
3
1
1
Novo botão editar, para customizar a disposição dos serviços em acesso rápido
2
Os 8 serviços mais utilizados pelos usuários em destaque por padrão
3
Banners contrastados permitem acesso rápido ao suporte, melhorando a navegação
A nova tela inicial se torna compatível com a WCAG 1.3.6 [AAA], ao permitir a customização do usuário, que agora pode diminuir a carga cognitiva da interface se desejar
Novo Sheet de Customização
Mostra todos os serviços disponíveis e permite selecionar os ícones apresentados na tela inicial.
1
2
1
Mantém funcionalidade padrão, podendo ser descartada arrastando para baixo ou clicando no botão cancelar.
2
Permite a seleção dos serviços desejados, sem limite de quantidade.
Compatível com a WCAG 3.2.3 [AAA], facilitando o aprendizado da nova função
Modo Reordenar
O usuário pode reposicionar os ícones como preferir.
1
2
3
1
Apenas conclui o processo ao clicar no botão "Concluído”
2
Segue o padrão do sistema, vibrando os ícones até que o processo seja concluído
3
Permite adicionar mais serviços caso necessário, retornando a esta tela antes de completar a customização
Compatível com a WCAG 1.3.2 [A], propõe uma sequência lógica de passos para executar a tarefa e permite correção de erros
Tela de Início Customizada
1
1
Agora totalmente personalizada pelo usuário, a tela inicial apresenta apenas os serviços desejados
Inclusão de cabeçalhos em correspondência com a WCAG 2.4.10 [AAA]
Novo Canal de Suporte
1
2
3
1
Junta-se às demais mensagens oficiais já enviadas pela empresa.
2
Mantém a opção de filtragem pelo usuário, sendo exibidas apenas as conversas pessoais caso deseje.
3
A tela de chat conta agora com um canal fixo de contato ao suporte. O chat mantém todo o histórico de tickets do usuário, fornecendo fácil acesso.
Compatível com a WCAG 3.2.6 [A] - Ajuda Consistente
Novas Opções para Notificações
1
2
1
Configurações separadas por seções para facilitar a diferenciação pelos usuários.
2
Adicionadas seções para preferências de marketing e pop-ups que aparecem durante o uso do app.
Compatível com a WCAG 2.4.10 [AAA]
Tela Inicial
Optei por manter a tela inicialmente com altura fixa, apresentando apenas os elementos essenciais para o uso do app.
2
3
1
1
Novo botão editar, para customizar a disposição dos serviços em acesso rápido
2
Os 8 serviços mais utilizados pelos usuários em destaque por padrão
3
Banners contrastados permitem acesso rápido ao suporte, melhorando a navegação
A nova tela inicial se torna compatível com a WCAG 1.3.6 [AAA], ao permitir a customização do usuário, que agora pode diminuir a carga cognitiva da interface se desejar
Novo Sheet de Customização
Mostra todos os serviços disponíveis e permite selecionar os ícones apresentados na tela inicial.
1
2
1
Mantém funcionalidade padrão, podendo ser descartada arrastando para baixo ou clicando no botão cancelar.
2
Permite a seleção dos serviços desejados, sem limite de quantidade.
Compatível com a WCAG 3.2.3 [AAA], facilitando o aprendizado da nova função
Modo Reordenar
O usuário pode reposicionar os ícones como preferir.
1
2
3
1
Apenas conclui o processo ao clicar no botão "Concluído”
2
Segue o padrão do sistema, vibrando os ícones até que o processo seja concluído
3
Permite adicionar mais serviços caso necessário, retornando a esta tela antes de completar a customização
Compatível com a WCAG 1.3.2 [A], propõe uma sequência lógica de passos para executar a tarefa e permite correção de erros
Tela de Início Customizada
1
1
Agora totalmente personalizada pelo usuário, a tela inicial apresenta apenas os serviços desejados
Inclusão de cabeçalhos em correspondência com a WCAG 2.4.10 [AAA]
Novo Canal de Suporte
1
2
3
1
Junta-se às demais mensagens oficiais já enviadas pela empresa.
2
Mantém a opção de filtragem pelo usuário, sendo exibidas apenas as conversas pessoais caso deseje.
3
A tela de chat conta agora com um canal fixo de contato ao suporte. O chat mantém todo o histórico de tickets do usuário, fornecendo fácil acesso.
Compatível com a WCAG 3.2.6 [A] - Ajuda Consistente
Novas Opções para Notificações
1
2
1
Configurações separadas por seções para facilitar a diferenciação pelos usuários.
2
Adicionadas seções para preferências de marketing e pop-ups que aparecem durante o uso do app.
Compatível com a WCAG 2.4.10 [AAA]
Tela Inicial
Optei por manter a tela inicialmente com altura fixa, apresentando apenas os elementos essenciais para o uso do app.
2
3
1
1
Novo botão editar, para customizar a disposição dos serviços em acesso rápido
2
Os 8 serviços mais utilizados pelos usuários em destaque por padrão
3
Banners contrastados permitem acesso rápido ao suporte, melhorando a navegação
A nova tela inicial se torna compatível com a WCAG 1.3.6 [AAA], ao permitir a customização do usuário, que agora pode diminuir a carga cognitiva da interface se desejar
Novo Sheet de Customização
Mostra todos os serviços disponíveis e permite selecionar os ícones apresentados na tela inicial.
1
2
1
Mantém funcionalidade padrão, podendo ser descartada arrastando para baixo ou clicando no botão cancelar.
2
Permite a seleção dos serviços desejados, sem limite de quantidade.
Compatível com a WCAG 3.2.3 [AAA], facilitando o aprendizado da nova função
Modo Reordenar
O usuário pode reposicionar os ícones como preferir.
1
2
3
1
Apenas conclui o processo ao clicar no botão "Concluído”
2
Segue o padrão do sistema, vibrando os ícones até que o processo seja concluído
3
Permite adicionar mais serviços caso necessário, retornando a esta tela antes de completar a customização
Compatível com a WCAG 1.3.2 [A], propõe uma sequência lógica de passos para executar a tarefa e permite correção de erros
Tela de Início Customizada
1
1
Agora totalmente personalizada pelo usuário, a tela inicial apresenta apenas os serviços desejados
Inclusão de cabeçalhos em correspondência com a WCAG 2.4.10 [AAA]
Novo Canal de Suporte
1
2
3
1
Junta-se às demais mensagens oficiais já enviadas pela empresa.
2
Mantém a opção de filtragem pelo usuário, sendo exibidas apenas as conversas pessoais caso deseje.
3
A tela de chat conta agora com um canal fixo de contato ao suporte. O chat mantém todo o histórico de tickets do usuário, fornecendo fácil acesso.
Compatível com a WCAG 3.2.6 [A] - Ajuda Consistente
Novas Opções para Notificações
1
2
1
Configurações separadas por seções para facilitar a diferenciação pelos usuários.
2
Adicionadas seções para preferências de marketing e pop-ups que aparecem durante o uso do app.
Compatível com a WCAG 2.4.10 [AAA]
Componentes
Avatares
Banners
Tabs
Células de mensagem
Botões
Cores
#333333
#333333
#333333
#333333
#646464
#646464
#646464
#646464
#A6A6A6
#A6A6A6
#A6A6A6
#A6A6A6
#F3F3F3
#F3F3F3
#F3F3F3
#F3F3F3
#016533
#016533
#016533
#016533
#238661
#238661
#238661
#238661
#EEF7F3
#EEF7F3
#EEF7F3
#EEF7F3
Tipografia
Título
SF Pro Bold 20
Header
SF Pro Bold 18
Label
SF Pro Bold 16
Subtexto
SF Pro Regular 14
Body
SF Pro Regular 12
Ícones
Espaçamentos
4 pontos
8 pontos
12 pontos
16 pontos
20 pontos
32 pontos
48 pontos
64 pontos
Testes
Os testes foram conduzidos na plataforma useberry, contando com 8 participantes de 18 à 44 anos.
Primeiro clique no design atual
2
1
1
A maioria esmagadora dos participantes escolheu o ícone de mensagens, que atualmente não leva ao chat de suporte.
2
Alguns usuários clicaram no item "mais opções", que no design atual leva ao suporte.
Primeiro clique no design proposto
1
2
1
No design proposto, mais uma vez a maioria dos participantes escolheram o ícone de mensagens.
2
Alguns usuários clicaram diretamente no banner call to action.
Início do fluxo atual
1
3
2
1
Todos os participantes finalizaram a tarefa pelo fluxo de configurações, através do ícone de perfil.
2
O ícone de mensagens teve a mesma quantidade de cliques que o ícone de perfil.
3
O segundo caminho possível para realizar a tarefa foi o menos clicado.
No design atual, apenas o ícone de perfil e o item "mais opções” levam ao contato com o suporte.
Início do fluxo proposto
1
2
3
1
Os participantes clicaram no ícone de perfil e "mais opções”, porém como essas funcionalidades já existem, durante os testes elas permaneceram desativadas.
2
A maioria dos participantes finalizou a tarefa através da aba de mensagens, utilizando o novo canal fixo de suporte.
3
Poucos usuários clicaram no banner call to action.
6 dos 8 participantes finalizaram a tarefa pelo fluxo de mensagens e 2 finalizaram a tarefa pelo banner call to action
Primeiro clique no design atual
2
1
1
A maioria esmagadora dos participantes escolheu o ícone de mensagens, que atualmente não leva ao chat de suporte.
2
Alguns usuários clicaram no item "mais opções", que no design atual leva ao suporte.
Primeiro clique no design proposto
1
2
1
No design proposto, mais uma vez a maioria dos participantes escolheram o ícone de mensagens.
2
Alguns usuários clicaram diretamente no banner call to action.
Início do fluxo atual
1
3
2
1
Todos os participantes finalizaram a tarefa pelo fluxo de configurações, através do ícone de perfil.
2
O ícone de mensagens teve a mesma quantidade de cliques que o ícone de perfil.
3
O segundo caminho possível para realizar a tarefa foi o menos clicado.
No design atual, apenas o ícone de perfil e o item "mais opções” levam ao contato com o suporte.
Início do fluxo proposto
1
2
3
1
Os participantes clicaram no ícone de perfil e "mais opções”, porém como essas funcionalidades já existem, durante os testes elas permaneceram desativadas.
2
A maioria dos participantes finalizou a tarefa através da aba de mensagens, utilizando o novo canal fixo de suporte.
3
Poucos usuários clicaram no banner call to action.
6 dos 8 participantes finalizaram a tarefa pelo fluxo de mensagens e 2 finalizaram a tarefa pelo banner call to action
Primeiro clique no design atual
2
1
1
A maioria esmagadora dos participantes escolheu o ícone de mensagens, que atualmente não leva ao chat de suporte.
2
Alguns usuários clicaram no item "mais opções", que no design atual leva ao suporte.
Primeiro clique no design proposto
1
2
1
No design proposto, mais uma vez a maioria dos participantes escolheram o ícone de mensagens.
2
Alguns usuários clicaram diretamente no banner call to action.
Início do fluxo atual
1
3
2
1
Todos os participantes finalizaram a tarefa pelo fluxo de configurações, através do ícone de perfil.
2
O ícone de mensagens teve a mesma quantidade de cliques que o ícone de perfil.
3
O segundo caminho possível para realizar a tarefa foi o menos clicado.
No design atual, apenas o ícone de perfil e o item "mais opções” levam ao contato com o suporte.
Início do fluxo proposto
1
2
3
1
Os participantes clicaram no ícone de perfil e "mais opções”, porém como essas funcionalidades já existem, durante os testes elas permaneceram desativadas.
2
A maioria dos participantes finalizou a tarefa através da aba de mensagens, utilizando o novo canal fixo de suporte.
3
Poucos usuários clicaram no banner call to action.
6 dos 8 participantes finalizaram a tarefa pelo fluxo de mensagens e 2 finalizaram a tarefa pelo banner call to action
Primeiro clique no design atual
2
1
1
A maioria esmagadora dos participantes escolheu o ícone de mensagens, que atualmente não leva ao chat de suporte.
2
Alguns usuários clicaram no item "mais opções", que no design atual leva ao suporte.
Primeiro clique no design proposto
1
2
1
No design proposto, mais uma vez a maioria dos participantes escolheram o ícone de mensagens.
2
Alguns usuários clicaram diretamente no banner call to action.
Início do fluxo atual
1
3
2
1
Todos os participantes finalizaram a tarefa pelo fluxo de configurações, através do ícone de perfil.
2
O ícone de mensagens teve a mesma quantidade de cliques que o ícone de perfil.
3
O segundo caminho possível para realizar a tarefa foi o menos clicado.
No design atual, apenas o ícone de perfil e o item "mais opções” levam ao contato com o suporte.
Início do fluxo proposto
1
2
3
1
Os participantes clicaram no ícone de perfil e "mais opções”, porém como essas funcionalidades já existem, durante os testes elas permaneceram desativadas.
2
A maioria dos participantes finalizou a tarefa através da aba de mensagens, utilizando o novo canal fixo de suporte.
3
Poucos usuários clicaram no banner call to action.
6 dos 8 participantes finalizaram a tarefa pelo fluxo de mensagens e 2 finalizaram a tarefa pelo banner call to action
Primeiro clique no design atual
2
1
1
A maioria esmagadora dos participantes escolheu o ícone de mensagens, que atualmente não leva ao chat de suporte.
2
Alguns usuários clicaram no item "mais opções", que no design atual leva ao suporte.
Primeiro clique no design proposto
1
2
1
No design proposto, mais uma vez a maioria dos participantes escolheram o ícone de mensagens.
2
Alguns usuários clicaram diretamente no banner call to action.
Início do fluxo atual
1
3
2
1
Todos os participantes finalizaram a tarefa pelo fluxo de configurações, através do ícone de perfil.
2
O ícone de mensagens teve a mesma quantidade de cliques que o ícone de perfil.
3
O segundo caminho possível para realizar a tarefa foi o menos clicado.
No design atual, apenas o ícone de perfil e o item "mais opções” levam ao contato com o suporte.
Início do fluxo proposto
1
2
3
1
Os participantes clicaram no ícone de perfil e "mais opções”, porém como essas funcionalidades já existem, durante os testes elas permaneceram desativadas.
2
A maioria dos participantes finalizou a tarefa através da aba de mensagens, utilizando o novo canal fixo de suporte.
3
Poucos usuários clicaram no banner call to action.
6 dos 8 participantes finalizaram a tarefa pelo fluxo de mensagens e 2 finalizaram a tarefa pelo banner call to action
Primeiro clique no design atual
2
1
1
A maioria esmagadora dos participantes escolheu o ícone de mensagens, que atualmente não leva ao chat de suporte.
2
Alguns usuários clicaram no item "mais opções", que no design atual leva ao suporte.
Primeiro clique no design proposto
1
2
1
No design proposto, mais uma vez a maioria dos participantes escolheram o ícone de mensagens.
2
Alguns usuários clicaram diretamente no banner call to action.
Início do fluxo atual
1
3
2
1
Todos os participantes finalizaram a tarefa pelo fluxo de configurações, através do ícone de perfil.
2
O ícone de mensagens teve a mesma quantidade de cliques que o ícone de perfil.
3
O segundo caminho possível para realizar a tarefa foi o menos clicado.
No design atual, apenas o ícone de perfil e o item "mais opções” levam ao contato com o suporte.
Início do fluxo proposto
1
2
3
1
Os participantes clicaram no ícone de perfil e "mais opções”, porém como essas funcionalidades já existem, durante os testes elas permaneceram desativadas.
2
A maioria dos participantes finalizou a tarefa através da aba de mensagens, utilizando o novo canal fixo de suporte.
3
Poucos usuários clicaram no banner call to action.
6 dos 8 participantes finalizaram a tarefa pelo fluxo de mensagens e 2 finalizaram a tarefa pelo banner call to action
Primeiro clique no design atual
2
1
1
A maioria esmagadora dos participantes escolheu o ícone de mensagens, que atualmente não leva ao chat de suporte.
2
Alguns usuários clicaram no item "mais opções", que no design atual leva ao suporte.
Primeiro clique no design proposto
1
2
1
No design proposto, mais uma vez a maioria dos participantes escolheram o ícone de mensagens.
2
Alguns usuários clicaram diretamente no banner call to action.
Início do fluxo atual
1
3
2
1
Todos os participantes finalizaram a tarefa pelo fluxo de configurações, através do ícone de perfil.
2
O ícone de mensagens teve a mesma quantidade de cliques que o ícone de perfil.
3
O segundo caminho possível para realizar a tarefa foi o menos clicado.
No design atual, apenas o ícone de perfil e o item "mais opções” levam ao contato com o suporte.
Início do fluxo proposto
1
2
3
1
Os participantes clicaram no ícone de perfil e "mais opções”, porém como essas funcionalidades já existem, durante os testes elas permaneceram desativadas.
2
A maioria dos participantes finalizou a tarefa através da aba de mensagens, utilizando o novo canal fixo de suporte.
3
Poucos usuários clicaram no banner call to action.
6 dos 8 participantes finalizaram a tarefa pelo fluxo de mensagens e 2 finalizaram a tarefa pelo banner call to action
Primeiro clique no design atual
2
1
1
A maioria esmagadora dos participantes escolheu o ícone de mensagens, que atualmente não leva ao chat de suporte.
2
Alguns usuários clicaram no item "mais opções", que no design atual leva ao suporte.
Primeiro clique no design proposto
1
2
1
No design proposto, mais uma vez a maioria dos participantes escolheram o ícone de mensagens.
2
Alguns usuários clicaram diretamente no banner call to action.
Início do fluxo atual
1
3
2
1
Todos os participantes finalizaram a tarefa pelo fluxo de configurações, através do ícone de perfil.
2
O ícone de mensagens teve a mesma quantidade de cliques que o ícone de perfil.
3
O segundo caminho possível para realizar a tarefa foi o menos clicado.
No design atual, apenas o ícone de perfil e o item "mais opções” levam ao contato com o suporte.
Início do fluxo proposto
1
2
3
1
Os participantes clicaram no ícone de perfil e "mais opções”, porém como essas funcionalidades já existem, durante os testes elas permaneceram desativadas.
2
A maioria dos participantes finalizou a tarefa através da aba de mensagens, utilizando o novo canal fixo de suporte.
3
Poucos usuários clicaram no banner call to action.
6 dos 8 participantes finalizaram a tarefa pelo fluxo de mensagens e 2 finalizaram a tarefa pelo banner call to action
Primeiro clique no design atual
2
1
1
A maioria esmagadora dos participantes escolheu o ícone de mensagens, que atualmente não leva ao chat de suporte.
2
Alguns usuários clicaram no item "mais opções", que no design atual leva ao suporte.
Primeiro clique no design proposto
1
2
1
No design proposto, mais uma vez a maioria dos participantes escolheram o ícone de mensagens.
2
Alguns usuários clicaram diretamente no banner call to action.
Início do fluxo atual
1
3
2
1
Todos os participantes finalizaram a tarefa pelo fluxo de configurações, através do ícone de perfil.
2
O ícone de mensagens teve a mesma quantidade de cliques que o ícone de perfil.
3
O segundo caminho possível para realizar a tarefa foi o menos clicado.
No design atual, apenas o ícone de perfil e o item "mais opções” levam ao contato com o suporte.
Início do fluxo proposto
1
2
3
1
Os participantes clicaram no ícone de perfil e "mais opções”, porém como essas funcionalidades já existem, durante os testes elas permaneceram desativadas.
2
A maioria dos participantes finalizou a tarefa através da aba de mensagens, utilizando o novo canal fixo de suporte.
3
Poucos usuários clicaram no banner call to action.
6 dos 8 participantes finalizaram a tarefa pelo fluxo de mensagens e 2 finalizaram a tarefa pelo banner call to action
Primeiro clique no design atual
2
1
1
A maioria esmagadora dos participantes escolheu o ícone de mensagens, que atualmente não leva ao chat de suporte.
2
Alguns usuários clicaram no item "mais opções", que no design atual leva ao suporte.
Primeiro clique no design proposto
1
2
1
No design proposto, mais uma vez a maioria dos participantes escolheram o ícone de mensagens.
2
Alguns usuários clicaram diretamente no banner call to action.
Início do fluxo atual
1
3
2
1
Todos os participantes finalizaram a tarefa pelo fluxo de configurações, através do ícone de perfil.
2
O ícone de mensagens teve a mesma quantidade de cliques que o ícone de perfil.
3
O segundo caminho possível para realizar a tarefa foi o menos clicado.
No design atual, apenas o ícone de perfil e o item "mais opções” levam ao contato com o suporte.
Início do fluxo proposto
1
2
3
1
Os participantes clicaram no ícone de perfil e "mais opções”, porém como essas funcionalidades já existem, durante os testes elas permaneceram desativadas.
2
A maioria dos participantes finalizou a tarefa através da aba de mensagens, utilizando o novo canal fixo de suporte.
3
Poucos usuários clicaram no banner call to action.
6 dos 8 participantes finalizaram a tarefa pelo fluxo de mensagens e 2 finalizaram a tarefa pelo banner call to action
Primeiro clique no design atual
2
1
1
A maioria esmagadora dos participantes escolheu o ícone de mensagens, que atualmente não leva ao chat de suporte.
2
Alguns usuários clicaram no item "mais opções", que no design atual leva ao suporte.
Primeiro clique no design proposto
1
2
1
No design proposto, mais uma vez a maioria dos participantes escolheram o ícone de mensagens.
2
Alguns usuários clicaram diretamente no banner call to action.
Início do fluxo atual
1
3
2
1
Todos os participantes finalizaram a tarefa pelo fluxo de configurações, através do ícone de perfil.
2
O ícone de mensagens teve a mesma quantidade de cliques que o ícone de perfil.
3
O segundo caminho possível para realizar a tarefa foi o menos clicado.
No design atual, apenas o ícone de perfil e o item "mais opções” levam ao contato com o suporte.
Início do fluxo proposto
1
2
3
1
Os participantes clicaram no ícone de perfil e "mais opções”, porém como essas funcionalidades já existem, durante os testes elas permaneceram desativadas.
2
A maioria dos participantes finalizou a tarefa através da aba de mensagens, utilizando o novo canal fixo de suporte.
3
Poucos usuários clicaram no banner call to action.
6 dos 8 participantes finalizaram a tarefa pelo fluxo de mensagens e 2 finalizaram a tarefa pelo banner call to action
Primeiro clique no design atual
2
1
1
A maioria esmagadora dos participantes escolheu o ícone de mensagens, que atualmente não leva ao chat de suporte.
2
Alguns usuários clicaram no item "mais opções", que no design atual leva ao suporte.
Primeiro clique no design proposto
1
2
1
No design proposto, mais uma vez a maioria dos participantes escolheram o ícone de mensagens.
2
Alguns usuários clicaram diretamente no banner call to action.
Início do fluxo atual
1
3
2
1
Todos os participantes finalizaram a tarefa pelo fluxo de configurações, através do ícone de perfil.
2
O ícone de mensagens teve a mesma quantidade de cliques que o ícone de perfil.
3
O segundo caminho possível para realizar a tarefa foi o menos clicado.
No design atual, apenas o ícone de perfil e o item "mais opções” levam ao contato com o suporte.
Início do fluxo proposto
1
2
3
1
Os participantes clicaram no ícone de perfil e "mais opções”, porém como essas funcionalidades já existem, durante os testes elas permaneceram desativadas.
2
A maioria dos participantes finalizou a tarefa através da aba de mensagens, utilizando o novo canal fixo de suporte.
3
Poucos usuários clicaram no banner call to action.
6 dos 8 participantes finalizaram a tarefa pelo fluxo de mensagens e 2 finalizaram a tarefa pelo banner call to action
Primeiro clique no design atual
2
1
1
A maioria esmagadora dos participantes escolheu o ícone de mensagens, que atualmente não leva ao chat de suporte.
2
Alguns usuários clicaram no item "mais opções", que no design atual leva ao suporte.
Primeiro clique no design proposto
1
2
1
No design proposto, mais uma vez a maioria dos participantes escolheram o ícone de mensagens.
2
Alguns usuários clicaram diretamente no banner call to action.
Início do fluxo atual
1
3
2
1
Todos os participantes finalizaram a tarefa pelo fluxo de configurações, através do ícone de perfil.
2
O ícone de mensagens teve a mesma quantidade de cliques que o ícone de perfil.
3
O segundo caminho possível para realizar a tarefa foi o menos clicado.
No design atual, apenas o ícone de perfil e o item "mais opções” levam ao contato com o suporte.
Início do fluxo proposto
1
2
3
1
Os participantes clicaram no ícone de perfil e "mais opções”, porém como essas funcionalidades já existem, durante os testes elas permaneceram desativadas.
2
A maioria dos participantes finalizou a tarefa através da aba de mensagens, utilizando o novo canal fixo de suporte.
3
Poucos usuários clicaram no banner call to action.
6 dos 8 participantes finalizaram a tarefa pelo fluxo de mensagens e 2 finalizaram a tarefa pelo banner call to action
Primeiro clique no design atual
2
1
1
A maioria esmagadora dos participantes escolheu o ícone de mensagens, que atualmente não leva ao chat de suporte.
2
Alguns usuários clicaram no item "mais opções", que no design atual leva ao suporte.
Primeiro clique no design proposto
1
2
1
No design proposto, mais uma vez a maioria dos participantes escolheram o ícone de mensagens.
2
Alguns usuários clicaram diretamente no banner call to action.
Início do fluxo atual
1
3
2
1
Todos os participantes finalizaram a tarefa pelo fluxo de configurações, através do ícone de perfil.
2
O ícone de mensagens teve a mesma quantidade de cliques que o ícone de perfil.
3
O segundo caminho possível para realizar a tarefa foi o menos clicado.
No design atual, apenas o ícone de perfil e o item "mais opções” levam ao contato com o suporte.
Início do fluxo proposto
1
2
3
1
Os participantes clicaram no ícone de perfil e "mais opções”, porém como essas funcionalidades já existem, durante os testes elas permaneceram desativadas.
2
A maioria dos participantes finalizou a tarefa através da aba de mensagens, utilizando o novo canal fixo de suporte.
3
Poucos usuários clicaram no banner call to action.
6 dos 8 participantes finalizaram a tarefa pelo fluxo de mensagens e 2 finalizaram a tarefa pelo banner call to action
Primeiro clique no design atual
2
1
1
A maioria esmagadora dos participantes escolheu o ícone de mensagens, que atualmente não leva ao chat de suporte.
2
Alguns usuários clicaram no item "mais opções", que no design atual leva ao suporte.
Primeiro clique no design proposto
1
2
1
No design proposto, mais uma vez a maioria dos participantes escolheram o ícone de mensagens.
2
Alguns usuários clicaram diretamente no banner call to action.
Início do fluxo atual
1
3
2
1
Todos os participantes finalizaram a tarefa pelo fluxo de configurações, através do ícone de perfil.
2
O ícone de mensagens teve a mesma quantidade de cliques que o ícone de perfil.
3
O segundo caminho possível para realizar a tarefa foi o menos clicado.
No design atual, apenas o ícone de perfil e o item "mais opções” levam ao contato com o suporte.
Início do fluxo proposto
1
2
3
1
Os participantes clicaram no ícone de perfil e "mais opções”, porém como essas funcionalidades já existem, durante os testes elas permaneceram desativadas.
2
A maioria dos participantes finalizou a tarefa através da aba de mensagens, utilizando o novo canal fixo de suporte.
3
Poucos usuários clicaram no banner call to action.
6 dos 8 participantes finalizaram a tarefa pelo fluxo de mensagens e 2 finalizaram a tarefa pelo banner call to action
Primeiro clique no design atual
2
1
1
A maioria esmagadora dos participantes escolheu o ícone de mensagens, que atualmente não leva ao chat de suporte.
2
Alguns usuários clicaram no item "mais opções", que no design atual leva ao suporte.
Primeiro clique no design proposto
1
2
1
No design proposto, mais uma vez a maioria dos participantes escolheram o ícone de mensagens.
2
Alguns usuários clicaram diretamente no banner call to action.
Início do fluxo atual
1
3
2
1
Todos os participantes finalizaram a tarefa pelo fluxo de configurações, através do ícone de perfil.
2
O ícone de mensagens teve a mesma quantidade de cliques que o ícone de perfil.
3
O segundo caminho possível para realizar a tarefa foi o menos clicado.
No design atual, apenas o ícone de perfil e o item "mais opções” levam ao contato com o suporte.
Início do fluxo proposto
1
2
3
1
Os participantes clicaram no ícone de perfil e "mais opções”, porém como essas funcionalidades já existem, durante os testes elas permaneceram desativadas.
2
A maioria dos participantes finalizou a tarefa através da aba de mensagens, utilizando o novo canal fixo de suporte.
3
Poucos usuários clicaram no banner call to action.
6 dos 8 participantes finalizaram a tarefa pelo fluxo de mensagens e 2 finalizaram a tarefa pelo banner call to action
Métricas
Fluxo atual
4 cliques
Tempo médio: 50s
Fluxo proposto
2 cliques
Tempo médio: 15s
Redução
50% em número de cliques
50% em número de cliques
70% em tempo para completar a tarefa
70% em tempo para completar a tarefa
70% em tempo para completar a tarefa
Próximas iterações
A decisão de colocar um canal fixo de acesso ao suporte foi acertada, já que em ambos os testes, e em ambos os fluxos, o ícone de mensagens foi o mais clicado.
Poucos usuários clicaram no banner call to action. Numa próxima iteração ele pode ser removido.
Com a remoção dos banners, a bottom sheet com as opções de contato pode ser movida para o canal fixo de suporte na tela de mensagens, para que o acesso ao suporte por atendente humano permaneça facilmente acessível.
Reflexões
No geral, gostaria de rever este projeto no futuro, dedicando mais tempo, pois sei que ele não reflete minhas reais habilidades. Aprendi que os limites de tempo, junto com os demais recursos (financeiros, pessoas envolvidas e limitações técnicas), são o maior desafio para um projeto, acredito inclusive que o tempo seja o maior vilão, pois mesmo se não houverem muitas pessoas no time, com tempo, é possível implementar todos os recursos desejados, mesma ideia para limitações técnicas e financeiras.
Ideação
Com mais tempo, eu teria explorado mais caminhos criativos, divergindo as estruturas de design, fazendo mais wireframes e explorando mais soluções alternativas.
Design
Gostaria de ter explorado mais designs autorais. Os banners poderiam ter mais elementos gráficos, não somente textuais. Também gostaria de ter explorado mais cores e animações.
Testes
Senti falta de mais testes de usabilidade. Com mais tempo, ideias e wireframes, poderia ter feito testes A/B e SUS, além do time on task para mais aspectos do design, como a percepção de carga congnitiva da tela inicial.
