Design centrado no utilizador

PACT, investigação, requisitos verificáveis, personas, cenários, tarefas e modelo conceptual.

TLDR

Perguntar sobre esta página

ChatGPTClaudePerplexityGrokGeminiCopiar e abrirDeepSeekCopiar e abrir

Ciclo e PACT

Investiga contexto, define requisitos, explora alternativas, prototipa, avalia e refina. Avaliar pode rever a necessidade, não só o desenho.

PACTInformação relevante
PessoasObjetivos, conhecimentos e capacidades
AtividadesFrequência, cooperação e consequências de erros
ContextosCondições físicas, sociais e organizacionais
TecnologiasEntradas, saídas e ferramentas atuais

“Estudantes perdem opções ao alternar entre chat e catálogo” descreve um problema atual. “Falta uma app com filtros” já escolhe uma solução.

Evidência, necessidades e requisitos

  • O requisito funcional diz o que o sistema faz. O de usabilidade define um resultado verificável para pessoas e contexto determinados.
  • Exemplo: pelo menos 8 de 10 estudantes sem uso anterior reservam a sala e horário pedidos, sem ajuda, em até 60 s. Estes limiares são escolhas do exemplo.
  • A evidência sustenta uma necessidade; não torna obrigatória uma solução específica. Compara alternativas e verifica as suas hipóteses, custos e privacidade.

Personas, cenários e tarefas

FormatoO que fixaRisco
PersonaPadrões rastreáveis aos dadosNome e idade sem evidência não provam nada
Proto-personaHipóteses por investigarTratar como dado observado
Cenário as-isAtividade atualMisturar com proposta futura
Cenário to-beProposta futuraLer como evidência observada
Tarefa de avaliaçãoResultado sem ensinar cliquesEnsinar o percurso a descobrir
  • Primária orienta decisões principais; secundária acrescenta sem prejudicar a primária. Prioridade exige justificação.
  • Journey Map organiza etapas, pontos de contacto, motivos e dificuldades, incluindo o que fica fora do ecrã. Pensamentos e emoções pedem evidência ou marca de hipótese.
  • História resume necessidade e valor; storyboard mostra momentos em contexto. Nenhum prova que a necessidade foi observada.

Ideação

Gera em paralelo e individualmente antes de discutir. Compara necessidade, custos, hipóteses e privacidade; testa as alternativas relevantes.

  • Crazy 8: oito ideias distintas em oito minutos, em esboços que comuniquem soluções. Mudar a cor do mesmo botão não diversifica.
  • Design sprint liga desafio, exploração, escolha, protótipo e teste. Crazy 8 pode integrar esse processo, não o substitui.

Gerar e selecionar alternativas.

Modelo conceptual

Define objetos, relações, estados e ações do domínio. Uma Reserva liga Grupo, Sala e Intervalo; pode ser provisória, confirmada ou cancelada. “Escolher sala” é uma ação do domínio; “premir o botão verde” depende da interface. Um wireframe representa estrutura de ecrãs, não substitui este modelo.

Exemplo de Journey Map.

À tua maneira

Aparência

Modo de cor
Tema
Cor de destaque

Leitura

Fonte de leitura

Álgebra, lógica e uma ideia de cada vez.

Código

Fonte do código

Navegação

Cursor de leitura, sem edição. h, j, k, l movem; / pesquisa nesta página. v seleciona caracteres; V seleciona linhas; y copia. Tab permite destacar ou comentar. Espaço ou Enter abre blocos recolhíveis. Nos cartões, h, j, k, l mudam o foco.

CSS personalizado

Ativa uma sugestão ou guarda o teu CSS. Só muda este navegador.

Usa --page, --text e --accent para acompanhar o tema.

Seletores e recuperação

.site-header, .prose, .course-card, [data-reading-history], [data-playground] e .page-actions.

Abre a aparência com a tecla vírgula ou no rodapé. Se o CSS esconder os controlos, abre esta página sem CSS personalizado.

Pesquisar

Escreve para pesquisar em todo o site.

para escolher · Enter para abrir · Esc para fechar

Copiar fórmula

A cópia automática não está disponível. Copia o LaTeX abaixo.

Pesquisar nesta página

Enter procura · n / N repetem · Esc cancela. Ctrl / Cmd K pesquisa todo o site.

Atalhos de teclado

Clica numa tecla para a mudar. Esc cancela. Backspace desativa.

PesquisarCtrl / Cmd K

Os atalhos não interferem enquanto escreves. Tab e Enter funcionam sempre.