Cheat sheet

Distinções, modelos e procedimentos para rever a teoria dos mini-testes.

Perguntar sobre esta página

ChatGPTClaudePerplexityGrokGeminiCopiar e abrirDeepSeekCopiar e abrir

Vocabulário

  • UI: meios de interação. UX: perceções/respostas antes, durante e depois do uso.
  • Usabilidade: eficácia, eficiência e satisfação, para pessoas, objetivos e contexto definidos.
  • Modelo mental: compreensão da pessoa. Conceptual: conceitos, ações e relações que o desenho comunica.
  • Golfo de execução: descobrir/executar ações. Golfo de avaliação: perceber/interpretar estado.
  • Lapso: execução falha com intenção correta. Engano: plano/interpretação errado. Explicação.

Cognição e previsão

Gestalt: proximidade, semelhança, continuidade, região comum e figura-fundo. Reconhecimento dá pistas; recordação exige recuperar sem as pistas. 7±27\pm2 não define a dimensão de qualquer menu.

ModeloFórmula/condição
FittsMT=a+blog⁡2(1+D/W)MT=a+b\log_2(1+D/W); apontar, D e W na mesma unidade; W na direção do movimento; parâmetros do contexto
Hick-HymanT=a+blog⁡2(n+1)T=a+b\log_2(n+1) na variante equiprovável; não representa todo o tempo de um menu
KLMSomar operadores e custos dados: K, P, H, M, R; percurso conhecido de pessoa experiente, sem modelar erros

Explicação e contas.

Investigar utilizadores

PerguntaMétodoRegisto
Motivos da última reservaEntrevista semiestruturadaEpisódios concretos, aprofundar só o relatado
Onde interrompe a tarefaObservação contextualAções e ferramentas, não juízos
Quantos usam cada canalQuestionárioPerfil, situação atual, exploração

Sem perguntas duplas, termos internos ou soluções antecipadas. Vinte respostas são ponto de partida, não garantia. Piloto testa procedimento. Pseudonimizar não anonimiza. Explicação.

Desenhar a partir da evidência

Ciclo: investigar, requisitos, alternativas, protótipo, avaliação, revisão. PACT: pessoas, atividades, contextos, tecnologias. Problema descreve situação e consequência sem escolher solução.

FormatoRegra
PersonaPadrões rastreáveis; proto-persona declara hipóteses
Cenário as-is / to-beAtual observado vs proposta futura
Journey MapEtapas e pontos de contacto com evidência por célula
Requisito de usabilidadePúblico, contexto, medida e limiar; exemplo 8/10 em 60 s
Tarefa de testeResultado sem ensinar cliques
Wireframe / wireflowEstrutura vs estados e transições

Explicação.

Princípios e inspeção

Affordance é possibilidade; significante comunica; mapping liga controlo a efeito; feedback responde. Heurísticas: estado, mundo real, controlo, consistência, prevenção, reconhecimento, eficiência, minimalismo, recuperação, ajuda. Cada falha: localização, comportamento, princípio, consequência e gravidade. Explicação.

Ideação em paralelo antes de discutir; Crazy 8 dá oito ideias distintas em oito minutos. Escolhe por necessidade e hipótese, não por votos.

Prototipagem

EixoOpções
CoberturaHorizontal ampla e superficial; vertical restrita e profunda
FidelidadeAspeto, conteúdo, interação e comportamento, separados da cobertura

Wizard of Oz simula função por regras; não prova algoritmo nem latência. “A enviar” não é sucesso. Explicação.

Escolher e analisar uma avaliação

PerguntaMétodo
Viola princípios?Heurística
Novo utilizador descobre os passos?Walkthrough
Pessoas conseguem a tarefa?Teste de usabilidade
Como funciona no contexto?Estudo de campo
Que tempo prevê um percurso conhecido?Modelo preditivo

Protocolo mínimo: tarefa verificável, critério de sucesso, ajuda permitida, limite de tempo e registo. Walkthrough: objetivo do passo, ação disponível, relação ação/objetivo e progresso depois da ação. Formativa melhora desenho; sumativa avalia resultados. Não contar interrupção como tempo de conclusão. Explicação.

  • Atitudinal: o que dizem/sentem. Comportamental: o que fazem. Qualitativo/quantitativo é outro eixo.
  • No projeto de 2026/27: comparar redesenho com funcionalidade original, ou duas alternativas para uma função nova. Manter objetivo e condições comparáveis.
  • Entre participantes: pessoas diferentes por condição. Intra: as mesmas; controlar aprendizagem/ordem. Independente é condição; dependente é medida.
  • Média e mediana não são iguais; declarar falhas e dispersão. Correlação não prova causalidade.
  • Ética: consentimento informado, saída sem penalização, proteção dos dados e riscos proporcionados; pseudonimização não garante anonimato.
  • SUS padrão: ímpares ri−1r_i-1, pares 5−ri5-r_i; somar e multiplicar por 2,5. Índice de 0 a 100, não percentagem de sucesso. Média publicada ronda 68; 70 fica perto da média.
  • Cinco utilizadores: modelo 1−(1−p)n1-(1-p)^n com p≈0,31p\approx0{,}31 estimado; cerca de 85% esperados com cinco comparáveis, mas cada grupo variou entre 55% e 100% numa simulação, e lojas com descoberta baixa só revelaram ~35%. Grupos distintos pedem participantes por grupo. Parar, corrigir e voltar a testar.
  • IC face a requisito: usar intervalo do parâmetro pedido. Para média inferior a 60 s, intervalo todo abaixo sustenta cumprimento; todo acima, incumprimento; atravessar ou tocar o limiar não sustenta a desigualdade estrita.
  • Valor-p não é probabilidade de a hipótese nula ser verdadeira; ausência de significância não prova igualdade. Emparelhado: analisar diferenças por pessoa; IC da diferença média com tt e sds_d. Explicação.

Acessibilidade e ajuda

WCAG: percetível, operável, compreensível, robusto. Texto AA: 4,5:1 normal e 3:1 grande segundo definição e exceções. Contraste (Lmax⁡+0,05)/(Lmin⁡+0,05)(L_{\max}+0{,}05)/(L_{\min}+0{,}05), sem arredondar para passar. Foco, teclado, nomes, estados e sequência de tarefa precisam de verificação manual. Alvos: 24 px ou espaçamento e exceções.

Multimodal: canais de entrada/saída com alternativas, redundância ou complementaridade. Indicar como resolver conflitos e falhas de reconhecimento. Explicação.

Tutorial ensina, referência consulta detalhes, guia rápido recorda, ajuda contextual apoia o ponto de uso. Navegação orienta por categorias; pesquisa precisa de vocabulário e resultados úteis. Explicação.

À 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.