Como fazer um diagrama de fluxo do 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, os passos que eles tomam para completar uma tarefa ou alcançar um objetivo em seu site. Isto irá ajudá-lo a criar uma experiência superior para o utilizador e a satisfazer as suas necessidades de forma mais eficiente.

Neste guia, vamos dar uma olhada no papel importante que os diagramas de fluxo do usuário desempenham no design UX, como fazer um diagrama de fluxo do usuário, e as melhores práticas que você deve ter em mente. Temos também alguns modelos práticos que você pode usar durante todo o processo de desenho do seu fluxo dos usuários.

O que é um Diagrama de Fluxo do Usuário

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

Ou pode significar a seqüência real de passos que o usuário dá para completar uma tarefa. Os fluxogramas podem ser úteis na visualização destas rotas que os utilizadores utilizam quando utilizam a sua solução (ou seja, website ou aplicação).

Tais 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 fluxograma do usuário ou mapas de fluxo de usuários.

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

Os diagramas de fluxo do usuário podem ter diferentes visuais com base no estágio do processo de design em que você se encontra. Se você já tem os wireframes para seu aplicativo ou website, você pode usá-los para criar o seu fluxograma. Esses fluxogramas de estrutura metálica são chamados de Wireflows.

Os diagramas de fluxo do usuário também são referidos como fluxos de interação,fluxos de atividade, fluxos de interface do usuário, fluxos de navegação ou diagramas de fluxo de tarefas.

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

Símbolos do Diagrama de Fluxo do Usuário
Símbolos do Diagrama de Fluxo do Usuário

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 do usuário

  • Os diagramas de fluxo de usuários são úteis quando você quer entender seus designs com base nos objetivos de seus usuários.
  • Eles podem ser usados para comunicar o fluxo pretendido de usuários enquanto eles navegam através das páginas de seu site ou através das ações em seu aplicativo
  • Engenheiros, designers e arquitetos podem usá-los para entender as complexidades, objetivos e caminhos do projeto de um sistema, bem como identificar brechas, dependências e deficiências no mesmo.

Como fazer um diagrama de fluxo do usuário

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

Passo 1: Compreenda a Jornada do Cliente

Um fluxo de usuários é baseado no que o usuário faz – portanto, compreender quem são, suas motivações, necessidades e comportamento é crucial para fazer um diagrama de fluxo de usuários eficaz.

Pode parecer um passo adicional, mas conduzir uma pesquisa de usuário adequada e projetar perfis de usuário o ajudará a criar fluxos de usuários mais suaves.

Já abordamos como criar perfis/personas de usuário em um post anterior, consulte-o para aprender como criar um perfil de comprador em alguns passos simples. Ou se você já está familiarizado com o processo, aqui está um modelo para começar.

Template de Persona do Usuário
Modelo de Perfil/Persona do Usuário (Clique no modelo para editá-lo online)

Uma vez criado o perfil do cliente, você está um passo mais próximo de entender a sua jornada de usuário.

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

Também cobrimos o processo de criação de um mapa de jornada do cliente em 6 passos simples. Confira-o.

O resto da etapa de criação de um fluxo de usuários será mais fácil uma vez que você conheça a jornada do seu usuário.

Identifique os seus objetivos e as metas do seu usuário

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

Você já deve estar ciente dos objetivos do seu negócio; por exemplo, aumentar a conversão no seu website, impulsionar a venda do seu produto, etc. Geralmente é o resultado final das ações que você quer que seus usuários tomem.

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

Identifique de onde vêm os seus usuários

Se você está projetando um site, você pode querer saber de onde seus clientes estão vindo ou, em outras palavras, quais são os pontos de entrada. Estes normalmente incluem,

    null
  • Tráfego direto
  • Pesquisa orgânica
  • Redes sociais
  • Publicidade paga
  • Email
  • Sites de referência
  • Imprensa ou notícias

Você pode usar a análise do Google para obter as porcentagens para esses pontos de entrada. Eles também podem indicar comportamentos diferentes de usuários.

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 pretende antes de o descobrir 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.

Identifique a Informação que o Visitante Necessita

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

Isto significa compreender de cor quais são as suas necessidades e motivações. Por isso você precisa saber que problemas eles têm, suas dúvidas, hesitações, que perguntas eles têm sobre o produto, e que respostas eles buscam.

Uma vez que você já criou o seu comprador persona e o mapa de viagem, este passo é mais fácil de completar.

Visualize seus fluxos de usuários

A esta altura você já está ciente dos usuários para os quais está criando o fluxo de utilizadores, quais são os seus objetivos e de onde eles vêm. O próximo passo é criar o fluxo do usuário.

Pense no que os seus utilizadores fazem antes e depois de visitarem uma página em particular no seu website. O que eles vêem, que medidas tomam para alcançar o seu objetivo. Isto irá ajudá-lo a identificar as páginas que precisa criar, que informações/conteúdos precisa fornecer e como devem estar ligados entre si.

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

Uma vez filtrada a informação necessária, visualize-a com um diagrama de fluxo do usuário.

Diagrama de fluxo do usuário
Diagrama de fluxo do usuário (Clique no modelo para editá-lo online)

Protótipo do seu fluxo

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

Também o ajudará a validar que o seu produto foi concebido de acordo com os seus objetivos e os dos seus utilizadores.

Reveja, refine e teste

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

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

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

Melhores práticas para se ter em mente

Siga as melhores práticas abaixo para garantir que os diagramas de fluxo de usuários que você criar sejam realmente eficazes para ajudá-lo.

    null
  • Sempre dê ao seu diagrama de fluxo de usuários um nome que descreva o seu propósito. Isto ajudará quem se referir a ela a compreender a sua base.
  • Mantenha-se fiel a uma direção ao desenhar o fluxograma. Como o gráfico mapeia uma história, isso ajuda a lê-lo e compreendê-lo melhor.
  • Limite o número de pontos de decisão para que não haja confusões e seja menos complicado.
  • Certifique-se de que o objetivo do diagrama de fluxo do usuário cobre uma única tarefa ou um único objetivo do seu usuário. Se o fluxo do usuário cobrir apenas metade da tarefa ou mapear os passos para cobrir mais de um objetivo do usuário, ele não servirá ao seu propósito.
  • Certifique-se de apenas adicionar as informações necessárias e evitar 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 o Creately, para acelerar o processo. Além disso, isso permitirá que você obtenha a contribuição de outros e mantenha seu trabalho salvo em um só lugar e na nuvem, o que lhe permitirá referi-lo e trabalhar nele de qualquer lugar. Além disso, ele o ajudará a economizar espaço com sua infinita área de tela; caso contrário, poderá ocupar várias paredes da sua sala de conferências!

Modelos de diagramas de fluxo do usuário

Diagrama de fluxo de registro do usuário
Diagrama de fluxo de registro do usuário (Clique no modelo para editá-lo online)
Exemplo de diagrama de fluxo
Exemplo de diagrama de fluxo (Clique no modelo para editá-lo online)
Fluxo de fios do utilizador
Modelo de Wireflow (Clique no modelo para editá-lo online)

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

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

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

Join over thousands of organizations that use Creately to brainstorm, plan, analyze, and execute their projects successfully.

Get started here

Leave a comment

*
*

11 − 4 =

Back to top