Prototipagem e perguntas de avaliação

Fidelidade, cobertura horizontal e vertical, papel, Wizard of Oz e um protótipo executável.

TLDR

Perguntar sobre esta página

ChatGPTClaudePerplexityGrokGeminiCopiar e abrirDeepSeekCopiar e abrir

Fidelidade e cobertura

Um protótipo representa parcialmente uma proposta. A pergunta decide que aspeto, conteúdo, interação e comportamento precisam de ser fiéis.

CoberturaRepresentação
HorizontalMuitas funções, pouca profundidade
VerticalUma função em profundidade

Um protótipo horizontal pode ter aspeto final e não guardar dados. Horizontal não significa baixa fidelidade; vertical não significa alta.

  • Para compreender seleção, revisão e confirmação, papel ou um percurso clicável podem bastar.
  • Para avaliar contraste e alvos, exige fidelidade visual.
  • Para medir a validação real de conflitos, exige comportamento implementado e tentativas controladas.

Técnicas

TécnicaO que representaLimite
StoryboardSequência em contexto, incluindo fora do ecrãNão testa interação
WireframeEstrutura de um ecrãNão testa transições
PapelEstados por troca de folhasNão escala nem mede tempos reais
BodystormingSituação física, como bagagem e mãos ocupadasNão prova desempenho do sistema
Wizard of OzFunção simulada por regras definidasEstuda compreensão, não precisão nem latência do algoritmo

O operador pode estar oculto ou ser conhecido, conforme a pergunta. Controla respostas, tempos e protocolo ético.

Wireflow e estados

Cada seta é uma transição a testar. Voltar deve conservar os dados; um conflito precisa de explicação e alternativa. “A enviar” não significa sucesso. Repetir sem duplicar requer apoio do servidor, que um desenho do fluxo não demonstra.

Avaliação do protótipo

Define pergunta, tarefa, estados implementados, ações simuladas e limites. Usa conteúdo plausível e prevê o que observar: hesitações, significado das ações e estado esperado.

A baixa fidelidade pode esconder problemas visuais; a alta pode levar a supor que tudo funciona. Liga observações a decisões sem atribuir ao protótipo conclusões sobre funções ausentes.

Protótipo interativo e limites.

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