HomeprototypingPrototyping Digital Artifacts and Software: Interactive Click Modeling
prototyping · Método 08
08
Prototyping Digital Artifacts and Software: Interactive Click Modeling
Click modeling interativo e um metodo popular de baixa fidelidade para criar um primeiro prototipo digital funcional. A partir de esbocos em papel fotografados e importados em um app de prototipagem, voce define areas clicareis e as conecta a outras telas — criando um modelo interativo sem codigo. Apps de prototipagem sao surpreendentemente simples e podem ser aprendidos em 20-30 minutos mesmo por pessoas sem conhecimento tecnico.
Duração
Preparacao: 1-2 horas a alguns dias dependendo da complexidade | Teste: aproximadamente 1-2 horas por usuario/grupo
Energia
Baixa
Participantes
1 ou mais facilitadores. 4-8 e um bom tamanho de grupo
Output
Dados de pesquisa (bugs, insights e novas ideias); filmagens e fotos brutas; documentacao das variantes testadas; os proprios click-models
Gera artefato
Passo a passo
01
Escolha uma persona ou tipo de usuario
Qual usuario vai testar este prototipo? Escolha uma persona ou tipo especifico de usuario.
02
Revise o escopo e as perguntas
O que voce quer aprender? Testar a interface toda ou apenas uma parte? Quais tarefas o usuario deve realizar? Faca uma lista das tarefas a testar.
03
Esboce as partes necessarias
Crie versoes desenhadas a mao de tudo que o usuario vai interagir — janelas, menus, caixas de dialogo, paginas, pop-ups — incluindo conteudo real ou dados plausíveis.
04
Importe no app de prototipagem
Configure o app de prototipagem. Fotografe os esbocos e importe-os. Defina areas clicareis que conectam os esbocos entre si — criando uma interface funcional.
05
Defina papeis e prepare
Divida a equipe nos papeis de usuario e observador. Dê tempo para que se preparem e pratiquem seus papeis.
06
Teste o prototipo
Apresente o projeto e o contexto. Peca ao usuario que realize uma tarefa. Explique como interagir com o click-model e observe as reacoes. Itere ate o usuario completar ou falhar.
07
Registre bugs, insights e ideias
Observadores registram observacoes durante todo o teste. Apos cada sessao, reflita sobre o que funcionou e o que nao funcionou. Discuta e priorize os problemas.
08
Revise o prototipo (opcional)
Mudancas ainda podem ser feitas rapida e facilmente. Ha algo que deve ser mudado agora?
09
Decida a proxima tarefa e itere
Marque a tarefa recém-simulada e decida rapidamente qual testar a seguir. Repita o processo.
Notas do método
Encoraje os usuarios a pensar em voz alta durante as tarefas.
Show and tell: em vez de deixar o usuario operar o click-model sozinho, um operador pode mostrar como o app funciona — util para coletar feedback sem precisar criar todas as variantes.
Filme o uso do click-model enquanto o usuario fala em voz alta o que esta fazendo — otima forma de comunicar a intencao do design.
Ensinar o uso de apps de prototipagem em vez de apenas requisitos escritos pode transformar a forma como especialistas de negocio falam com desenvolvedores.
Minhas notas de aplicação
Antonio Farias · FAU USP
Nenhuma nota ainda. As notas serão adicionadas após a aplicação do método em campo.
Materiais
Canetas
tesouras
cola
templates de UI
post-its
apps de prototipagem (ex: Marvel, InVision, Figma)