Redesenhando a UX de uma plataforma para marketing de indicação
APP
SAAS
B2B
B2C
Contexto do produto
A More Buzz é uma plataforma B2B e B2C que ajuda empresas a transformar indicações de produtos e serviços em novas oportunidades de venda. O plataforma atende diferentes perfis de usuários, como empresas, atendentes e divulgadores, mas a experiência apresentava diversos problemas de usabilidade que dificultavam a adoção de usuários.
Além disso, o produto precisava evoluir para atender novos objetivos estratégicos: tornar-se responsivo, ganhar uma versão híbrida para Android e iOS, suportar múltiplas marcas (white label) e estabelecer padrões de design que facilitassem sua evolução.
Desafios e objetivos
Meu desafio foi liderar a reestruturação completa da experiência do produto, criando uma solução que equilibrasse os objetivos do negócio, usabilidade e viabilidade técnica.
Os principais objetivos eram:
Identificar e priorizar problemas de UX
Simplificar fluxos e reorganizar a arquitetura da informação
Projetar uma experiência consistente entre web e mobile
Criar uma base de design escalável com Style Guide e UI Kit
Validar usabilidade com usuários antes do desenvolvimento
Service Blueprint e Personas
Iniciei o projeto realizando um profundo entendimento do negócio. Construí um Service Blueprint para mapear processos internos, identificar os diferentes atores envolvidos e compreender como cada persona interagia com o negócio e a própria plataforma. Esse trabalho gerou alinhamento entre Produto, Marketing, Comercial e Tecnologia e serviu como base para todas as decisões posteriores. Com esse entendimento, defini três personas principais.
Representação visual contendo cada uma das etapas de oferta do serviço.
🧑💼
Dono do ecossistema, acompanha o lucro gerado pelas vendas de seus produtos e serviços que são indicados pelos divulgadores.
🧑💻
Apoia no atendimento de clientes que querem comprar produtos e serviços indicados pelos divulgadores usando a versão CRM do produto More Buzz.
👨🦱
Indica produtos e serviços para ser recompensado em dinheiro. Se for PRO, pode cadastrar outros divulgadores e receber uma % como recompensa sob as indicações deles.
Personas que utilizam o produto More Buzz.
Auditoria de UX
Após entender o negócio e as personas, mapeei e analisei detalhadamente as telas e fluxos do web app para identificar problemas de usabilidade. Identifiquei mais de 60 problemas, a maioria relacionados aos tópicos abaixo.
![](data:image/svg+xml,<svg display="block" id="3770359961" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 10 20 C 15.523 20 20 15.523 20 10 C 20 4.477 15.523 0 10 0 C 4.477 0 0 4.477 0 10 C 0 15.523 4.477 20 10 20 Z M 6 13 L 14 13 M 6 7 L 8 7 M 12 7 L 14 7" fill="transparent" height="20px" id="juaUGvpie" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(194, 40, 32)" transform="translate(2 2)" width="20px"/></svg>)
Conteúdo confuso
Labels, botões e mensagens não comunicam com precisão o que o usuário deve fazer ou qual será o resultado da ação.
![](data:image/svg+xml,<svg display="block" id="695337695" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 12 6 L 8 6 C 6.895 6 6 6.895 6 8 L 6 12 C 6 13.105 6.895 14 8 14 L 12 14 C 13.105 14 14 13.105 14 12 L 14 8 C 14 6.895 13.105 6 12 6 Z M 2 8 C 0.895 8 0 7.105 0 6 L 0 2 C 0 0.895 0.895 0 2 0 L 6 0 C 7.105 0 8 0.895 8 2 M 12 18 C 12 19.105 12.895 20 14 20 L 18 20 C 19.105 20 20 19.105 20 18 L 20 14 C 20 12.895 19.105 12 18 12" fill="transparent" height="20px" id="VNRfU34MM" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(194, 40, 32)" transform="translate(2 2)" width="20px"/></svg>)
Arquitetura da informação
Informações importantes aparecem misturadas, escondidas ou distribuídas em estruturas pouco intuitivas.
![](data:image/svg+xml,<svg display="block" id="612131706" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 7.6 1 L 17.6 1 M 7.6 8 L 17.6 8 M 7.6 15 L 17.6 15 M 0.6 0 L 1.6 0 L 1.6 5 M 0.6 5 L 2.6 5 M 3.1 16 L 0 16 C 0 15 2.6 14.075 2.6 12.5 C 2.6 11.883 2.222 11.329 1.648 11.103 C 1.073 10.878 0.42 11.027 0 11.48" fill="transparent" height="16.0000004327011px" id="fT7Hw8sDr" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(194, 40, 32)" transform="translate(3.5 4)" width="17.59999990463257px"/></svg>)
Baixa hierarquia visual
Algumas páginas não deixam claro onde o usuário está, qual é o objetivo da tela ou o que merece mais atenção.
Interações inesperadas
Alguns componentes têm comportamentos inesperados, tornando a experiência menos previsível e mais sujeita a erros.
![](data:image/svg+xml,<svg display="block" id="4138985499" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g d="M 8.733 3.076 C 13.52 2.505 18.101 5.194 19.938 9.651 C 20.021 9.875 20.021 10.122 19.938 10.347 C 19.571 11.238 19.085 12.075 18.494 12.837 M 12.084 12.158 C 10.907 13.295 9.036 13.279 7.879 12.121 C 6.721 10.964 6.705 9.093 7.842 7.916 M 15.48 15.499 C 12.796 17.09 9.553 17.436 6.594 16.447 C 3.635 15.458 1.251 13.233 0.063 10.348 C -0.021 10.123 -0.021 9.877 0.063 9.652 C 0.949 7.502 2.509 5.697 4.509 4.509 M 0.001 0 L 20.001 20" fill="transparent" height="20px" id="xkiylrun0" transform="translate(2 2)" width="20.000641524536306px"><path d="M 1.733 0.076 C 6.52 -0.495 11.101 2.194 12.938 6.651 C 13.021 6.875 13.021 7.122 12.938 7.347 C 12.571 8.238 12.085 9.075 11.494 9.837 M 5.084 9.158 C 3.907 10.295 2.036 10.279 0.879 9.121 C -0.279 7.964 -0.295 6.093 0.842 4.916" fill="transparent" height="10.000074439627323px" id="xJaaGJwiF" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(194, 40, 32)" transform="translate(7 3)" width="13.000641524536304px"/><path d="M 15.48 15.499 C 12.796 17.09 9.553 17.436 6.594 16.447 C 3.635 15.458 1.251 13.233 0.063 10.348 C -0.021 10.123 -0.021 9.877 0.063 9.652 C 0.949 7.502 2.509 5.697 4.509 4.509 M 0.001 0 L 20.001 20" fill="transparent" height="20px" id="UIPtW3b46" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(194, 40, 32)" width="20.00050546665443px"/></g></svg>)
Informações escondidas
Dados importantes para decisão ou continuidade da jornada aparecem em segundo plano ou no momento errado.
![](data:image/svg+xml,<svg display="block" id="1853676541" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 8.586 3.414 L 3.414 8.586 M 16.586 11.414 L 11.414 16.586 M 4 10 L 16 10 M 10 20 C 11.105 20 12 19.105 12 18 C 12 16.895 11.105 16 10 16 C 8.895 16 8 16.895 8 18 C 8 19.105 8.895 20 10 20 Z M 10 4 C 11.105 4 12 3.105 12 2 C 12 0.895 11.105 0 10 0 C 8.895 0 8 0.895 8 2 C 8 3.105 8.895 4 10 4 Z M 18 12 C 19.105 12 20 11.105 20 10 C 20 8.895 19.105 8 18 8 C 16.895 8 16 8.895 16 10 C 16 11.105 16.895 12 18 12 Z M 2 12 C 3.105 12 4 11.105 4 10 C 4 8.895 3.105 8 2 8 C 0.895 8 0 8.895 0 10 C 0 11.105 0.895 12 2 12 Z" fill="transparent" height="20px" id="LH7AUjMWo" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(194, 40, 32)" transform="translate(2 2)" width="20px"/></svg>)
Fluxos complexos
Alguns fluxos exigem cliques desnecessários, escondem informações relevantes ou não oferecem feedback adequado.
Auditoria de UX das telas e fluxos do web app.
Benchmarking
Para ampliar a visão de mercado, conduzi um benchmarking com plataformas concorrentes, identificando oportunidades relacionadas à autonomia dos usuários, transparência das informações e sistemas de notificações mais eficientes.
Protótipo em baixa fidelidade
Após consolidar os aprendizados sobre negócio, usuários, aplicativo atual e mercado, liderei sessões de cocriação para planejar a solução utilizando um protótipo em baixa fidelidade. Essa etapa me permitiu considerar as necessidades e regras do negócio e respeitar limitações técnicas de backend e frontend.
Criação de protótipo em baixa fidelidade utilizando wireframe.
Teste de Usabilidade
Após o protótipo da nova versão ser validado internamente, conduzi 5 testes remoto e moderado com usuários reais para avaliar a usabilidade.
Concluímos que a nova versão do produto se mostrou sólida, mas ajustes pontuais em nomenclaturas, arquitetura da informação e visibilidade de elementos-chave foram considerados essenciais para tornar a experiência mais intuitiva e alinhada ao modelo mental dos usuários.
Teste de usabilidade realizado de forma remota e moderada, utilizando Google Meet.
Design de Interface do Usuário (UI)
Na etapa de UI, criei um Style Guide com os elementos visuais primários do produto, estabelecendo uma base visual padronizada para a criação das interfaces e garantindo a consistência e escalabilidade do produto. A partir dessa base, desenvolvi uma biblioteca de componentes reutilizáveis, responsivos e escaláveis, preparada para suportar futuras evoluções do produto e sua estratégia de white label.
Biblioteca de ícones do produto.
Biblioteca de ícones do produto.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><g d="M 0 20 C 0 8.954 8.954 0 20 0 C 31.046 0 40 8.954 40 20 C 40 31.046 31.046 40 20 40 C 8.954 40 0 31.046 0 20 Z M 20 25.208 C 21.441 25.208 22.669 24.7 23.685 23.685 C 24.7 22.669 25.208 21.441 25.208 20 C 25.208 18.559 24.7 17.331 23.685 16.315 C 22.669 15.299 21.441 14.792 20 14.792 C 18.559 14.792 17.331 15.299 16.315 16.315 C 15.299 17.331 14.792 18.559 14.792 20 C 14.792 21.441 15.299 22.669 16.315 23.685 C 17.331 24.7 18.559 25.208 20 25.208 Z M 20 30.417 C 18.559 30.417 17.205 30.143 15.937 29.596 C 14.67 29.049 13.568 28.307 12.63 27.37 C 11.693 26.432 10.95 25.33 10.403 24.062 C 9.857 22.795 9.583 21.441 9.583 20 C 9.583 18.559 9.857 17.205 10.403 15.937 C 10.95 14.67 11.693 13.568 12.63 12.63 C 13.568 11.693 14.67 10.95 15.937 10.403 C 17.205 9.857 18.559 9.583 20 9.583 C 21.441 9.583 22.795 9.857 24.062 10.403 C 25.33 10.95 26.432 11.693 27.37 12.63 C 28.307 13.568 29.049 14.67 29.596 15.937 C 30.143 17.205 30.417 18.559 30.417 20 C 30.417 21.441 30.143 22.795 29.596 24.062 C 29.049 25.33 28.307 26.432 27.37 27.37 C 26.432 28.307 25.33 29.049 24.062 29.596 C 22.795 30.143 21.441 30.417 20 30.417 Z M 20 28.333 C 22.326 28.333 24.297 27.526 25.911 25.911 C 27.526 24.297 28.333 22.326 28.333 20 C 28.333 17.673 27.526 15.703 25.911 14.088 C 24.297 12.474 22.326 11.666 20 11.666 C 17.673 11.666 15.703 12.474 14.088 14.088 C 12.474 15.703 11.666 17.673 11.666 20 C 11.666 22.326 12.474 24.297 14.088 25.911 C 15.703 27.526 17.673 28.333 20 28.333 Z" fill="transparent" height="40px" id="lytMw13Cl" width="40px"><path d="M 0 20 C 0 8.954 8.954 0 20 0 C 31.046 0 40 8.954 40 20 C 40 31.046 31.046 40 20 40 C 8.954 40 0 31.046 0 20 Z" fill="transparent" height="40px" id="s4s4aG2zE" width="40px"/><path d="M 10.417 15.625 C 11.858 15.625 13.086 15.117 14.102 14.102 C 15.117 13.086 15.625 11.858 15.625 10.417 C 15.625 8.976 15.117 7.747 14.102 6.732 C 13.086 5.716 11.858 5.208 10.417 5.208 C 8.976 5.208 7.747 5.716 6.732 6.732 C 5.716 7.747 5.208 8.976 5.208 10.417 C 5.208 11.858 5.716 13.086 6.732 14.102 C 7.747 15.117 8.976 15.625 10.417 15.625 Z M 10.417 20.833 C 8.976 20.833 7.621 20.56 6.354 20.013 C 5.087 19.466 3.984 18.724 3.047 17.787 C 2.109 16.849 1.367 15.747 0.82 14.479 C 0.273 13.212 0 11.858 0 10.417 C 0 8.976 0.273 7.622 0.82 6.354 C 1.367 5.087 2.109 3.984 3.047 3.047 C 3.984 2.109 5.087 1.367 6.354 0.82 C 7.621 0.273 8.976 0 10.417 0 C 11.858 0 13.212 0.273 14.479 0.82 C 15.746 1.367 16.849 2.109 17.786 3.047 C 18.724 3.984 19.466 5.087 20.013 6.354 C 20.56 7.622 20.833 8.976 20.833 10.417 C 20.833 11.858 20.56 13.212 20.013 14.479 C 19.466 15.747 18.724 16.849 17.786 17.787 C 16.849 18.724 15.746 19.466 14.479 20.013 C 13.212 20.56 11.858 20.833 10.417 20.833 Z M 10.417 18.75 C 12.743 18.75 14.713 17.943 16.328 16.328 C 17.943 14.713 18.75 12.743 18.75 10.417 C 18.75 8.09 17.943 6.12 16.328 4.505 C 14.713 2.891 12.743 2.083 10.417 2.083 C 8.09 2.083 6.12 2.891 4.505 4.505 C 2.891 6.12 2.083 8.09 2.083 10.417 C 2.083 12.743 2.891 14.713 4.505 16.328 C 6.12 17.943 8.09 18.75 10.417 18.75 Z" fill="rgb(7, 144, 255)" height="20.833375000000004px" id="uFangEaQL" transform="translate(9.583 9.583)" width="20.83337499999999px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M 23.111 24.889 L 32 16 L 23.111 7.111 M 32 16 L 10.667 16 M 10.667 32 L 3.556 32 C 1.592 32 0 30.408 0 28.444 L 0 3.556 C 0 1.592 1.592 0 3.556 0 L 10.667 0" fill="transparent" height="32px" id="O8_8yxu8L" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="3.33" stroke="rgb(194, 40, 32)" transform="translate(4 4)" width="32.000001483493406px"/></svg>)
Impacto
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M 23.333 10 L 23.333 6.667 C 23.333 4.899 22.631 3.203 21.381 1.953 C 20.13 0.702 18.435 0 16.667 0 L 6.667 0 C 4.899 0 3.203 0.702 1.953 1.953 C 0.702 3.203 0 4.899 0 6.667 L 0 10" fill="transparent" height="10px" id="NNWOtH2TN" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.86" stroke="rgb(13, 150, 88)" transform="translate(3.328 25)" width="23.33327142857148px"/><path d="M 0 0 C 1.43 0.371 2.696 1.205 3.599 2.373 C 4.503 3.541 4.994 4.976 4.994 6.453 C 4.994 7.93 4.503 9.365 3.599 10.533 C 2.696 11.701 1.43 12.536 0 12.907" fill="transparent" height="12.906657142857142px" id="a0GeKo9VD" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.86" stroke="rgb(13, 150, 88)" transform="translate(26.672 5.218)" width="4.9937142857142405px"/><path d="M 5 9.783 L 5 6.45 C 4.999 4.973 4.507 3.538 3.602 2.371 C 2.697 1.203 1.43 0.369 0 0" fill="transparent" height="9.783428571428573px" id="PN9IBkizY" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.86" stroke="rgb(13, 150, 88)" transform="translate(31.672 25.218)" width="5.0000000000000036px"/><path d="M 6.667 13.333 C 10.349 13.333 13.333 10.349 13.333 6.667 C 13.333 2.985 10.349 0 6.667 0 C 2.985 0 0 2.985 0 6.667 C 0 10.349 2.985 13.333 6.667 13.333 Z" fill="transparent" height="13.333285714285715px" id="qotDcFucS" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.86" stroke="rgb(13, 150, 88)" transform="translate(8.328 5)" width="13.333271428571477px"/></svg>)
Adoção e retenção de usuários
As novas mudanças favoreceram o aumento e retenção de usuários no produto.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M 13.333 0 L 3.333 0 C 1.492 0 0 1.492 0 3.333 L 0 20 C 0 21.841 1.492 23.333 3.333 23.333 L 13.333 23.333 C 15.174 23.333 16.667 21.841 16.667 20 L 16.667 3.333 C 16.667 1.492 15.174 0 13.333 0 Z" fill="transparent" height="23.33337142857143px" id="W8Ff_vW1Q" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.86" stroke="rgb(13, 150, 88)" transform="translate(5 13.337)" width="16.666714285714274px"/><path d="M 0 3.333 C 0 2.449 0.351 1.601 0.976 0.976 C 1.601 0.351 2.449 0 3.333 0 L 23.333 0 C 24.217 0 25.065 0.351 25.69 0.976 C 26.315 1.601 26.667 2.449 26.667 3.333 L 26.667 30 C 26.667 30.884 26.315 31.732 25.69 32.357 C 25.065 32.982 24.217 33.333 23.333 33.333 L 19.333 33.333" fill="transparent" height="33.333371428571425px" id="eWBBEVlhU" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.86" stroke="rgb(13, 150, 88)" transform="translate(8.328 3.337)" width="26.666599999999953px"/><path d="M 0 0 L 0.017 0" fill="transparent" height="1px" id="viXPxUcla" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.86" stroke="rgb(13, 150, 88)" transform="translate(13.328 30)" width="1px"/></svg>)
Produto responsivo
A experiência foi adaptada para dispositivos móveis sem perder a consistência com o ambiente desktop.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M 0 33.333 L 23.333 33.333 C 24.217 33.333 25.065 32.982 25.69 32.357 C 26.315 31.732 26.667 30.884 26.667 30 L 26.667 8.333 L 18.333 0 L 3.333 0 C 2.449 0 1.601 0.351 0.976 0.976 C 0.351 1.601 0 2.449 0 3.333 L 0 10" fill="transparent" height="33.333371428571425px" id="ZcNmzXyMv" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.86" stroke="rgb(13, 150, 88)" transform="translate(6.672 3.337)" width="26.66672857142853px"/><path d="M 0 0 L 0 6.667 C 0 7.551 0.351 8.399 0.976 9.024 C 1.601 9.649 2.449 10 3.333 10 L 10 10" fill="transparent" height="10px" id="sdLa4WDbh" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.86" stroke="rgb(13, 150, 88)" transform="translate(23.328 3.337)" width="10.000000000000004px"/><path d="M 0 3.333 L 3.333 6.667 L 10 0" fill="transparent" height="6.666571428571434px" id="Wfvq4VyLJ" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.86" stroke="rgb(13, 150, 88)" transform="translate(5 21.663)" width="10px"/></svg>)
White label
O produto foi reconstruído com uma linguagem visual e textual neutra para viabilizar o uso por outras marcas.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M 3.333 10.893 L 3.333 6.667 C 3.333 4.899 4.036 3.203 5.286 1.953 C 6.536 0.702 8.232 0 10 0 L 12.5 0 C 12.721 0 12.933 0.088 13.089 0.244 C 13.246 0.4 13.333 0.612 13.333 0.833 L 13.333 3.333 C 13.333 5.101 12.631 6.797 11.381 8.047 C 10.13 9.298 8.435 10 6.667 10 C 4.899 10 3.203 10.702 1.953 11.953 C 0.702 13.203 0 14.899 0 16.667 C 0 20 1.667 21.667 1.667 25 C 1.667 26.803 1.082 28.558 0 30" fill="transparent" height="30px" id="vOfCHB9Nv" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.86" stroke="rgb(13, 150, 88)" transform="translate(20 5)" width="13.33328571428573px"/><path d="M 0 1.667 C 1.238 0.738 2.71 0.173 4.252 0.034 C 5.793 -0.105 7.343 0.188 8.727 0.88 C 10.111 1.572 11.275 2.636 12.089 3.952 C 12.902 5.269 13.333 6.786 13.333 8.333 C 12.095 9.262 10.623 9.827 9.082 9.966 C 7.54 10.105 5.991 9.812 4.607 9.12 C 3.222 8.428 2.058 7.364 1.245 6.048 C 0.431 4.731 0 3.214 0 1.667 Z" fill="transparent" height="10.000058285943764px" id="YR4gsRj8U" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.86" stroke="rgb(13, 150, 88)" transform="translate(6.672 13.337)" width="13.333299999999978px"/><path d="M 0 0 L 23.333 0" fill="transparent" height="1px" id="RYyMfktGE" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.86" stroke="rgb(13, 150, 88)" transform="translate(8.328 35)" width="23.33327142857148px"/></svg>)
Consistência escalável
O guia de estilo e os componentes criaram uma base de design que facilita a manutenção e evolução do produto.
Aderência ao modelo mental dos usuários
Os testes revelaram necessidades e expectativas, tornando o produto mais alinhado ao modelo mental dos usuários.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 21 21" xmlns="http://www.w3.org/2000/svg"><g d="M 9.98 10.977 L 9.98 1.996 L 0.998 1.996 C 0.447 1.996 0 1.549 0 0.998 C 0 0.447 0.447 0 0.998 0 L 10.977 0 C 11.529 0 11.975 0.447 11.975 0.998 L 11.975 10.977 C 11.975 11.529 11.529 11.975 10.977 11.975 C 10.426 11.975 9.98 11.529 9.98 10.977 Z M 10.284 0.305 C 10.535 0.045 10.906 -0.059 11.255 0.033 C 11.604 0.124 11.876 0.396 11.967 0.745 C 12.059 1.094 11.955 1.465 11.695 1.716 L 1.716 11.695 C 1.465 11.955 1.094 12.059 0.745 11.967 C 0.396 11.876 0.124 11.604 0.033 11.255 C -0.059 10.906 0.045 10.535 0.305 10.284 Z" fill="transparent" height="12px" id="TVZCt2ODY" transform="translate(5 5)" width="12px"><path d="M 9.98 10.977 L 9.98 1.996 L 0.998 1.996 C 0.447 1.996 0 1.549 0 0.998 C 0 0.447 0.447 0 0.998 0 L 10.977 0 C 11.529 0 11.975 0.447 11.975 0.998 L 11.975 10.977 C 11.975 11.529 11.529 11.975 10.977 11.975 C 10.426 11.975 9.98 11.529 9.98 10.977 Z" fill="rgb(255, 255, 255)" height="11.975424446415929px" id="TAkCTIb4j" width="11.975424446416127px"/><path d="M 10.284 0.305 C 10.535 0.045 10.906 -0.059 11.255 0.033 C 11.604 0.124 11.876 0.396 11.967 0.745 C 12.059 1.094 11.955 1.465 11.695 1.716 L 1.716 11.695 C 1.465 11.955 1.094 12.059 0.745 11.967 C 0.396 11.876 0.124 11.604 0.033 11.255 C -0.059 10.906 0.045 10.535 0.305 10.284 Z" fill="rgb(255, 255, 255)" height="12px" id="meAnXRyQ2" width="12px"/></g></svg>)