Como fazer um diagrama de fluxo de usuário

Os diagramas de fluxo do usuário são indispensáveis ​​para dominar a experiência do usuário. Eles permitem que você entenda como os usuários interagem com seu aplicativo ou site, as etapas que eles realizam para concluir uma tarefa ou atingir uma meta em seu site. Isso ajudará você a criar uma experiência de usuário superior para o usuário e atender às suas necessidades com mais eficiência.

Neste guia, veremos a importante função que os diagramas de fluxo do usuário desempenham no design de UX, como criar um diagrama de fluxo do usuário e as práticas recomendadas que você deve ter em mente. Também oferecemos alguns modelos úteis que você pode usar durante todo o processo de criação do fluxo de usuário.

O que é um diagrama de fluxo de usuário

Um fluxo de usuário pode ser interpretado de várias maneiras. Pode ser considerado como uma visão geral que descreve onde os usuários podem navegar em seu produto. Também pode significar a qualidade e a experiência reais do caminho que os usuários percorrem para realizar uma tarefa.

Ou pode significar a sequência real de etapas que o usuário executa para concluir uma tarefa. Os fluxogramas podem ser úteis para visualizar essas rotas que os usuários percorrem quando estão usando sua solução (ou seja, site ou aplicativo).

Essas ferramentas que ajudam a rastrear visualmente as etapas de interação entre as ações do usuário e as interfaces do programa são chamadas de diagramas de fluxo do usuário ou mapas de fluxo do usuário .

Eles ajudam a descobrir o caminho lógico que um usuário deve seguir ao interagir com o sistema e descrevem as relações entre a funcionalidade do sistema, as ações potenciais do usuário e as consequências associadas.

Os diagramas de fluxo do usuário podem ter aparências diferentes com base no estágio do processo de design em que você está. Se você já tiver os wireframes para seu aplicativo ou site, poderá usá-los para criar seu fluxograma. Esses fluxogramas de wireframe são chamados de wireflows.

Os diagramas de fluxo do usuário também são chamados de fluxo de interação, fluxo de atividade, fluxo de interface do usuário, fluxo de navegação ou diagramas de fluxo de tarefa .

Os símbolos do diagrama de fluxo do usuário são os seguintes

Consulte este recurso para entender mais símbolos de fluxograma que podem ser úteis ao criar diagramas de fluxo do usuário.

Importância de um diagrama de fluxo de usuário

• Os diagramas de fluxo do usuário são úteis quando você deseja entender seus projetos com base nos objetivos de seus usuários.
• Eles podem ser usados ​​para comunicar o fluxo pretendido de usuários à medida que navegam pelas páginas do seu site ou pelas ações no seu aplicativo
• Engenheiros, designers e arquitetos podem usá-los para entender as complexidades, escopo e caminhos do projeto de um sistema, bem como identificar lacunas, dependências e deficiências nele.

Como fazer um diagrama de fluxo de usuário

Sem mais delongas, vamos discutir como fazer um diagrama de fluxo do usuário.

Etapa 1: entender a jornada do cliente

Um fluxo de usuário é baseado no que o usuário faz – portanto, entender quem ele é, suas motivações, necessidades e comportamento é crucial para criar um diagrama de fluxo de usuário eficaz.

Pode parecer uma etapa adicional, mas conduzir uma pesquisa de usuário adequada e projetar personas de usuário ajudará você a criar fluxos de usuário mais suaves.

Já abordamos como criar personas de usuário em um post anterior, consulte-o para aprender como criar uma persona de comprador em algumas etapas simples. Ou se você já estiver familiarizado com o processo, aqui está um modelo para começar.

Depois de criar o perfil do cliente, você está um passo mais perto de entender a jornada do usuário.

Você pode usar um mapa de jornada do cliente aqui para analisar adequadamente o que seus clientes fazem, sentem e esperam quando estão interagindo com sua empresa (ou seja, visitando seu site), os vários pontos de contato e pontos problemáticos.

Também abordamos o processo de criação de um mapa de jornada do cliente em 6 etapas simples. Confira.

O restante da etapa de criação de um fluxo de usuário será mais fácil quando você conhecer a jornada do usuário.

Etapa 2: identifique suas metas e as metas de seu usuário

O próximo passo é ter uma ideia dos objetivos do seu negócio e dos seus usuários.

Você já deve estar ciente dos objetivos do seu negócio; por exemplo, para aumentar a conversão em seu site, aumentar a venda de seu produto, etc. Geralmente, é o resultado final das ações que você deseja que seus usuários realizem.

Por outro lado, os objetivos de seus usuários incluem os desejos e necessidades que eles desejam satisfazer. E usuários diferentes também podem ter objetivos variados em mente. É aqui que as personas do usuário e os mapas de jornada do cliente que você criou anteriormente ajudarão você a descobrir o que são.

Etapa 3: identificar de onde seus usuários estão vindo

Se você estiver projetando um site, talvez queira saber de onde vêm seus clientes ou, em outras palavras, quais são os pontos de entrada. Estes geralmente incluem,

• Trafico direto
• Pesquisa orgânica
• Mídia social
• Publicidade paga
• E-mail
• Sites de referência
• Imprensa ou notícias

Você pode usar o Google Analytics para obter as porcentagens desses pontos de entrada. Eles também podem indicar diferentes comportamentos do usuário.

Por exemplo, um visitante direto pesquisaria o nome da sua marca, enquanto um visitante de pesquisa orgânica pesquisaria primeiro no Google o produto que deseja antes de descobrir você como um vendedor adequado.

E é importante mapear esses diferentes fluxos de usuários com base nos diferentes pontos de entrada. É a chave para desenvolver uma melhor experiência para os usuários.

Etapa 4: identificar as informações de que o visitante precisa

Para projetar o melhor fluxo de usuários possível, você precisa se colocar no lugar de seus clientes.

Isso significa entender de cor quais são suas necessidades e motivações. Então você precisa saber quais problemas eles têm, suas dúvidas, hesitações, quais perguntas eles têm sobre o produto e quais respostas eles buscam.

Como você já criou suas buyer personas e o mapa da jornada, essa etapa é mais fácil de concluir.

Etapa 5: visualize seus fluxos de usuário

Até agora você está ciente dos usuários para os quais está criando o fluxo de usuários, quais são seus objetivos e de onde eles vêm. A próxima etapa é criar o fluxo do usuário.

Pense no que seus usuários fazem antes e depois de visitar uma determinada página do seu site. O que eles vêem, que ação eles tomam para alcançar seu objetivo. Isso o ajudará a identificar as páginas que você precisa criar, quais informações/conteúdos você precisa fornecer e como elas devem ser conectadas umas às outras.

Preste atenção ao início e ao fim de cada tarefa. Isso pode mudar com base no objetivo de diferentes usuários.

Depois de filtrar as informações necessárias, visualize-as com um diagrama de fluxo do usuário.

Etapa 6: prototipar seu fluxo

Você pode usar protótipos de baixa fidelidade (wireframes ou maquetes de interface do usuário) para testar o fluxo do usuário descrito na etapa anterior. O protótipo ajuda a adicionar mais detalhes ao fluxo e a entender o fluxo entre as ações do usuário e o conteúdo.

Também o ajudará a validar se seu produto foi projetado de acordo com seus objetivos e os de seus usuários.

Etapa 7: revisar, refinar e testar

Você pode compartilhar seus diagramas de fluxo de usuário com as partes interessadas e discutir onde os ajustes precisam ser feitos.

E quando um protótipo de alta fidelidade estiver pronto, você também poderá testá-lo com usuários reais.

Dessa forma, você pode coletar dados sobre cada etapa do fluxo do usuário e entender como seus usuários navegam pelo seu produto. Você pode então identificar áreas de melhoria e aplicar soluções antes do lançamento do produto final.

Práticas recomendadas para manter em mente

Atenha-se às práticas recomendadas abaixo para garantir que os diagramas de fluxo do usuário que você cria sejam realmente eficazes para ajudá-lo.

• Sempre dê ao diagrama de fluxo do usuário um nome que descreva sua finalidade. Isso ajudará qualquer pessoa que se refira a ele a entender sua base.
• Atenha-se a uma direção ao desenhar o fluxograma. Como o gráfico mapeia uma história, é útil lê-la e entendê-la melhor quando o mapa flui em uma direção.
• Limite o número de pontos de decisão para torná-lo livre de desordem/menos complicado.
• Certifique-se de que o escopo do diagrama de fluxo do usuário abrange uma única tarefa ou um único objetivo do seu usuário. Se o fluxo do usuário cobrir apenas metade da tarefa ou mapear as etapas para abranger mais de uma meta do usuário, ele não servirá ao seu propósito.
• Certifique-se de adicionar apenas as informações necessárias e evite qualquer outro detalhe que não ajude a descrever o fluxo e as ações do usuário.
• Use uma ferramenta de fluxograma digital como Creately, para acelerar o processo. Além disso, permitirá que você obtenha a entrada de outras pessoas e mantenha seu trabalho salvo em um só lugar e na nuvem, o que permitirá que você o consulte e trabalhe nele de qualquer lugar. Além disso, ajudará você a economizar espaço com sua área de tela infinita; caso contrário, pode ocupar várias paredes da sua sala de conferências!

Modelos de diagrama de fluxo do usuário

Pronto para fazer seu próprio diagrama de fluxo de usuário?

Os fluxos de usuário são uma ferramenta poderosa no kit de ferramentas de um designer. Eles tornam mais fácil para os designers verem o quadro geral – quais páginas eles precisam criar e como devem ser conectados. Cobrimos praticamente tudo o que você precisa saber para criar um diagrama de fluxo do usuário – incluindo modelos que você pode usar para começar imediatamente.

Agora gostaríamos de saber sua opinião sobre diagramas de fluxo de usuário? Digite na seção de comentários abaixo.