Fluxograma (flowchart)

Diagrama que mapeia passos, decisões e caminhos de um processo usando símbolos e setas.

Hard

O que é

Fluxograma é um desenho que mostra como um processo anda: os passos, as decisões que ramificam o caminho, e as conexões entre eles. Ele transforma complexidade em algo que dá pra discutir e ajustar ainda antes de construir.

Em design, ele ajuda muito antes do wireframe. Em vez de já partir pra desenhar tela, você mapeia a jornada primeiro: o caminho que dá certo, o ponto de abandono, a recuperação de erro. Assim, nenhum caminho crítico passa batido na hora de desenhar.

Ele também serve como documentação viva. Quando o produto muda, o fluxograma muda junto, e vira uma base de conhecimento que sobrevive mesmo a quem já saiu do time.

Em uma frase

Antes do wireframe, vamos fechar o fluxograma pra não esquecer o caminho de erro.

A pergunta que ele responde

Como mapeio todos os caminhos de um fluxo antes de sair desenhando tela?

Quando usar

Ajuda no começo do desenho de um fluxo, pra alinhar caminhos e decisões antes de partir pra interface.

Como não usar

O cuidado é não detalhar tela dentro do fluxograma, porque misturar esse nível de abstração faz você perder a visão de processo que é justamente o ponto dele.

Na prática

Pense no time antes de desenhar o onboarding. Eles montam o fluxograma com todos os caminhos possíveis, conclusão, desistência e erro, e nesse processo acabam descobrindo uma ramificação que ninguém tinha previsto.

Não confunda com

Vale separar fluxograma de wireframe. O fluxograma trabalha num nível mais alto: ele mapeia o caminho e as decisões, a lógica do percurso. O wireframe desce pro concreto e desenha a tela em si. Um cuida do trajeto, o outro do cômodo onde a pessoa vai parar.

D

Em inglês

Flowchart

Pronúncia

flôu-tchart

Também chamado de

fluxograma, flowchart, diagrama de fluxo

Origem

n/a

Fonte

Saiba mais

Nielsen Norman Group, artigo sobre flowcharts e mapeamento de fluxo de usuário