SlideShare une entreprise Scribd logo
1  sur  85
USABILIDADE COM PAPER PROTOTYPE Prof. Esp. Francisco Gama IF - Sertão PE - francisco.gama@ifsertao-pe.edu.br Prof. Esp. Eudis Oliveira IF - Sertão PE - eudis.oliveira@ifsertao-pe.edu.br
Professores Francisco Gama,  especialista em Engenharia de Software, professor do Instituto Federal do Sertão Pernambucano, campus Floresta e Engenheiro de Software da STI Fábrica de Software. Eudis Oliveira Teixeira , especialista em Engenharia de Software, professor e coordenador dos cursos de Informática do Instituto Federal de Educação Ciência e Tecnologia – IF Sertão - PE, Campus Petrolina.
Minicurso Usabilidade e Prototipação em Papel Este minicurso mostra a importância do design de Interação para o desenvolvimento de software centrado no usuário, principalmente o uso de técnicas de usabilidade e prototipação em papel (paper prototype). Dentre os temas abordados teremos: Conceito e benefícios da usabilidade, ciclo de vida para um projeto com usabilidade, teste de usabilidade, prototipação rápida em papel, exemplos, ferramentas e teste de protótipos.
Primeiro Help Desk da História
Alguns não precisam de Help Desk http://sorisomail.com http://www.mdblogger.com.br
E com o tempo... http://sorisomail.com
E com o tempo... http://sorisomail.com http://www.mdblogger.com.br
E com o tempo... http://www.mdblogger.com.br
E os que não tem tanta facilidade?
Maior interação facilitaria? www.vol.com.br
Acesso aos conteúdos ,[object Object],[object Object]
Valor do Acesso Maior Usabilidade Maior o Valor
Acesso aos conteúdos ,[object Object]
Acesso aos conteúdos Liquidificador: está em “Eletrodoméstico” ou “Eletroportáteis”? Walkman: está em “Eletrônicos” ou “Eletroportáteis”? Aparelho de DVD: está em “DVDs”“Eletrônicos”? O que é UD? O que tem dentro de UD?
Acesso aos conteúdos
Acesso aos conteúdos
O poder da Usabilidade na Web ,[object Object],[object Object],[object Object]
O poder da Usabilidade na Web ,[object Object],[object Object],[object Object],[object Object]
O que é USABILIDADE? ,[object Object],[object Object]
O que é USABILIDADE? ,[object Object],Assegurar que algo  funcione bem : que uma pessoa com habilidade e experiência médias (ou mesmo abaixo da média) consiga usar este “algo” – seja um  site , um avião de caça ou uma porta giratória – de acordo com o propósito dela, sem ficar desesperadamente frustrado.  (Krug, 2001) .
Tornar mais fácil de usar ?”
Atributos associados a Usabilidade ,[object Object]
[object Object],[object Object],[object Object],[object Object],Atributos associados a Usabilidade
[object Object],[object Object],[object Object],[object Object],[object Object],Atributos associados a Usabilidade
[object Object],[object Object],[object Object],[object Object],[object Object],Atributos associados a Usabilidade
Exemplos de critérios de usabilidade ,[object Object],[object Object],[object Object]
Criação de sistemas que sejam: satisfatórios motivadores agradáveis Esteticamente apreciáveis divertidos Incentivadores de criatividade interessantes compensadores úteis Emocionalmente adequados
Metas de usabilidade e metas decorrentes da experiência do usuário
Metas de usabilidade e metas decorrentes da experiência do usuário ,[object Object],[object Object],[object Object],[object Object],[object Object]
ATIVIDADE - USABILIDADE ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
ATIVIDADE - USABILIDADE ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Princípios de Usabilidade e design ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Princípios de Usabilidade e design ,[object Object],[object Object],[object Object],[object Object],[object Object]
Princípios de Usabilidade e design ,[object Object],[object Object],[object Object],[object Object],[object Object]
Princípios de Usabilidade e design ,[object Object],[object Object]
ATIVIDADE - USABILIDADE ,[object Object],[object Object],[object Object],[object Object]
ATIVIDADE - USABILIDADE ,[object Object],[object Object]
Como é que nunca me ocorreu essa ideia?
Como é que nunca me ocorreu essa ideia?
Como é que nunca me ocorreu essa ideia?
Como é que nunca me ocorreu essa ideia?
Como é que nunca me ocorreu essa ideia?
Tá difícil ... http://tadificil.wordpress.com/
Ciclo de Vida para Projeto com Usabilidade início conhecer usuários e suas tarefas prototipação avaliação de usabilidade protótipo em trabalho produto final
Paper Prototype
O que são protótipos em papel? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Porque usar protótipos em papel? ,[object Object],[object Object],[object Object],[object Object]
Quando usar protótipos em papel? ,[object Object],[object Object],[object Object],[object Object]
Vantagens dos protótipos em papel ,[object Object],[object Object],[object Object],[object Object],[object Object]
Passos para criar um protótipos em papel ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
1 – Identificando o que prototipar ,[object Object],[object Object],[object Object],[object Object],[object Object]
Quais elementos incluir no protótipo em Papel? ,[object Object],[object Object],[object Object]
2 – Criando o Protótipo ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Ferramentas necessárias ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Exemplos de como criar protótipos
Exemplos de como criar protótipos
Exemplos de como criar protótipos
Exemplos de como criar protótipos
Exemplos de como criar protótipos
Protótipos em papel 3D ,[object Object],[object Object],[object Object],[object Object],[object Object]
3 – Planejando o teste ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
4 – Conduzindo o teste com o usuário ,[object Object],[object Object],[object Object]
Pessoas envolvidas com o teste ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Facilitador ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
“ Computador” ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
O usuário ,[object Object],[object Object],[object Object],[object Object],[object Object]
Os Observadores ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Conduzindo o teste com o usuário ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Conduzindo o teste com o usuário ,[object Object],[object Object]
Dicas para condução do teste ,[object Object],[object Object],[object Object],[object Object]
5 – Analisando os Resultados ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
5 – Analisando os Resultados ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
6 – Modificando o Design ,[object Object],[object Object],[object Object],[object Object]
7 – Refazendo o Teste ,[object Object],[object Object]
Será que realmente funcionam?
Protótipos em papel realmente funcionam? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Teste de Usabilidade ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Teste de Usabilidade ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Teste de Usabilidade ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Teste de Usabilidade ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Teste de Usabilidade ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Teste de Usabilidade ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Teste de Usabilidade ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Teste de Usabilidade ,[object Object],[object Object],[object Object],[object Object]
Referências ,[object Object],[object Object],[object Object]

Contenu connexe

Tendances

MPP-III - Aula 08 - Usabilidade
MPP-III - Aula 08 - UsabilidadeMPP-III - Aula 08 - Usabilidade
MPP-III - Aula 08 - Usabilidade
Alan Vasconcelos
 
Usabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípiosUsabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípios
Alan Vasconcelos
 
UX - User Experience
UX - User ExperienceUX - User Experience
UX - User Experience
Eliaraujo
 

Tendances (20)

Usabilidade Web Alberane
Usabilidade Web AlberaneUsabilidade Web Alberane
Usabilidade Web Alberane
 
Design e Usabilidade na Web
Design e Usabilidade na WebDesign e Usabilidade na Web
Design e Usabilidade na Web
 
MPP-III - Aula 08 - Usabilidade
MPP-III - Aula 08 - UsabilidadeMPP-III - Aula 08 - Usabilidade
MPP-III - Aula 08 - Usabilidade
 
Usabilidade aula-01 Introdução
Usabilidade aula-01 IntroduçãoUsabilidade aula-01 Introdução
Usabilidade aula-01 Introdução
 
USABILIDADE DA WEB MÓVEL
USABILIDADE DA WEB MÓVELUSABILIDADE DA WEB MÓVEL
USABILIDADE DA WEB MÓVEL
 
Heurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webHeurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na web
 
UX como fator decisivo para o sucesso do seu negócio.
UX como fator decisivo para o sucesso do seu negócio.UX como fator decisivo para o sucesso do seu negócio.
UX como fator decisivo para o sucesso do seu negócio.
 
Usabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípiosUsabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípios
 
Ergonomia & Usabilidade
Ergonomia & UsabilidadeErgonomia & Usabilidade
Ergonomia & Usabilidade
 
User experience
User experienceUser experience
User experience
 
IHC Parte1
IHC Parte1IHC Parte1
IHC Parte1
 
UX - User Experience
UX - User ExperienceUX - User Experience
UX - User Experience
 
Campus Party_Design do dia a dia #Cpbr7
Campus Party_Design do dia a dia #Cpbr7Campus Party_Design do dia a dia #Cpbr7
Campus Party_Design do dia a dia #Cpbr7
 
UX - User Experience (Experiência do usuário) para Mobile
UX - User Experience (Experiência do usuário) para MobileUX - User Experience (Experiência do usuário) para Mobile
UX - User Experience (Experiência do usuário) para Mobile
 
O retorno do investimento no projeto adequado de interfaces de usuário
O retorno do investimento no projeto adequado de interfaces de usuárioO retorno do investimento no projeto adequado de interfaces de usuário
O retorno do investimento no projeto adequado de interfaces de usuário
 
Projetando além da usabilidade
Projetando além da usabilidadeProjetando além da usabilidade
Projetando além da usabilidade
 
User experience
User experienceUser experience
User experience
 
Ergonomia e Usabilidade AULA 6.
Ergonomia e Usabilidade AULA 6.Ergonomia e Usabilidade AULA 6.
Ergonomia e Usabilidade AULA 6.
 
IHC estilos interacao
IHC estilos interacaoIHC estilos interacao
IHC estilos interacao
 
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato RosaPalestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
 

En vedette (9)

Exemplo de um artigo cientifico ( modelo paper)
Exemplo de um artigo cientifico ( modelo paper)Exemplo de um artigo cientifico ( modelo paper)
Exemplo de um artigo cientifico ( modelo paper)
 
Estrutura de-um-paper
Estrutura de-um-paperEstrutura de-um-paper
Estrutura de-um-paper
 
Definição de Paper
Definição de PaperDefinição de Paper
Definição de Paper
 
Padrões de design orientado a objetos
Padrões de design orientado a objetosPadrões de design orientado a objetos
Padrões de design orientado a objetos
 
Paper
PaperPaper
Paper
 
estrutura-de-um-paper
estrutura-de-um-paperestrutura-de-um-paper
estrutura-de-um-paper
 
Exemplo paper 2012
Exemplo paper 2012Exemplo paper 2012
Exemplo paper 2012
 
Paper TRABALHO DE GRADUAÇÃO
Paper TRABALHO DE GRADUAÇÃOPaper TRABALHO DE GRADUAÇÃO
Paper TRABALHO DE GRADUAÇÃO
 
Modelo do paper uniasselvi
Modelo do paper uniasselviModelo do paper uniasselvi
Modelo do paper uniasselvi
 

Similaire à Usabilidade com Paper Prototype

Seminario Lep Ibge Slideshare
Seminario Lep Ibge SlideshareSeminario Lep Ibge Slideshare
Seminario Lep Ibge Slideshare
guest5ccda
 
Usabilidade - Uma introdução
Usabilidade - Uma introduçãoUsabilidade - Uma introdução
Usabilidade - Uma introdução
Erico Fileno
 
127290035 12-usabilidade-mai-2007
127290035 12-usabilidade-mai-2007127290035 12-usabilidade-mai-2007
127290035 12-usabilidade-mai-2007
Marco Guimarães
 
Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Impacta Eventos
 

Similaire à Usabilidade com Paper Prototype (20)

Usabilidade e Negocios
Usabilidade e NegociosUsabilidade e Negocios
Usabilidade e Negocios
 
Seminario Lep Ibge Slideshare
Seminario Lep Ibge SlideshareSeminario Lep Ibge Slideshare
Seminario Lep Ibge Slideshare
 
Usabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGEUsabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGE
 
Usabilidade - Uma introdução
Usabilidade - Uma introduçãoUsabilidade - Uma introdução
Usabilidade - Uma introdução
 
Usabilidade
UsabilidadeUsabilidade
Usabilidade
 
Campus Mobile 2013 - Design e usabilidade
Campus Mobile 2013 - Design e usabilidadeCampus Mobile 2013 - Design e usabilidade
Campus Mobile 2013 - Design e usabilidade
 
Palestra no auditório do IBGE - Arquitetura de Informação
Palestra no auditório do IBGE - Arquitetura de InformaçãoPalestra no auditório do IBGE - Arquitetura de Informação
Palestra no auditório do IBGE - Arquitetura de Informação
 
Usabilidade - Metas, Principios e Heuristicas
Usabilidade -  Metas, Principios e HeuristicasUsabilidade -  Metas, Principios e Heuristicas
Usabilidade - Metas, Principios e Heuristicas
 
Usabilidade1
Usabilidade1Usabilidade1
Usabilidade1
 
127290035 12-usabilidade-mai-2007
127290035 12-usabilidade-mai-2007127290035 12-usabilidade-mai-2007
127290035 12-usabilidade-mai-2007
 
Ergonomia e Usabilidade AULA 2: Conceitos, Engenharia de Usabilidade
Ergonomia e Usabilidade AULA 2: Conceitos, Engenharia de UsabilidadeErgonomia e Usabilidade AULA 2: Conceitos, Engenharia de Usabilidade
Ergonomia e Usabilidade AULA 2: Conceitos, Engenharia de Usabilidade
 
Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)
 
9 regras usabilidade
9 regras usabilidade9 regras usabilidade
9 regras usabilidade
 
Aula 01.ppt
Aula 01.pptAula 01.ppt
Aula 01.ppt
 
Curso/Aula de Interface Homem Máquina
Curso/Aula de Interface Homem MáquinaCurso/Aula de Interface Homem Máquina
Curso/Aula de Interface Homem Máquina
 
Modulo i arquiteturainformacaousabilidade_thaiscampas
Modulo i arquiteturainformacaousabilidade_thaiscampasModulo i arquiteturainformacaousabilidade_thaiscampas
Modulo i arquiteturainformacaousabilidade_thaiscampas
 
IHM- User Experience
IHM- User ExperienceIHM- User Experience
IHM- User Experience
 
Interação Humano-Computador - História, Conceitos e Heurísticas de Nielsen
Interação Humano-Computador - História, Conceitos e Heurísticas de NielsenInteração Humano-Computador - História, Conceitos e Heurísticas de Nielsen
Interação Humano-Computador - História, Conceitos e Heurísticas de Nielsen
 
User experience ihm 2015.2 - felipe pinheiro levi andrade vinicius galvao
User experience   ihm 2015.2 - felipe pinheiro levi andrade vinicius galvaoUser experience   ihm 2015.2 - felipe pinheiro levi andrade vinicius galvao
User experience ihm 2015.2 - felipe pinheiro levi andrade vinicius galvao
 
My Report - Usability Tests
My Report - Usability TestsMy Report - Usability Tests
My Report - Usability Tests
 

Dernier

Dernier (8)

Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 
Luís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdfLuís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdf
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
 
Programação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdfProgramação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdf
 

Usabilidade com Paper Prototype

  • 1. USABILIDADE COM PAPER PROTOTYPE Prof. Esp. Francisco Gama IF - Sertão PE - francisco.gama@ifsertao-pe.edu.br Prof. Esp. Eudis Oliveira IF - Sertão PE - eudis.oliveira@ifsertao-pe.edu.br
  • 2. Professores Francisco Gama, especialista em Engenharia de Software, professor do Instituto Federal do Sertão Pernambucano, campus Floresta e Engenheiro de Software da STI Fábrica de Software. Eudis Oliveira Teixeira , especialista em Engenharia de Software, professor e coordenador dos cursos de Informática do Instituto Federal de Educação Ciência e Tecnologia – IF Sertão - PE, Campus Petrolina.
  • 3. Minicurso Usabilidade e Prototipação em Papel Este minicurso mostra a importância do design de Interação para o desenvolvimento de software centrado no usuário, principalmente o uso de técnicas de usabilidade e prototipação em papel (paper prototype). Dentre os temas abordados teremos: Conceito e benefícios da usabilidade, ciclo de vida para um projeto com usabilidade, teste de usabilidade, prototipação rápida em papel, exemplos, ferramentas e teste de protótipos.
  • 4. Primeiro Help Desk da História
  • 5. Alguns não precisam de Help Desk http://sorisomail.com http://www.mdblogger.com.br
  • 6. E com o tempo... http://sorisomail.com
  • 7. E com o tempo... http://sorisomail.com http://www.mdblogger.com.br
  • 8. E com o tempo... http://www.mdblogger.com.br
  • 9. E os que não tem tanta facilidade?
  • 11.
  • 12. Valor do Acesso Maior Usabilidade Maior o Valor
  • 13.
  • 14. Acesso aos conteúdos Liquidificador: está em “Eletrodoméstico” ou “Eletroportáteis”? Walkman: está em “Eletrônicos” ou “Eletroportáteis”? Aparelho de DVD: está em “DVDs”“Eletrônicos”? O que é UD? O que tem dentro de UD?
  • 17.
  • 18.
  • 19.
  • 20.
  • 21. Tornar mais fácil de usar ?”
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27. Criação de sistemas que sejam: satisfatórios motivadores agradáveis Esteticamente apreciáveis divertidos Incentivadores de criatividade interessantes compensadores úteis Emocionalmente adequados
  • 28. Metas de usabilidade e metas decorrentes da experiência do usuário
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38. Como é que nunca me ocorreu essa ideia?
  • 39. Como é que nunca me ocorreu essa ideia?
  • 40. Como é que nunca me ocorreu essa ideia?
  • 41. Como é que nunca me ocorreu essa ideia?
  • 42. Como é que nunca me ocorreu essa ideia?
  • 43. Tá difícil ... http://tadificil.wordpress.com/
  • 44. Ciclo de Vida para Projeto com Usabilidade início conhecer usuários e suas tarefas prototipação avaliação de usabilidade protótipo em trabalho produto final
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55. Exemplos de como criar protótipos
  • 56. Exemplos de como criar protótipos
  • 57. Exemplos de como criar protótipos
  • 58. Exemplos de como criar protótipos
  • 59. Exemplos de como criar protótipos
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66.
  • 67.
  • 68.
  • 69.
  • 70.
  • 71.
  • 72.
  • 73.
  • 74.
  • 75. Será que realmente funcionam?
  • 76.
  • 77.
  • 78.
  • 79.
  • 80.
  • 81.
  • 82.
  • 83.
  • 84.
  • 85.