Técnica de PrototipaçãoProf.: Guilherme Torres

Quem sou...

Protótipos são modelos construídos para simular a aparência e a funcionalidade de um produto em desenvolvimento.

Processo iterativo, para criação de produtos que serve para rapidamentetestar conceitos e/ou obter respostas a uma pergunta

Benefícios da prototipagem

Stakeholders

• Fácil visualização/entendimento da solução proposta

• Permite envolvimento de toda equipe: designer, desenvolvedor,

comercial, etc

• Compartilhamento da visão em todas as etapas do projeto

• Baixo custo para validar uma ideia/hipótese

• Serve como documentação

• Potencializa descobertas felizes

• Permite checar cada etapa do projeto (risco controlado)

Benefícios da prototipagem

Usuários

• Menos intimidador que um produto final

• Menos complexo

• Manipular um objeto/artefato é mais rico que lidar com desenhos

• Mais liberdade para criticar e dar sugestões

• Envolvimento nas fases iniciais do desenvolvimento

“Erre logo para ser bem sucedido mais cedo.” IDEO

Tipos de protótipos

Horizontal –validação taxonomia

• Apresenta as funcionalidades do nível mais alto projetada

• Permite testar a organização geral do sistema.

• Representa a página inicial com todas as chamadas principais,

com toda as páginas de segundo nível.

• Permite testar o nível de compreensão das categorias principais.

Tipos de protótipos

Vertical –validação de navegação

• Permite ao usuário se deslocar pelos níveis da hierarquia.

• Representa a funcionalidade do sistema em um grupo de

atividades.

• Permite que o usuário interaja em níveis aprofundados.

• Apenas um pequeno número de caminhos é implementado.

Tipos de protótipos

De cenário–validação de fluxo/modelo mental

• É orientada à tarefa.

• Em teste devem ser estabelecidas três tarefas importantes que

exponham as funcionalidades planejadas.

• É o formato ideal para avaliar usabilidade, pois o tamanho limitado

o torna fácil de ser alterado a partir das respostas do usuário.

Index

Prototipagem horizontal

Prototipagem vertical

Seções não implementadas

Prototipagem de cenário

Esboço

Modelo linear – sketching Visual thinking

Mapa Mental

Storyboard

Prós

• Não é necessário ser desenhista

• Representa visualmente a ideia

• Alinhamento entre os membros da

equipe

• Rápido

• Barato

Modelo linear – sketching

Contras

• Só serve para documentação

• Não pode ser avaliado pelos

usuários

Modelo linear – protótipo em papel

Modelo linear – protótipo em papel

Prós

• Exige pouco esforço

• Fácil alteração

• Não se exige software ou

especialista em desenvolvimento

• Maior empatia do usuário

• Útil para avaliação inicial de

projetos

Contras

• Baixo grau de detalhamento

• Apresenta apenas visualmente

a funcionalidade

• Não possui recursos interativos

Modelo linear – protótipo em papel

Aplicação

• Exige no mínimo 3 integrantes do time

• Facilitador

• Computador

• Observador

• Definir tipo (horizontal, vertical ou de cenário)

• Contextualizar usuário e apresentar tarefas

Atividade em grupo – 40 pts

Exercício:

• Ideação produto web ou app (novo projeto, projeto existente)

• Documentar ideia (Esboço, Visual thinking, Storyboard ou Mapa Mental)

• Criar personas (quantos forem “usuários” do produto)

• Definição da(s) funcionalidade(s) principais

• Prototipação em papel