protótipos de papel

30
PROTÓTIPOS DE PAPEL Comunicando as interações

Upload: robson-santos

Post on 03-Sep-2014

1.693 views

Category:

Design


3 download

DESCRIPTION

Definição de protótipos e exemplos de protótipos de papel

TRANSCRIPT

Page 1: Protótipos de papel

PROTÓTIPOS  DE  PAPEL  

Comunicando  as  interações  

Page 2: Protótipos de papel

Robson Santos Doutor em Design, PUC-Rio, Departamento de Artes e Design

Mestre em Design, PUC-Rio, Departamento de Artes e Design

Bacharel em Desenho Industrial Escola Superior de Desenho Industrial/Uerj

Especialista em Usabilidade e Experiência do Usuário no grupo Itaú Unibanco

Page 3: Protótipos de papel

O  QUE  É  UM  PROTÓTIPO  

Page 4: Protótipos de papel

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

Page 5: Protótipos de papel
Page 6: Protótipos de papel
Page 7: Protótipos de papel
Page 8: Protótipos de papel
Page 9: Protótipos de papel

Um protótipo é uma representação da interface com a qual o usuário pode interagir e oferece informações para propor mudanças e melhorias.

Page 10: Protótipos de papel

Por meio de um protótipo, os futuros usuários do software e desenvolvedores, podem interagir, avaliar, alterar e aprovar as características mais marcantes da interface e da funcionalidade da aplicação.

Page 11: Protótipos de papel

Ao se desenvolver um protótipo não é necessário representar toda a funcionalidade do produto.

Pelo contrário, somente deve ser representada a funcionalidade que atenda aos objetivos do teste ou da avaliação.

Page 12: Protótipos de papel

TIPOS  DE  PROTÓTIPOS  

Page 13: Protótipos de papel

PROTOTIPAGEM HORIZONTAL

• Apresenta toda a funcionalidade do nível mais alto projetada e habilitada.

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

• Representa a tela inicial com todas as chamadas principais, com cada link ligado apelo menos uma página.

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

Page 14: Protótipos de papel

PROTOTIPAGEM VERTICAL

• Permite verificar como o usuário se desloca 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 totalmente.

Page 15: Protótipos de papel

Página index

Prototipagem horizontal

Prototipagem vertical

Seções não implementadas

Page 16: Protótipos de papel

PROTOTIPAGEM DE CENÁRIO

• É orientada à tarefa. • Em teste devem ser estabelecidas três

tarefas importantes que exponham a funcionalidade devem ser 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.

Page 17: Protótipos de papel
Page 18: Protótipos de papel

PROTÓTIPOS ESTÁTICOS • feitos em papel

PROTÓTIPOS INTERATIVOS ou NAVEGÁVEIS • desenvolvidos com aplicativos específicos

Page 19: Protótipos de papel
Page 20: Protótipos de papel
Page 21: Protótipos de papel
Page 22: Protótipos de papel
Page 23: Protótipos de papel
Page 24: Protótipos de papel
Page 25: Protótipos de papel
Page 26: Protótipos de papel

ATIVIDADE  PRÁTICA  

Page 27: Protótipos de papel

DESAFIO  

Como  u8lizar  a  tecnologia  de  redes  sociais  e  computação  distribuída  para  atender  a  necessidades  locais  da  cidade  de  Manaus?  

Page 28: Protótipos de papel

•  Par8r  dos  resultados  do  estudo,  feito  em  lanhouses,  sobre  hábitos  de  uso  de  redes  sociais  

•  Criar  persona  e  cenários  •  Iden8ficar  desafios  sociais  locais  •  Iden8ficar  oportunidades  de  atuação  •  Gerar  ideias  e  criar  conceito  •  Criar  provas  de  conceito  •  Avaliar  os  conceitos  com  usuários  

Page 29: Protótipos de papel

Necessidades  locais  

Desafios   Oportunidades  

Ideias  

Conceitos  

Comunicação  do  conceito  

Page 30: Protótipos de papel

Robson Santos Usabilidade mentor & UX strategist

www.interfaceando.com

@interfaceando

Muito obrigado!