Template de fluxo do usuário

Sobre o template de fluxo do usuário

Um diagrama de fluxo do usuário (também conhecido como diagrama de interação ou de fluxo de tarefas) é um processo de mapeamento visual passo a passo, que descreve o que um usuário faz para concluir uma tarefa ou alcançar um objetivo por meio do seu produto ou experiência. 

Criar diagramas do fluxo do usuário pode ajudar a interpretar a qualidade ou experiência do caminho escolhido por um usuário. O fluxo também pode revelar quantas etapas foram escolhidas para concluir uma tarefa e quais caminhos decidem tomar ao interagir com seu produto ou serviço para resolver um ponto de dor. 

Enquanto os diagramas de fluxo do usuário focam em como um usuário se move por um produto específico, um template de fluxo de tela apresenta um layout de página em estilo wireframe na forma de um fluxograma. 

O que é um diagrama de fluxo do usuário?

Os diagramas de fluxos de usuário ajudam os times de UX e produto a mapear o caminho lógico que um usuário deve seguir ao interagir com um sistema. Como ferramenta visual, o diagrama de fluxo do usuário mostra a relação entre a funcionalidade de um site ou aplicativo, as ações potenciais que um usuário pode realizar e o resultado do que o usuário decide fazer. 

Os principais elementos de um fluxo do usuário são:

• Um ponto inicial ou final: isso deixa claro onde o fluxo começa ou termina

• Processo ou ação: mostra quais etapas o usuário toma, como "login" ou "compra"

• Pontos de decisão: mostra quando um usuário precisa fazer uma escolha

• Setas: elas mostram para onde o usuário está indo com base nas decisões tomadas

Experimente um fluxo do usuário se seu time estiver tentando avaliar ou melhorar como a experiência de usuário existente pode levar a melhores taxas de conversão de clientes. 

O processo pode ajudar a manter seu usuário em mente e identificar o objetivo de negócios, como uma compra, cadastro para newsletter ou optar por um teste gratuito.

Quando usar um template de fluxo do usuário

Diagramas de fluxo do usuário podem ajudá-lo a:  

• Construa interfaces intuitivas: o seu fluxo parece fácil de navegar, eficiente de usar e intuitivo para o usuário?

• Determine se sua interface existente atende ao propósito: o que está funcionando, o que não está funcionando ou o que precisa de melhorias? O fluxo parece contínuo e faz sentido?

• Apresente seu fluxo de produto para times internos ou clientes: sua equipe de design consegue ver o que seu cliente diz ou faz durante o processo de compra, criação de conta ou login? Os clientes conseguem uma visão geral passo a passo para alinhar com sua visão?

Ao criar – ou recriar – um fluxo do usuário, pergunte a si mesmo e ao seu time:

• O que o usuário está tentando fazer?

• O que é importante para o usuário e lhe dará confiança para continuar?

• Que informação extra o usuário precisará para ter sucesso?

• Quais são as hesitações ou barreiras do usuário para realizar a tarefa?

Um mapa de fluxo do usuário pode ajudar designers (e seus times ou clientes) a manter o foco no usuário, mesmo ao mapear processos complexos. 

Como designer, você pode usar diagramas de fluxo do usuário para decidir como irá projetar páginas, telas ou superfícies no seu site ou aplicativo e reorganizar o conteúdo e as tarefas de navegação a serem incluídas.

Crie seu próprio diagrama de fluxo do usuário

Mapear seu próprio fluxo de usuário é fácil. O espaço de trabalho visual da Miro é o canvas perfeito para criar e compartilhar seu diagrama. Comece selecionando o template de fluxo do usuário, depois siga os passos a seguir para criar o seu próprio:

Decida sobre os objetivos do seu negócio e os objetivos dos seus usuários. 

Descubra onde você gostaria que seus usuários chegassem. Se você ainda não tem uma (ou precisa atualizá-la), use um mapa de jornada do cliente para criar uma visão compartilhada da experiência do cliente. Cada membro do time pode se beneficiar de um entendimento compartilhado sobre os sentimentos dos seus clientes em cada ponto de contato potencial com seu produto ou serviço. Desenvolver empatia pelo usuário informará cada etapa do seu processo de fluxo do usuário. 

Descubra como os visitantes encontram seu site.

Eles estão encontrando seu produto ou serviço por meio de tráfego direto, busca orgânica, publicidade paga, redes sociais, links de referência ou e-mails? Esses pontos serão o início do seu diagrama de fluxo do usuário, dependendo do que você descobrir. 

Descubra quais informações seus usuários precisam e quando elas são necessárias. 

Os usuários se convertem quando recebem a informação certa no momento certo, então considere o que seu cliente deseja do seu ponto de contato digital e como ele pode estar se sentindo. Engajamento – por exemplo, uma interação com chatbot – ainda é uma métrica potencial de sucesso – não se trata apenas de levar a uma compra final.

Mapeie o fluxo do usuário. 

Você pode editar as formas e setas existentes do nosso template de fluxo do usuário para acomodar a pesquisa de usuário que você descobriu nas etapas anteriores. Depois que seu cliente descobre seu primeiro ponto de contato, o que eles fazem em seguida? Quantas etapas até concluírem uma tarefa? Use o fluxo de usuário básico no template para começar a desenhar o seu próprio. Altere os pontos de contato, saídas e a direção das linhas de conexão dos arrow para adequar melhor ao seu diagrama de fluxo do usuário.

Receba feedback do seu time.

Convide seu time, clientes ou stakeholders multifuncionais para visualizar seu board do Miro. Você pode optar por deixar feedback de forma assíncrona com notas adesivas ou @menções para revisão dos colegas. Você também pode entrar em uma videoconferência no seu board da Miro e designar alguém do seu time para assumir a função de anotador. Assim que tiver contribuições suficientes do time, faça os ajustes necessários.

Compartilhe com outros stakeholders ou clientes e continue reiterando conforme necessário.

Seu fluxo de usuário mudará com o tempo à medida que as atitudes e motivações dos seus clientes evoluem. Adapte-se conforme necessário, mantenha o foco no usuário.