PROTÓTIPOS	
  DE	
  PAPEL	
  
Comunicando	
  as	
  interações	
  
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
O	
  QUE	
  É	
  UM	
  PROTÓTIPO	
  
Protótipos são modelos construídos
para simular a aparência e a
funcionalidade de um produto em
desenvolvimento.
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.
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.
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.
TIPOS	
  DE	
  PROTÓTIPOS	
  
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.
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.
Página index




                              Prototipagem horizontal




                              Seções não
                              implementadas


Prototipagem
vertical
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.
PROTÓTIPOS ESTÁTICOS
• feitos em papel
PROTÓTIPOS INTERATIVOS ou NAVEGÁVEIS
• desenvolvidos com aplicativos específicos
ATIVIDADE	
  PRÁTICA	
  
DESAFIO	
  

Como	
  u8lizar	
  a	
  tecnologia	
  de	
  redes	
  sociais	
  e	
  
computação	
  distribuída	
  para	
  atender	
  a	
  
necessidades	
  locais	
  da	
  cidade	
  de	
  Manaus?	
  
•  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	
  
Necessidades	
  
Desafios	
  
                   locais	
                       Oportunidades	
  




                          Ideias	
  




                        Conceitos	
  




              Comunicação	
  do	
  conceito	
  
Muito obrigado!

    Robson Santos
Usabilidade mentor & UX strategist
   www.interfaceando.com
        @interfaceando

Protótipos de papel

  • 1.
    PROTÓTIPOS  DE  PAPEL   Comunicando  as  interações  
  • 2.
    Robson Santos Doutor emDesign, 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
  • 3.
    O  QUE  É  UM  PROTÓTIPO  
  • 4.
    Protótipos são modelosconstruídos para simular a aparência e a funcionalidade de um produto em desenvolvimento.
  • 9.
    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.
  • 10.
    Por meio deum 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.
  • 11.
    Ao se desenvolverum 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.
  • 12.
  • 13.
    PROTOTIPAGEM HORIZONTAL • Apresenta todaa 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.
  • 14.
    PROTOTIPAGEM VERTICAL • Permite verificarcomo 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.
  • 15.
    Página index Prototipagem horizontal Seções não implementadas Prototipagem vertical
  • 16.
    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.
  • 18.
    PROTÓTIPOS ESTÁTICOS • feitos empapel PROTÓTIPOS INTERATIVOS ou NAVEGÁVEIS • desenvolvidos com aplicativos específicos
  • 26.
  • 27.
    DESAFIO   Como  u8lizar  a  tecnologia  de  redes  sociais  e   computação  distribuída  para  atender  a   necessidades  locais  da  cidade  de  Manaus?  
  • 28.
    •  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  
  • 29.
    Necessidades   Desafios   locais   Oportunidades   Ideias   Conceitos   Comunicação  do  conceito  
  • 30.
    Muito obrigado! Robson Santos Usabilidade mentor & UX strategist www.interfaceando.com @interfaceando