Massa Cinzenta – O que é um mapa mental no processo de design?
Publicados: 2022-03-11Ao fazer um brainstorming de um novo conceito de produto ou avaliar uma nova ideia de recurso durante o design do produto, as anotações às vezes ficam fora de controle – pode-se acabar com páginas de rabiscos que geralmente são mais confusos do que úteis. Os mapas mentais são uma ótima maneira de organizar os pensamentos de forma mais produtiva.
O que é um mapa mental?
Os mapas mentais também são chamados de diagramas de spray e diagramas de aranha (ou spidergrams, para abreviar) por causa de sua aparência. Esse método e o termo “mapa mental” começaram a se popularizar em 1974 por Tony Buzan, um psicólogo, autor e consultor educacional britânico durante uma série de TV da BBC intitulada Use Your Head . No entanto, o uso de diagramas que mapeiam visualmente as informações existia muito antes disso.
Como os mapas mentais têm estrutura bidimensional, eles nos mostram a forma do assunto, a importância relativa de cada ponto e como os fatos se relacionam entre si. Ser capaz de ver tudo isso em um só lugar nos ajuda a revisar as informações com eficiência, lembrá-las melhor e melhorar a resolução criativa de problemas.
Os mapas mentais são eficazes porque aproveitam as tendências naturais de nossa mente para pensar visualmente e entender um assunto fazendo associações. Mesmo os pensadores mais abstratos se lembram de imagens melhor do que qualquer outro tipo de informação. Os mapas mentais também são muito flexíveis por natureza. Eles podem ser usados para transmitir diferentes tipos de informações – uma série de etapas, hierarquia de informações ou pensamentos aleatórios sobre um assunto específico.
A anatomia de um mapa mental
Os mapas mentais sempre começam a partir de um ponto central, que é o tópico principal, e se ramificam em subcomponentes. Aqui está um exemplo de um mapa mental simples:
Além das linhas hierárquicas (os ramos principais), os mapas mentais também podem ter linhas de relacionamento. Eles podem ser mostrados como linhas pontilhadas que indicam relacionamentos entre elementos que existem em diferentes ramificações.
Embora não ilustrados no exemplo acima, os nós do mapa mental também podem conter imagens ou ícones. Não há estrutura rígida para esses mapas. É isso que os torna ótimos. Eles devem ser tão livres quanto o processo de pensamento de uma pessoa.
Quando usar mapas mentais no processo de design de produto?
Ao tentar entender um assunto, os mapas mentais podem ser usados a qualquer momento durante a fase de pesquisa no processo de design do produto. No processo de design thinking, o mapeamento mental é um exercício útil para fazer durante os três primeiros estágios: empatia, definição e idealização.
Quando os designers estão iniciando um novo projeto, todos na equipe de produto provavelmente têm uma ideia vaga do que esse projeto deveria ser. Mapear o sistema ajudará todos a obter clareza para que, quando for a hora de estruturar um aplicativo, por exemplo, a equipe tenha uma visão clara do sistema que precisa construir - quais são as principais seções do aplicativo, quais recursos ele precisa têm, como esses recursos interagem com o resto do sistema e assim por diante.
Muitas vezes, o exercício de mapeamento mental ajudará a equipe a descobrir muitas coisas que não foram pensadas adequadamente ou que precisam de uma decisão. Este também é um ótimo momento para os designers pensarem sobre o problema a ser resolvido e se o sistema que está sendo projetado resolve ou não o problema. Ir direto para wireframes e prototipagem muitas vezes pode fazer com que as equipes se percam nos detalhes, brincando com elementos e texto da interface do usuário, tentando descobrir a arquitetura do sistema à medida que avançam.
Um exemplo prático de mapa mental
Vamos imaginar o seguinte cenário. O fundador de uma startup quer criar um aplicativo móvel para donos e cuidadores de animais de estimação, onde donos de animais de estimação podem postar um emprego para passear com um cachorro, levar um animal de estimação ao veterinário ou cuidar de um amigo peludo enquanto seus donos estão de férias. O resumo inicial do cliente inclui uma descrição do que o aplicativo precisa fazer, alguns exemplos de concorrentes e alguns detalhes sobre o mercado-alvo.
Após algumas pesquisas, a equipe de produto tem uma visão clara de qual é o problema, as personas do usuário e a vantagem competitiva das empresas. Agora, é hora de descobrir o que o aplicativo precisa fazer e como ele fará isso.
Este sistema precisará de dois tipos de contas: donos de animais e cuidadores. Vamos olhar para o lado dos cuidadores. O que eles precisam no aplicativo? Mais do que provável o seguinte:
- Empregos disponiveis
- Perfil
- Configurações
- Um lugar para colocar itens secundários (termos e condições, link para avaliar o aplicativo, suporte ao cliente etc.)

Em seguida, vamos dividir cada seção. Em que consistiria Jobs? Mais do que provável o seguinte:
- Empregos disponiveis
- Filtros e funções de classificação
- Uma lista de empregos “favoritos”
- Um histórico de empregos para os quais se candidataram
- Uma lista de seus trabalhos em andamento
Vamos fazer mais uma ramificação: O que uma página de trabalho precisaria conter? Por exemplo:
- Descrição do trabalho
- Local de retirada do animal de estimação
- Perfil do proprietário
- Perfil do animal de estimação
- Pagamento oferecido
- Um botão para aplicar
- Um botão para salvar/marcar como favorito
Esse processo de mapeamento mental continua até que todo o sistema seja mapeado. Nesse caso, por existirem dois tipos de contas que interagem entre si, haveria dois mapas mentais na mesma tela, com linhas pontilhadas que mostram relações entre diferentes elementos que interagem entre si.
À medida que a equipe de produto faz esse exercício, muitas vezes descobrem que muitas perguntas surgem - por exemplo, o pagamento é fixo ou existe algum tipo de sistema de licitação? Depois que um trabalho é concedido, o aplicativo lida com a comunicação entre o dono do animal e o cuidador ou simplesmente mostra as informações de contato do perfil do dono?
Essas e outras perguntas semelhantes seriam respondidas durante uma reunião com o fundador da startup. De certa forma, esta etapa é semelhante ao exercício de “entrevistas com especialistas” em sprints de design, exceto que a saída é mais do que uma lista de declarações de problemas.
Aplicativos para mapeamento mental
Há uma infinidade de aplicativos de mapeamento mental para explorar por aí, mas para facilitar, aqui estão três recomendações: Coggle, Miro e Whimsical.
O Coggle tem mais recursos para desenhar mapas mentais, é barato e salva mapas no Google Drive. O plano Free Forever é ótimo para testes e uso leve. Os planos pagos custam US$ 5/mês para uso pessoal e US$ 8/usuário/mês para equipes.
Miro é um grande polivalente que pode fazer muito mais do que mapeamento mental. Ele pode ser usado para mapas de histórias do usuário, mapas de jornada do cliente, fluxogramas, quadros kanban, wireframes e muito mais. O plano gratuito permite no máximo três projetos. Os planos pagos começam em US$ 12/mês para consultores e US$ 40/mês para equipes de no mínimo cinco membros. O Miro também possui aplicativos para desktops e dispositivos móveis.
Whimsical é outra ferramenta incrível que, além de mapas mentais, também pode fazer fluxogramas, notas adesivas e wireframes. O plano gratuito inclui quatro placas. Os planos pagos custam US$ 10/mês para indivíduos e US$ 12/usuário/mês para equipes.
Dicas de técnicas de mapeamento mental
Não deixe muito arrumado. Resista ao desejo de deixar o mapa muito organizado e ter tudo perfeitamente alinhado. Este exercício é para ser rápido e sujo. Não deve ser tão limpo quanto, digamos, um mapa do site.
Traga vários mapas para a mesma tela. Não há regra sobre quantos mapas podem existir na mesma tela. Para sistemas complexos, pode haver vários mapas para diferentes funções de usuário, diferentes aplicativos que fazem parte do mesmo ecossistema ou a versão antiga de um aplicativo e a nova.
Indique a hierarquia no mapa. Embora os mapas mentais sejam hierárquicos por natureza, alguns ramos que parecem iguais costumam ser mais importantes que outros. Ao desenhar o mapa, pense sobre quais são os ramos mais importantes de um nó específico e destaque-os usando uma cor, um ícone ou tamanho de texto. Voltando ao exemplo acima, a parte mais importante da seção Trabalhos é a lista de “trabalhos em andamento”. Tomar nota dessas coisas no mapa mental tornará o wireframe muito mais fácil.
Braindump e, em seguida, refinar. Evite ser muito precioso com a primeira iteração de um mapa mental. Deixe as ideias fluírem livremente e coloque-as no mapa. Algumas ideias não farão sentido ou precisarão ser movidas para outras ramificações. Tudo bem. Edite e refine-o na segunda passagem ao passar pelo processo de mapeamento mental.
• • •
Leia mais no Blog Toptal Design:
- Dicas e considerações ao escolher um tipo de letra (com infográfico)
- Não dê ouvidos aos clientes – por que a pesquisa de usuários é importante
- Fique tranquilo: como receber estrategicamente o feedback do design
- O guia completo para métodos de pesquisa de UX
- Branding está morto, CX Design é rei