← Voltar ao índice de metodologias
Metodologia de IHC

Jornada do Usuário
e Service Blueprint

Ferramentas complementares para mapear a experiência do usuário e os processos que a sustentam, amplamente usadas em Interação Humano-Computador para identificar pontos de melhoria em sistemas digitais.

UX Research Mapeamento de Experiência Processos de Serviço Design Centrado no Usuário

Conceitos-chave

  • Jornada do Usuário
  • Service Blueprint
  • Frontstage vs Backstage
  • Linhas de separação
  • Touchpoints
  • Dores e oportunidades

Quando usar

  • Redesign de produto ou serviço
  • Identificação de fricções na experiência
  • Alinhamento entre equipes de produto
  • Documentação de fluxos existentes

O que é a Jornada do Usuário?

A Jornada do Usuário (User Journey Map) é uma representação visual que descreve o caminho percorrido por uma pessoa ao interagir com um produto ou serviço digital — do primeiro contato até o objetivo final.

Ela captura não apenas as ações, mas também os pensamentos, emoções e dores em cada etapa, revelando onde a experiência falha ou surpreende positivamente.

Exemplo prático 1 — Agendamento médico online

Uma usuária de 60 anos precisa consultar um especialista. Abaixo, cada etapa mostra sua ação, emoção e onde o sistema pode melhorar.

01

Necessidade

Sente dor nas costas há dias e decide buscar atendimento. Pede indicação à filha.

Preocupada, mas esperançosa
02

Descoberta

Acessa o site do hospital via celular. Enfrenta letras pequenas e menu confuso. Leva 4 minutos para encontrar "Agendar Consulta".

Frustrada com a navegação
03

Seleção

Escolhe especialidade e médico. O sistema exibe slots de horário sem distinguir manhã/tarde claramente.

Confusa com o formato de horário
04

Confirmação

Preenche dados e confirma. Recebe e-mail de confirmação, mas não há SMS nem lembrete pelo app.

Aliviada, mas insegura se vai esquecer
05

Dia da consulta

Comparece ao hospital. Não lembra o número de confirmação. Precisa de ajuda da recepcionista para localizar o agendamento.

Ansiosa e envergonhada
06

Pós-consulta

Recebe orientação do médico. Sem funcionalidade de retorno automático no sistema; precisa ligar para agendar novamente.

Decepcionada com a falta de continuidade
Oportunidades de melhoria identificadas:
  • Interface responsiva com fontes maiores para acessibilidade
  • Lembrete por SMS no dia anterior à consulta
  • QR Code ou código visível no app para check-in
  • Fluxo de agendamento de retorno dentro da própria plataforma

Exemplo prático 2 — Abertura de conta bancária digital

Um estudante universitário deseja abrir uma conta digital para receber o pagamento de um estágio. Acompanhe a jornada pelo aplicativo.

Etapa Ação Emoção Dor / Oportunidade
Instalação Baixa o app da loja Animado App pesa 120 MB — usuário em 3G abandona
Cadastro Preenche CPF, nome, e-mail Tranquilo Formulário não valida CPF em tempo real
Selfie + doc. Fotografa RG e tira selfie Desconfortável Câmera trava em celulares antigos
Análise Aguarda aprovação (até 24 h) Impaciente Sem notificação de progresso
Ativação Cria senha e ativa conta Empolgado Ponto positivo: onboarding claro com dicas

O que é o Service Blueprint?

O Service Blueprint é um diagrama que expande a Jornada do Usuário para revelar também os processos internos que tornam cada etapa possível. Ele é dividido em camadas separadas por linhas de separação.

A grande diferença: enquanto a Jornada captura "como o usuário vive a experiência", o Blueprint responde também "o que acontece nos bastidores para que isso ocorra".

Linha de separação O que divide
Interaction Line Usuário ↔ Frontstage (contato direto com o sistema)
Line of Visibility Frontstage ↔ Backstage (o que é visível vs. oculto ao usuário)
Internal Interaction Backstage ↔ Suporte (sistemas e infraestrutura)

Blueprint — Agendamento médico online

Mesmo cenário da jornada anterior. O Blueprint agora mostra o que cada camada faz em três momentos-chave.

Usuário

Pesquisa e acessa Busca médico no site do hospital via celular.
Seleciona e agenda Escolhe horário e preenche dados pessoais.
Comparece Apresenta-se na recepção no dia marcado.
Interaction Line — contato direto com o sistema

Frontstage (visível ao usuário)

Interface do site Lista de especialidades, filtro por plano de saúde, buscador de médico.
Formulário e confirmação Formulário com validação, e-mail automático de confirmação.
Terminal de check-in Totem de autoatendimento ou atendente na recepção.
Line of Visibility — início dos bastidores

Backstage (invisível ao usuário)

Agenda do médico Sistema bloqueia slots já ocupados em tempo real e sincroniza entre unidades.
Verificação de convênio API do plano de saúde valida cobertura antes de confirmar o agendamento.
Notificação interna Alerta enviado à equipe da recepção com lista de pacientes do dia.
Internal Interaction — infraestrutura de suporte

Suporte (sistemas e infraestrutura)

Banco de dados Armazena médicos, horários, pacientes e histórico de consultas.
Servidor de e-mail / SMS Dispara confirmação e lembrete 24 h antes via gateway de mensagens.
Sistema de prontuário Vincula o agendamento ao prontuário eletrônico do paciente (PEP).

Blueprint — Conta bancária digital

O mesmo fluxo de abertura de conta, agora mapeado pelas camadas do Blueprint.

Usuário

Instala e cadastra Baixa o app, preenche dados e envia documentos pela câmera.
Aguarda análise Fica sem feedback claro por até 24 horas.
Ativa conta Cria senha, explora o app e realiza a primeira transação.
Interaction Line

Frontstage

Telas de onboarding Formulário guiado, câmera nativa para OCR do documento.
Tela de "em análise" Mensagem genérica — falta barra de progresso ou estimativa de tempo.
Tela de boas-vindas Tutorial interativo com dicas de segurança e limite inicial.
Line of Visibility

Backstage

Motor de OCR Extrai dados do documento e compara com base da Receita Federal.
Análise de risco Algoritmo de compliance verifica listas de restrição e score de crédito.
Provisionamento de conta Gera número de conta, agência virtual e chave PIX automática.
Internal Interaction

Suporte

API do Banco Central Registro no DICT (diretório do PIX) e consulta de dados do CPF.
Serasa / Boa Vista Consulta automatizada de score e restrições do solicitante.
Core bancário Sistema central registra a conta, define limites e libera o dashboard.

Jornada vs Blueprint — quando usar cada um

As duas ferramentas se complementam. A escolha depende do que você precisa enxergar.

Jornada do Usuário
  • Foco na perspectiva do usuário
  • Captura emoções e percepções
  • Ideal para identificar dores e fricções
  • Útil em etapas iniciais de pesquisa
  • Comunicação com stakeholders não técnicos
Service Blueprint
  • Foco em processos e sistemas
  • Revela dependências e gargalos técnicos
  • Ideal para redesign de serviços complexos
  • Útil para alinhar equipes de produto e TI
  • Apoia decisões de arquitetura de sistema

Atividade de aula

Mapeie a experiência de um serviço digital real

Escolha um serviço que você usa com frequência (transporte, streaming, compras, saúde) e mapeie sua própria jornada + blueprint.

1

Defina o cenário: escolha um serviço e um objetivo específico do usuário (ex.: "cancelar assinatura do streaming").

2

Mapeie a Jornada: liste de 4 a 6 etapas com ação, emoção e uma dor ou ponto positivo em cada uma.

3

Construa o Blueprint: para cada etapa, identifique o que acontece no Frontstage, Backstage e no Suporte.

4

Identifique oportunidades: aponte pelo menos dois pontos de melhoria descobertos pelo cruzamento das duas ferramentas.

5

Apresente: compartilhe com a turma e discuta quais camadas do Blueprint explicam as dores encontradas na Jornada.

Materiais de estudo

Ferramentas para criar

Figma Miro Mural Notion FigJam Lucidchart

Conceitos relacionados

Atualizado · 2026