SlideShare une entreprise Scribd logo
1  sur  30
Télécharger pour lire hors ligne
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.
Protótipos de papel
Protótipos de papel
Protótipos de papel
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.
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 de papel
PROTÓTIPOS ESTÁTICOS
• feitos em papel
PROTÓTIPOS INTERATIVOS ou NAVEGÁVEIS
• desenvolvidos com aplicativos específicos
Protótipos de papel
Protótipos de papel
Protótipos de papel
Protótipos de papel
Protótipos de papel
Protótipos de papel
Protótipos de papel
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

Contenu connexe

Tendances

Módulo-6-7-ip-com-sockets
Módulo-6-7-ip-com-socketsMódulo-6-7-ip-com-sockets
Módulo-6-7-ip-com-socketsdiogoa21
 
Manual-de-php
Manual-de-phpManual-de-php
Manual-de-phpdiogoa21
 
Aula 5 - Redes de computadores
Aula 5 - Redes de computadoresAula 5 - Redes de computadores
Aula 5 - Redes de computadoresLucasMansueto
 
Modelo de camadas TCP/IP
Modelo de camadas TCP/IPModelo de camadas TCP/IP
Modelo de camadas TCP/IPEvandro Júnior
 
Google docs - Editor de Texto
Google docs - Editor de TextoGoogle docs - Editor de Texto
Google docs - Editor de TextoEVA UNITAU
 
Redes de Computadores - Aula 01
Redes de Computadores - Aula 01Redes de Computadores - Aula 01
Redes de Computadores - Aula 01thomasdacosta
 
Redes de computadores
Redes de computadoresRedes de computadores
Redes de computadoresJakson Silva
 
Aula 07 - Projeto de Topologia e Exercícios - Parte II
Aula 07 - Projeto de Topologia e Exercícios - Parte IIAula 07 - Projeto de Topologia e Exercícios - Parte II
Aula 07 - Projeto de Topologia e Exercícios - Parte IIDalton Martins
 
Criando o Primeiro Projeto no Android Studio
Criando o Primeiro Projeto no Android StudioCriando o Primeiro Projeto no Android Studio
Criando o Primeiro Projeto no Android StudioTiago Antônio da Silva
 
UX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOSUX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOSDiego Moraes
 
Introdução a engenharia de software aula 01
Introdução a engenharia de software   aula 01Introdução a engenharia de software   aula 01
Introdução a engenharia de software aula 01Franklin Matos Correia
 
Redes I - 5.1 Tecnologias de Redes LAN
Redes I - 5.1 Tecnologias de Redes LANRedes I - 5.1 Tecnologias de Redes LAN
Redes I - 5.1 Tecnologias de Redes LANMauro Tapajós
 
Material aula informática básica
Material aula informática básicaMaterial aula informática básica
Material aula informática básicaCarlos Melo
 
Redes I - 1.Introdução às Redes de Comunicação de Dados
Redes I - 1.Introdução às Redes de Comunicação de DadosRedes I - 1.Introdução às Redes de Comunicação de Dados
Redes I - 1.Introdução às Redes de Comunicação de DadosMauro Tapajós
 

Tendances (20)

Prototipagem
PrototipagemPrototipagem
Prototipagem
 
Módulo-6-7-ip-com-sockets
Módulo-6-7-ip-com-socketsMódulo-6-7-ip-com-sockets
Módulo-6-7-ip-com-sockets
 
Manual-de-php
Manual-de-phpManual-de-php
Manual-de-php
 
Aula 5 - Redes de computadores
Aula 5 - Redes de computadoresAula 5 - Redes de computadores
Aula 5 - Redes de computadores
 
Aula03 midia digital
Aula03 midia digitalAula03 midia digital
Aula03 midia digital
 
Modelo de camadas TCP/IP
Modelo de camadas TCP/IPModelo de camadas TCP/IP
Modelo de camadas TCP/IP
 
Google docs - Editor de Texto
Google docs - Editor de TextoGoogle docs - Editor de Texto
Google docs - Editor de Texto
 
Dns
DnsDns
Dns
 
Pensamento computacional
Pensamento computacional Pensamento computacional
Pensamento computacional
 
Redes de Computadores - Aula 01
Redes de Computadores - Aula 01Redes de Computadores - Aula 01
Redes de Computadores - Aula 01
 
Redes de computadores
Redes de computadoresRedes de computadores
Redes de computadores
 
Aula 07 - Projeto de Topologia e Exercícios - Parte II
Aula 07 - Projeto de Topologia e Exercícios - Parte IIAula 07 - Projeto de Topologia e Exercícios - Parte II
Aula 07 - Projeto de Topologia e Exercícios - Parte II
 
Metodologia científica
Metodologia científicaMetodologia científica
Metodologia científica
 
Criando o Primeiro Projeto no Android Studio
Criando o Primeiro Projeto no Android StudioCriando o Primeiro Projeto no Android Studio
Criando o Primeiro Projeto no Android Studio
 
UX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOSUX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOS
 
Introdução a engenharia de software aula 01
Introdução a engenharia de software   aula 01Introdução a engenharia de software   aula 01
Introdução a engenharia de software aula 01
 
Aula01 - Cabeamento
Aula01 - CabeamentoAula01 - Cabeamento
Aula01 - Cabeamento
 
Redes I - 5.1 Tecnologias de Redes LAN
Redes I - 5.1 Tecnologias de Redes LANRedes I - 5.1 Tecnologias de Redes LAN
Redes I - 5.1 Tecnologias de Redes LAN
 
Material aula informática básica
Material aula informática básicaMaterial aula informática básica
Material aula informática básica
 
Redes I - 1.Introdução às Redes de Comunicação de Dados
Redes I - 1.Introdução às Redes de Comunicação de DadosRedes I - 1.Introdução às Redes de Comunicação de Dados
Redes I - 1.Introdução às Redes de Comunicação de Dados
 

En vedette

Prototipos de Baixa e Alta Fidelidade
Prototipos de Baixa e Alta FidelidadePrototipos de Baixa e Alta Fidelidade
Prototipos de Baixa e Alta FidelidadeErico Fileno
 
Aula 2 - Técnicas de Prototipação I
Aula 2 - Técnicas de Prototipação IAula 2 - Técnicas de Prototipação I
Aula 2 - Técnicas de Prototipação IPaolo Passeri
 
Assembleia IxDA 27-07-2013
Assembleia IxDA 27-07-2013Assembleia IxDA 27-07-2013
Assembleia IxDA 27-07-2013Robson Santos
 
Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...
Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...
Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...Talita Pagani
 
Interações para um mundo em mudança
Interações para um mundo em mudançaInterações para um mundo em mudança
Interações para um mundo em mudançaRobson Santos
 
Tendências de inovações tecnológicas para a manufatura aditiva
Tendências de inovações tecnológicas para a manufatura aditivaTendências de inovações tecnológicas para a manufatura aditiva
Tendências de inovações tecnológicas para a manufatura aditivacictec
 
01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]Robson Santos
 

En vedette (10)

Prototipos de Baixa e Alta Fidelidade
Prototipos de Baixa e Alta FidelidadePrototipos de Baixa e Alta Fidelidade
Prototipos de Baixa e Alta Fidelidade
 
Prototipagem rápida
Prototipagem rápidaPrototipagem rápida
Prototipagem rápida
 
Aula 2 - Técnicas de Prototipação I
Aula 2 - Técnicas de Prototipação IAula 2 - Técnicas de Prototipação I
Aula 2 - Técnicas de Prototipação I
 
Assembleia IxDA 27-07-2013
Assembleia IxDA 27-07-2013Assembleia IxDA 27-07-2013
Assembleia IxDA 27-07-2013
 
Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...
Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...
Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...
 
Interações para um mundo em mudança
Interações para um mundo em mudançaInterações para um mundo em mudança
Interações para um mundo em mudança
 
Tendências de inovações tecnológicas para a manufatura aditiva
Tendências de inovações tecnológicas para a manufatura aditivaTendências de inovações tecnológicas para a manufatura aditiva
Tendências de inovações tecnológicas para a manufatura aditiva
 
Regras de ouro
Regras de ouroRegras de ouro
Regras de ouro
 
01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]
 
Prototipação
PrototipaçãoPrototipação
Prototipação
 

Similaire à Protótipos de papel

Testes e avaliação de protótipos
Testes e avaliação de protótiposTestes e avaliação de protótipos
Testes e avaliação de protótiposRobson Santos
 
Interaction South America 2015 - Concepção de um framework para definição em ...
Interaction South America 2015 - Concepção de um framework para definição em ...Interaction South America 2015 - Concepção de um framework para definição em ...
Interaction South America 2015 - Concepção de um framework para definição em ...Catarinas Design de Interação
 
Palestra Palácio do Planalto, Brasília
Palestra Palácio do Planalto, BrasíliaPalestra Palácio do Planalto, Brasília
Palestra Palácio do Planalto, BrasíliaLuiz Agner
 
Design Centrado no usuário
Design Centrado no usuárioDesign Centrado no usuário
Design Centrado no usuárioTatiana Tavares
 
Aulas 7. IHC – Projeto de Interface com o Usuário
Aulas 7. IHC – Projeto de Interface com o UsuárioAulas 7. IHC – Projeto de Interface com o Usuário
Aulas 7. IHC – Projeto de Interface com o UsuárioSilvia Dotta
 
Design de Interação, Experiência do Usuário e Usabilidade - 2010
Design de Interação, Experiência do Usuário e Usabilidade - 2010Design de Interação, Experiência do Usuário e Usabilidade - 2010
Design de Interação, Experiência do Usuário e Usabilidade - 2010Mourylise Heymer
 
Aula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAndré Constantino da Silva
 
O Desafio da Usabilidade - Seminário de Metodologia do IBGE 2014
O Desafio da Usabilidade - Seminário de Metodologia do IBGE 2014O Desafio da Usabilidade - Seminário de Metodologia do IBGE 2014
O Desafio da Usabilidade - Seminário de Metodologia do IBGE 2014Luiz Agner
 
User Experience Boot Camp
User Experience Boot CampUser Experience Boot Camp
User Experience Boot CampUTFPR
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da InformaçãoMarcello Cardoso
 
Prototipagem em Papel - Oficina
Prototipagem em Papel - OficinaPrototipagem em Papel - Oficina
Prototipagem em Papel - OficinaLtia Unesp
 
Prototipação de software
Prototipação de softwarePrototipação de software
Prototipação de softwareMarcio Costa
 
Workshop: Ouvindo usuários e stakeholders
Workshop: Ouvindo usuários e stakeholdersWorkshop: Ouvindo usuários e stakeholders
Workshop: Ouvindo usuários e stakeholdersNeue Labs
 
Inovação Centrada no Usuário
Inovação Centrada no UsuárioInovação Centrada no Usuário
Inovação Centrada no UsuárioMourylise Heymer
 
Palestra - Princípios de Usabilidade
Palestra - Princípios de UsabilidadePalestra - Princípios de Usabilidade
Palestra - Princípios de UsabilidadeOtávio Souza
 
Conteúdo disciplina IHC e usabilidade
Conteúdo disciplina IHC e usabilidadeConteúdo disciplina IHC e usabilidade
Conteúdo disciplina IHC e usabilidadeRobson Santos
 

Similaire à Protótipos de papel (20)

Testes e avaliação de protótipos
Testes e avaliação de protótiposTestes e avaliação de protótipos
Testes e avaliação de protótipos
 
Interaction South America 2015 - Concepção de um framework para definição em ...
Interaction South America 2015 - Concepção de um framework para definição em ...Interaction South America 2015 - Concepção de um framework para definição em ...
Interaction South America 2015 - Concepção de um framework para definição em ...
 
Palestra Palácio do Planalto, Brasília
Palestra Palácio do Planalto, BrasíliaPalestra Palácio do Planalto, Brasília
Palestra Palácio do Planalto, Brasília
 
Ihc
IhcIhc
Ihc
 
Design Centrado no usuário
Design Centrado no usuárioDesign Centrado no usuário
Design Centrado no usuário
 
Aulas 7. IHC – Projeto de Interface com o Usuário
Aulas 7. IHC – Projeto de Interface com o UsuárioAulas 7. IHC – Projeto de Interface com o Usuário
Aulas 7. IHC – Projeto de Interface com o Usuário
 
Design de Interação, Experiência do Usuário e Usabilidade - 2010
Design de Interação, Experiência do Usuário e Usabilidade - 2010Design de Interação, Experiência do Usuário e Usabilidade - 2010
Design de Interação, Experiência do Usuário e Usabilidade - 2010
 
Workshop de UX, 02
Workshop de UX, 02Workshop de UX, 02
Workshop de UX, 02
 
Aula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de Usuário
 
O Desafio da Usabilidade - Seminário de Metodologia do IBGE 2014
O Desafio da Usabilidade - Seminário de Metodologia do IBGE 2014O Desafio da Usabilidade - Seminário de Metodologia do IBGE 2014
O Desafio da Usabilidade - Seminário de Metodologia do IBGE 2014
 
User Experience Boot Camp
User Experience Boot CampUser Experience Boot Camp
User Experience Boot Camp
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da Informação
 
Prototipagem em Papel - Oficina
Prototipagem em Papel - OficinaPrototipagem em Papel - Oficina
Prototipagem em Papel - Oficina
 
Prototipação de software
Prototipação de softwarePrototipação de software
Prototipação de software
 
Workshop: Ouvindo usuários e stakeholders
Workshop: Ouvindo usuários e stakeholdersWorkshop: Ouvindo usuários e stakeholders
Workshop: Ouvindo usuários e stakeholders
 
Usabilidade
UsabilidadeUsabilidade
Usabilidade
 
Inovação Centrada no Usuário
Inovação Centrada no UsuárioInovação Centrada no Usuário
Inovação Centrada no Usuário
 
Palestra - Princípios de Usabilidade
Palestra - Princípios de UsabilidadePalestra - Princípios de Usabilidade
Palestra - Princípios de Usabilidade
 
Conteúdo disciplina IHC e usabilidade
Conteúdo disciplina IHC e usabilidadeConteúdo disciplina IHC e usabilidade
Conteúdo disciplina IHC e usabilidade
 
Design de interação aula 2
Design de interação aula 2Design de interação aula 2
Design de interação aula 2
 

Plus de Robson Santos

Perspectivas em ux e design de interação
Perspectivas em ux e design de interaçãoPerspectivas em ux e design de interação
Perspectivas em ux e design de interaçãoRobson Santos
 
Novas Tecnologia para o Varejo
Novas Tecnologia para o Varejo Novas Tecnologia para o Varejo
Novas Tecnologia para o Varejo Robson Santos
 
Interações para um mundo em mudança
Interações para um mundo em mudançaInterações para um mundo em mudança
Interações para um mundo em mudançaRobson Santos
 
Estratégia para Desenvolvimento de Produtos Digitais
Estratégia para Desenvolvimento de Produtos DigitaisEstratégia para Desenvolvimento de Produtos Digitais
Estratégia para Desenvolvimento de Produtos DigitaisRobson Santos
 
Product Design Sprint
Product Design SprintProduct Design Sprint
Product Design SprintRobson Santos
 
Metodologia do Design 01
Metodologia do Design 01Metodologia do Design 01
Metodologia do Design 01Robson Santos
 
Indicadores de usabilidade
Indicadores de usabilidadeIndicadores de usabilidade
Indicadores de usabilidadeRobson Santos
 
Desafio da pesquisa com usuários
Desafio da pesquisa com usuáriosDesafio da pesquisa com usuários
Desafio da pesquisa com usuáriosRobson Santos
 
Challenges of user research
Challenges of user researchChallenges of user research
Challenges of user researchRobson Santos
 
Aplicações do design de interação
Aplicações do design de interaçãoAplicações do design de interação
Aplicações do design de interaçãoRobson Santos
 
Mapa pessoal e colaborativo de atrações urbanas - FDI 2013
Mapa pessoal e colaborativo de atrações urbanas - FDI 2013Mapa pessoal e colaborativo de atrações urbanas - FDI 2013
Mapa pessoal e colaborativo de atrações urbanas - FDI 2013Robson Santos
 
Desafio da pesquisa com usuário
Desafio da pesquisa com usuárioDesafio da pesquisa com usuário
Desafio da pesquisa com usuárioRobson Santos
 
Oficina intensiva de design de interação
Oficina intensiva de design de interaçãoOficina intensiva de design de interação
Oficina intensiva de design de interaçãoRobson Santos
 
Experiência do usuário: sugestoes de leitura
Experiência do usuário: sugestoes de leituraExperiência do usuário: sugestoes de leitura
Experiência do usuário: sugestoes de leituraRobson Santos
 
03 - IHC e usabilidade [Técnicas 2/2]
03 - IHC e usabilidade [Técnicas 2/2]03 - IHC e usabilidade [Técnicas 2/2]
03 - IHC e usabilidade [Técnicas 2/2]Robson Santos
 
02 - IHC e usabilidade [Técnicas 1/2]
02 - IHC e usabilidade [Técnicas 1/2]02 - IHC e usabilidade [Técnicas 1/2]
02 - IHC e usabilidade [Técnicas 1/2]Robson Santos
 
Economia solidária: oportunidade para Design e Comunicação
Economia solidária: oportunidade para Design e ComunicaçãoEconomia solidária: oportunidade para Design e Comunicação
Economia solidária: oportunidade para Design e ComunicaçãoRobson Santos
 
Interação no dia a dia
Interação no dia a diaInteração no dia a dia
Interação no dia a diaRobson Santos
 

Plus de Robson Santos (20)

Perspectivas em ux e design de interação
Perspectivas em ux e design de interaçãoPerspectivas em ux e design de interação
Perspectivas em ux e design de interação
 
Visual thinking
Visual thinkingVisual thinking
Visual thinking
 
Novas Tecnologia para o Varejo
Novas Tecnologia para o Varejo Novas Tecnologia para o Varejo
Novas Tecnologia para o Varejo
 
Interações para um mundo em mudança
Interações para um mundo em mudançaInterações para um mundo em mudança
Interações para um mundo em mudança
 
Estratégia para Desenvolvimento de Produtos Digitais
Estratégia para Desenvolvimento de Produtos DigitaisEstratégia para Desenvolvimento de Produtos Digitais
Estratégia para Desenvolvimento de Produtos Digitais
 
Product Design Sprint
Product Design SprintProduct Design Sprint
Product Design Sprint
 
Metodologia do Design 01
Metodologia do Design 01Metodologia do Design 01
Metodologia do Design 01
 
Workshop de UX
Workshop de UXWorkshop de UX
Workshop de UX
 
Indicadores de usabilidade
Indicadores de usabilidadeIndicadores de usabilidade
Indicadores de usabilidade
 
Desafio da pesquisa com usuários
Desafio da pesquisa com usuáriosDesafio da pesquisa com usuários
Desafio da pesquisa com usuários
 
Challenges of user research
Challenges of user researchChallenges of user research
Challenges of user research
 
Aplicações do design de interação
Aplicações do design de interaçãoAplicações do design de interação
Aplicações do design de interação
 
Mapa pessoal e colaborativo de atrações urbanas - FDI 2013
Mapa pessoal e colaborativo de atrações urbanas - FDI 2013Mapa pessoal e colaborativo de atrações urbanas - FDI 2013
Mapa pessoal e colaborativo de atrações urbanas - FDI 2013
 
Desafio da pesquisa com usuário
Desafio da pesquisa com usuárioDesafio da pesquisa com usuário
Desafio da pesquisa com usuário
 
Oficina intensiva de design de interação
Oficina intensiva de design de interaçãoOficina intensiva de design de interação
Oficina intensiva de design de interação
 
Experiência do usuário: sugestoes de leitura
Experiência do usuário: sugestoes de leituraExperiência do usuário: sugestoes de leitura
Experiência do usuário: sugestoes de leitura
 
03 - IHC e usabilidade [Técnicas 2/2]
03 - IHC e usabilidade [Técnicas 2/2]03 - IHC e usabilidade [Técnicas 2/2]
03 - IHC e usabilidade [Técnicas 2/2]
 
02 - IHC e usabilidade [Técnicas 1/2]
02 - IHC e usabilidade [Técnicas 1/2]02 - IHC e usabilidade [Técnicas 1/2]
02 - IHC e usabilidade [Técnicas 1/2]
 
Economia solidária: oportunidade para Design e Comunicação
Economia solidária: oportunidade para Design e ComunicaçãoEconomia solidária: oportunidade para Design e Comunicação
Economia solidária: oportunidade para Design e Comunicação
 
Interação no dia a dia
Interação no dia a diaInteração no dia a dia
Interação no dia a dia
 

Protótipos de papel

  • 1. PROTÓTIPOS  DE  PAPEL   Comunicando  as  interações  
  • 2. 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
  • 3. O  QUE  É  UM  PROTÓTIPO  
  • 4. Protótipos são modelos construí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 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.
  • 11. 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.
  • 13. 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.
  • 14. 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.
  • 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 em papel PROTÓTIPOS INTERATIVOS ou NAVEGÁVEIS • desenvolvidos com aplicativos específicos
  • 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