UNA - Eng Usa '12 - aula 01
-
Upload
marcello-cardoso -
Category
Design
-
view
1.450 -
download
1
description
Transcript of UNA - Eng Usa '12 - aula 01
![Page 1: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/1.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Engenharia de UsabilidadeMarcello de Campos Cardoso | www.mcardoso.com.br | [email protected]
Engenharia de Software Centrada Em Métodos Ágeis
Apresentação da disciplina e introdução à
Engenharia de Usabilidade
![Page 2: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/2.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Professor
Marcello de Campos Cardoso
‣ Especialista em Design de Interação pela PUC MG
‣ Professor na PUC, UNA, Newton Paiva e Faculdade Cotemig
‣ Sócio/consultor na Latitude14
‣ Mentor de Usabilidade na Aceleradora
‣ Coordenador regional da Interaction Design Association (IxDA)‣ Organizador do Interaction South America 2011 (ISA’11)
‣ 6 anos como gerente de produtos na Studio Sol (16 iBest)
‣ +10 anos de mercado web (2001 - atual)
![Page 3: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/3.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Ementa
Definições e aplicação de Usabilidade, Design Centrado no Usuário e Design de
Interação. Metodologia de design baseado no ciclo de vida do produto, com técnicas
para o desenvolvimento de produtos digitais interativos tais como: definição de
personas, aplicação de questionários e entrevistas, Análise Heurística, prototipação
rápida, testes de usabilidade.
Objetivos
Introduzir conceitos e processos essenciais para integração de equipes de criação e
desenvolvimento na elaboração de produtos interativos complexos, através da
abordagem do Design Centrado no Usuário (DCU) e desenvolvimento ágil.
Carga horária: 20h/a (5 encontros)
![Page 4: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/4.jpg)
Engenharia de Usabilidade / Marcello Cardoso
SAFFER, Dan; Designing for interaction. Berkeley, New Riders, 2010.
PREECE, Jennifer; ROGERS, Yvone; SHARP, Helen. Design de interação: além da interação homem-computador. Porto Alegre: Bookman, 2005.
Kuniavsky, Mike. Observing the User Experience. San Francisco, MKP, 2003.
COOPER, Alan. About face 3.0 - the essentials of Interaction Design. Indianapolis: Wiley Publishing, 2009
MEMÓRIA, Felipe. Design para Internet – projetando a experiência perfeita, Rio de Janeiro: Campus/Elsevier, 2005.
NORMAN, Donald. The design of everyday things, New York: Basic Books, 1988.
Bibliografia
![Page 5: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/5.jpg)
Engenharia de Usabilidade / Marcello Cardoso
www.useit.com
www.acm.org
www.interactions.acm.org
www.upassoc.org
www.cooper.com
www.mcardoso.com.br
www.slideshare.net/marcellocardoso
www.slideshare.net/dansaffer
www.slideshare.net/LaneHalley
Referências online
![Page 6: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/6.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Plano de curso1ª
2ª
3ª
4ª
5ª
Introdução à EngUsa
Técnica de Modelagem: Personas ágeis
Fatiando releases com User Story Mapping
Projetando a interface: Task Flow + Prototipação rápida
Perguntando a especialistas: As 10 heurísticas de Nielsen
-
25pts
25pts
25pts
25pts
![Page 7: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/7.jpg)
Engenharia de Usabilidade / Marcello Cardoso
O que é usabilidade?
![Page 8: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/8.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Antes de responder,vamos falar de problemas.
![Page 9: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/9.jpg)
Engenharia de Usabilidade / Marcello Cardoso
A vida é permeada deproblemas e desafios.
![Page 10: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/10.jpg)
Engenharia de Usabilidade / Marcello Cardoso
A família se preocupa, pois o velhinho tem pressão alta, e gostaria que o Seu Nicolau usasse um celular.
Seu Nicolau tem 76 anos, mas é muito ativo. Gosta de fazer suas coisas sozinho, retirar a pensão no banco, visitar vizinhos... Mas nem sempre dá satisfação pra família, e não gosta de usar celular, pois acha “Muito difícil”.
Como este celular poderia ser?
![Page 11: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/11.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Que tal um iPhone pro Nicolau?
![Page 12: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/12.jpg)
Engenharia de Usabilidade / Marcello Cardoso
melhor ≠ mais sofisticadosolução simples = solução elegante
![Page 13: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/13.jpg)
Engenharia de Usabilidade / Marcello Cardoso
FOCO na demanda REAL.
![Page 14: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/14.jpg)
Engenharia de Usabilidade / Marcello Cardoso
FOCO na demanda REAL.
![Page 15: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/15.jpg)
Engenharia de Usabilidade / Marcello Cardoso
“É pesada meu filho, e machuca minha mão. Quase não consigo virá-la na xícara, fico com medo de me queimar.”
Dona Lucinha adora um cházinho com bolo de fubá, quando recebe as amigas em casa pra falar de novela. Mas a senhorinha tem artrite e ultimamente reclama muito de usar a chaleira.
Vamos pensar uma chaleira pra ela?
![Page 16: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/16.jpg)
Engenharia de Usabilidade / Marcello Cardoso
“É pesada meu filho, e machuca minha mão. Quase não consigo virá-la na xícara, fico com medo de me queimar.”
Dona Lucinha adora um cházinho com bolo de fubá, quando recebe as amigas em casa pra falar de novela. Mas a senhorinha tem artrite e ultimamente reclama muito de usar a chaleira.
Vamos pensar uma chaleira pra ela?
![Page 17: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/17.jpg)
Engenharia de Usabilidade / Marcello Cardoso
OXO - Good Grips
![Page 18: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/18.jpg)
Engenharia de Usabilidade / Marcello Cardoso
OXO - Good Grips
maior acessibilidade pode ser melhor para TODOS
![Page 19: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/19.jpg)
Engenharia de Usabilidade / Marcello Cardoso
maior acessibilidade pode ser melhor para TODOS
![Page 20: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/20.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Mariana tem 5 anos, e queria aprender a cozinhar com a mãe. Sua mãe gostaria que a filha comesse mais legumes, mas não quer ver a filha usando facas. Quase tudo na cozinha é perigoso!
“Eu queria que a menina cortasse os rabanetes, batatas, cenouras, mas é perigoso”
![Page 21: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/21.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Vamos pensar um cortador de legumes seguro e interessante?
Mariana tem 5 anos, e queria aprender a cozinhar com a mãe. Sua mãe gostaria que a filha comesse mais legumes, mas não quer ver a filha usando facas. Quase tudo na cozinha é perigoso!
“Eu queria que a menina cortasse os rabanetes, batatas, cenouras, mas é perigoso”
![Page 22: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/22.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Mushroom Chopper
boa solução resolve mais de um problema.
![Page 23: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/23.jpg)
Engenharia de Usabilidade / Marcello Cardoso
boa solução resolve mais de um problema.
![Page 24: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/24.jpg)
Engenharia de Usabilidade / Marcello Cardoso
“Os fios do fone embolam porque são muito separados. Mas se fossem menos separados,
também não ia dar pra dividir com a Aninha.”
Mário tem 32 anos, trabalha em Betim, mas mora em Belo Horizonte. Todos os dias pega o transporte da empresa às 7 da manhã na Praça da Liberdade e escuta músicas no trajeto. Às vezes divide o fone com sua paquera, Ana Luiza.
![Page 25: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/25.jpg)
Engenharia de Usabilidade / Marcello Cardoso
YI | Sound Invention
A solução pode existir em outro lugar!
![Page 26: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/26.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Existem várias soluções para um problema.
![Page 27: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/27.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Algumas são “robustas”.
Evolution Pillow
![Page 28: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/28.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Algumas são mais simples.
Music Branch Headphone Splitter
![Page 29: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/29.jpg)
Engenharia de Usabilidade / Marcello Cardoso
“Precisava, na verdade, de um quarto e um escritório, pois trabalho em casa. E meus filhos também precisam de um lugar pra estudar.”
Luíz mudou há pouco para Belo Horizonte, e achou os preços de imóveis muito caros. Veio com mulher e dois filhos, e teve condições de financiar um pequeno imóvel de 2 quartos com 80 m2.
![Page 30: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/30.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Resource Furniture(ver vídeo)
![Page 31: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/31.jpg)
Engenharia de Usabilidade / Marcello Cardoso
A solução para espaço pequeno não precisa ser mais espaço.
Temos de identificar o problemae usar os recursos que temos.
![Page 32: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/32.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Uma solução inserida no projeto é uma Solução de design
![Page 33: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/33.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Uma solução inserida no projeto é uma Solução de design
![Page 34: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/34.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Uma solução inserida no projeto é uma Solução de design
![Page 35: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/35.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Uma solução inserida no projeto é uma Solução de design
![Page 36: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/36.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Uma solução inserida no projeto é uma Solução de design
![Page 37: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/37.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Uma solução inserida no projeto é uma Solução de design
![Page 38: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/38.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Uma solução inserida no projeto é uma Solução de design
![Page 39: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/39.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Uma solução inserida no projeto é uma Solução de design
![Page 40: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/40.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Uma solução inserida no projeto é uma Solução de design
![Page 41: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/41.jpg)
Engenharia de Usabilidade / Marcello Cardoso
mesmo o que funcionapode melhorar.
![Page 42: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/42.jpg)
Engenharia de Usabilidade / Marcello Cardoso
mesmo o que funcionapode melhorar.
![Page 43: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/43.jpg)
Engenharia de Usabilidade / Marcello Cardoso
mesmo o que funcionapode melhorar.
![Page 44: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/44.jpg)
Engenharia de Usabilidade / Marcello Cardoso
mesmo o que funcionapode melhorar.
![Page 45: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/45.jpg)
Engenharia de Usabilidade / Marcello Cardoso
mesmo o que funcionapode melhorar.
![Page 46: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/46.jpg)
Engenharia de Usabilidade / Marcello Cardoso
mesmo o que funcionapode melhorar.
![Page 47: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/47.jpg)
Engenharia de Usabilidade / Marcello Cardoso
mesmo o que funcionapode melhorar.
![Page 48: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/48.jpg)
Engenharia de Usabilidade / Marcello Cardoso
mesmo o que funcionapode melhorar.
![Page 49: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/49.jpg)
Engenharia de Usabilidade / Marcello Cardoso
mesmo o que funcionapode melhorar.
![Page 50: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/50.jpg)
Engenharia de Usabilidade / Marcello Cardoso
mesmo o que funcionapode melhorar.
![Page 51: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/51.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Para resolver bem,precisamos entender o problema...
“Se eu perguntasse para as pessoas o que queriam,
me diriam cavalos mais rápidos.” -Henry Ford
![Page 52: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/52.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Para resolver bem,precisamos entender o problema...
“Se eu perguntasse para as pessoas o que queriam,
me diriam cavalos mais rápidos.” -Henry Ford
![Page 53: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/53.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Para resolver bem,precisamos entender o problema...
“Se eu perguntasse para as pessoas o que queriam,
me diriam cavalos mais rápidos.” -Henry Ford
![Page 54: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/54.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Para resolver bem,precisamos entender o problema...
“Se eu perguntasse para as pessoas o que queriam,
me diriam cavalos mais rápidos.” -Henry Ford
![Page 55: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/55.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Para resolver bem,precisamos entender o problema...
“Se eu perguntasse para as pessoas o que queriam,
me diriam cavalos mais rápidos.” -Henry Ford
![Page 56: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/56.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Para resolver bem,precisamos entender o problema...
“Se eu perguntasse para as pessoas o que queriam,
me diriam cavalos mais rápidos.” -Henry Ford
![Page 57: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/57.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Para resolver bem,precisamos entender o problema...
“Se eu perguntasse para as pessoas o que queriam,
me diriam cavalos mais rápidos.” -Henry Ford
![Page 58: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/58.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Para resolver bem,precisamos entender o problema...
“Se eu perguntasse para as pessoas o que queriam,
me diriam cavalos mais rápidos.” -Henry Ford
![Page 59: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/59.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Para resolver bem,precisamos entender o problema...
“Se eu perguntasse para as pessoas o que queriam,
me diriam cavalos mais rápidos.” -Henry Ford
![Page 60: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/60.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Para resolver bem,precisamos entender o problema...
“Se eu perguntasse para as pessoas o que queriam,
me diriam cavalos mais rápidos.” -Henry Ford
![Page 61: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/61.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Para resolver bem,precisamos entender o problema...
“Se eu perguntasse para as pessoas o que queriam,
me diriam cavalos mais rápidos.” -Henry Ford
![Page 62: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/62.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Para resolver bem,precisamos entender o problema...
“Se eu perguntasse para as pessoas o que queriam,
me diriam cavalos mais rápidos.” -Henry Ford
...pensar simples...... e pensar sem limites.
![Page 63: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/63.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Pensar simples a princípio
regra de Paretto, MVP
![Page 64: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/64.jpg)
Engenharia de Usabilidade / Marcello Cardoso
não focar em tecnologia...
...mas em comportamento
![Page 65: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/65.jpg)
Engenharia de Usabilidade / Marcello Cardoso
O que eles têm em comum?
![Page 66: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/66.jpg)
Engenharia de Usabilidade / Marcello Cardoso
design!
![Page 67: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/67.jpg)
Engenharia de Usabilidade / Marcello Cardoso
todo mundo é designer!
![Page 68: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/68.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Design = Projeto
![Page 69: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/69.jpg)
Engenharia de Usabilidade / Marcello Cardoso
negócio
pessoas tecnologia
![Page 70: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/70.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Qual é o melhor
caminho para criar
soluções
![Page 71: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/71.jpg)
Engenharia de Usabilidade / Marcello Cardoso
sorte...
![Page 72: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/72.jpg)
Engenharia de Usabilidade / Marcello Cardoso
sorte...
![Page 73: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/73.jpg)
Engenharia de Usabilidade / Marcello Cardoso
...ou tática/metodologia
![Page 74: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/74.jpg)
Engenharia de Usabilidade / Marcello Cardoso
![Page 75: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/75.jpg)
Engenharia de Usabilidade / Marcello Cardoso
tablets da microsoft (2001): fracasso de vendas
![Page 76: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/76.jpg)
Engenharia de Usabilidade / Marcello Cardoso
iPad da Apple (2010): 15 milhões vendidos em 1 ano
![Page 77: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/77.jpg)
Engenharia de Usabilidade / Marcello Cardoso
metodologia
sorte
...15%, 25%, 40%, 70%...
0,00001% ... 50%
![Page 78: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/78.jpg)
Engenharia de Usabilidade / Marcello Cardoso
pesquisa
prototipação
validação
Ciclo de vida do produto
![Page 79: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/79.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Segundo Jeffrey Rubin (Handbook of Usability Testing): Um conjunto de quatro fatores reunidos em um dispositivo:
1. Capacidade de ser usado com sucesso (utilidade, eficácia);
2. Facilidade de ser usado (objetividade, eficiência);
3. Capacidade de o usuário aprender a usar o dispositivo de forma simples e rápida (fácil compreensão e aprendizado);
4. Provocar satisfação visual ao usuário (experiência);
O que é usabilidade mesmo?
![Page 80: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/80.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Segundo Jakob Nielsen (Usability Engineering): Um conjunto de proporiedades de uma interface que reúne os seguintes componentes:
1. Fácil aprendizado;
2. Eficiência;
3. Capacidade de memorização;
4. Baixo índice de erros;
5. Satisfação e prazer ao uso.
O que é usabilidade mesmo?
![Page 81: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/81.jpg)
Engenharia de Usabilidade / Marcello Cardoso
“Facilidade de uso e facilidade de aprendizado” -Albert Badre (Shaping Web Usability)
“Capacidade, em termos funcionais humanos, de um sistema ser usado com facilidade e de forma eficiente” -Brian Shackel (Usability)
“Princípios de design que, quando seguidos, dão respostas aos usuários tornando o uso dos dispositivos mais fácil” -Don Norman (O Design do dia-a-dia)
O que é usabilidade mesmo?
![Page 82: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/82.jpg)
Engenharia de Usabilidade / Marcello Cardoso
“Pensar em usabilidade é pensar em produtos fáceis de usar” – Jesse James Garrett (The Elements of User Experience)
“Fator que assegura que os produtos sejam fáceis de usar, eficientes e agradáveis” - Preece, Rogers e Sharp (Design de Interação)
“A ciência de aplicação de metodologias ao design para a criação de dispositivos fáceis de usar, de fácil aprendizado e que sejam úteis com o menor índice de desconforto possível” - Mark Pearrow (Web Site Usability Handbook)
O que é usabilidade mesmo?
![Page 83: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/83.jpg)
Engenharia de Usabilidade / Marcello Cardoso
ISO 9126 - 1991“Esforço necessário para seu uso e para o julgamento individual de tal uso.”
ISO 9241, 11 - 1998“Capacidade de um produto ser usado por usuários específicos para atingir objetivos específicos com eficácia, eficiência e satisfação em um contexto específico de uso.”
O que é usabilidade mesmo?
![Page 84: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/84.jpg)
Engenharia de Usabilidade / Marcello Cardoso
10 definições, vezes aparecem as palavras “facilidade” ou “fácil”.
em
O que é usabilidade mesmo?
![Page 85: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/85.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Usabilidade é o atributo que define a facilidade de uso de algo.
![Page 86: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/86.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Quem define o que é fácil de ser usado?
![Page 87: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/87.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Um pouco deHistória
![Page 88: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/88.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Voltado à qualidade do código: encontrar e corrigir bugs.
Modelo wartefall: processos ao final do trabalho realizado.
Estudos do tipo tempo/erro: caros e pouco informativos.
1960-1970 | Inspeção de software
![Page 89: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/89.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Gradualmente o hardware evoluiu permitindo softwares robustos e interfaces complexas e o uso em novos nichos. Surge o computador pessoal.
1980 | IHC e DCU
Para produzir produtos com funcionalidades e interfaces adequadas, nascem dois campos de estudo: Interface Humano-Computador e Design Centrado no usuário.
![Page 90: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/90.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Campo de estudos que surgiu em 1982 no congresso “Human Factors in Computing Systems”, realizado por psicólogos cognitivos principalmente.
Características: ciência da computação com foco nos aspectos sociais, cognitivos e comportamentais.
1982 | Interface Humano-Computador (IHC)
![Page 91: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/91.jpg)
Engenharia de Usabilidade / Marcello Cardoso
1986 | Design Centrado no Usuário (DCU)
Design Centrado no Usuário (DCU) é o campo de estudo que reúne metodologias de design nos quais o público-alvo de um produto ou serviço influencia as diretrizes e requisitos do sistema.
Termo cunhado por Norman enquanto trabalhava como pesquisador na Universidade California San Diego (UCSD), no artigo User-Centered System Design: New Perspectives on Human-Computer Interaction (Norman & Draper, 1986) e popularizado em 1988 no popular Psychology of everyday things (mais tarde rebatizado como The design of everyday things).
![Page 92: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/92.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Design Centrado no Usuário (DCU)“…é uma filosofia baseada nas necessidades e interesses do usuário, com ênfase em fazer produtos usáveis e inteligíveis.” – Donald Norman
“A filosofia por trás do Design Centrado no Usuário é simplesmente esta: O usuário sabe mais. Pessoas que utilizarão um produto ou serviço sabem de suas necessidades, metas e preferências, e é papel do designer descobrir isto e projetar para eles.” – Dan Saffer
“...é uma abordagem ao design que fundamenta o processo em informações sobre as pessoas que usarão o produto. Processos de UCD focam em usuários através de planejamento, design e desenvolvimento do produto.” – Usability Professionals Association (UPA)
“...é um estabelecido processo usado pela IBM e muitas outras organizações para prover produtos que atendam as expectativas dos usuários.” – IBM
“...é focar o design no usuário, simples assim.” – Peter J. Bogaards
![Page 93: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/93.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Usuáriosdevemos perguntá-los como fazer nosso trabalho?
Design Centrado no Usuário (DCU)
![Page 94: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/94.jpg)
Design Centrado no Usuário (DCU)Engenharia de Usabilidade / Marcello Cardoso
a princípio, NÃO
![Page 95: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/95.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Devemos identificar seus padrões de comportamento
e projetarmos soluções adequadas.
Design Centrado no Usuário (DCU)
![Page 96: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/96.jpg)
Engenharia de Usabilidade / Marcello Cardoso
O termo foi cunhado por John Bennett (IBM) e John Whiteside (Digital Equipment Corporation) em alguns artigos em 1988. A princípio era chamado de “Engenharia de Usabilidade”.
Abordagem qualitativa e prática de desenvolvimento de produtos, orientada para a qualidade e focada em: definição de tarefas, prototipação e avaliação iterativa (Whiteside, Bennett, & Holtzblatt,1988).
1988 | Engenharia de Usabilidade
![Page 97: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/97.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Bill Morgride, diretor da IDEO, sintetizou no livro Designing for Interactions uma série de metodologias de design + comunicação usadas e aprimoradas na empresa para a elaboração de produtos úteis e usáveis.
1990 | Design de Interação
![Page 98: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/98.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Este campo multidisciplinar centraliza e integra as diversas áreas de conhecimento relacionadas a interação entre artefato / usuários
Espaço do Design de Interação
![Page 99: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/99.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Uma interface bem projetada deve ser guiada por
METAS DE USABILIDADE
METAS DE EXPERIÊNCIA DO USUÁRIO+
![Page 100: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/100.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Servem para guiar o desenvolvimento de produtos fáceis de usar, eficientes e agradáveis. São elas (Preece, Rogers, Sharp):
1. Utilidade2. Eficácia3. Eficiência4. Segurança5. Facilidade de aprendizado6. Facilidade de lembrar como se usa
Eficácia: O quanto um produto é bom em se fazer o que se espera deleEficiência: Como um produto auxilia a execução de suas tarefas com o mínimo de recursos
Metas de Usabilidade
![Page 101: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/101.jpg)
Engenharia de Usabilidade / Marcello Cardoso
A medida que o sistema propicia a funcionalidade adequada para o objetivo específico do usuário.
Metas de Usabilidade | Utilidade
![Page 102: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/102.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Ferramenta de nicho
Metas de Usabilidade | Utilidade
![Page 103: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/103.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Ferramenta sem focoPra que serve?
Elevator pitch,
Twitter pitch!
Metas de Usabilidade | Utilidade
![Page 104: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/104.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Eficácia se refere a quão bem uma ferramenta auxilia na realização de uma atividade proposta, em um contexto de uso.
É uma característica analógica, em escala.
Metas de Usabilidade | Eficácia
![Page 105: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/105.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Qual é mais eficaz?
Metas de Usabilidade | Eficácia
![Page 106: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/106.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Depende, pra que, para quem?
Metas de Usabilidade | Eficácia
![Page 107: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/107.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Eficiência
economia de recursos
Metas de Usabilidade | Eficiência
=
![Page 108: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/108.jpg)
Engenharia de Usabilidade / Marcello Cardoso
recursos podem ser medidos em tempo, cliques... se traduzem em trabalho/custo
Metas de Usabilidade | Eficiência
![Page 109: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/109.jpg)
Engenharia de Usabilidade / Marcello Cardoso
O dilema do AJAX.
Metas de Usabilidade | Eficiência
![Page 110: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/110.jpg)
Engenharia de Usabilidade / Marcello Cardoso
eficácia - fazer melhor
eficiência - produtividade
Metas de Usabilidade | Eficácia vs Eficiência
![Page 111: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/111.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Segurança se refere a prevenção e recuperação de erros.
Deve ser perceptível, transparente.
Metas de Usabilidade | Segurança
![Page 112: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/112.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Física
Metas de Usabilidade | Segurança
![Page 113: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/113.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Lógica
Metas de Usabilidade | Segurança
![Page 114: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/114.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Prevenção de erros
Metas de Usabilidade | Segurança
![Page 115: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/115.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Prevenção de erros, transparente.
Metas de Usabilidade | Segurança
![Page 116: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/116.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Segurança percebida
Metas de Usabilidade | Segurança
![Page 117: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/117.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Clareza na interface, compreensão das funcionalidades
metáforas e modelos mentais
Metas de Usabilidade | Facilidade de aprendizado
![Page 118: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/118.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Interface profissional, especialista
Metas de Usabilidade | Facilidade de aprendizado
![Page 119: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/119.jpg)
Engenharia de Usabilidade / Marcello Cardoso
EM GRUPO (5 pessoas)!
Escolher algum produto e
avaliar de acordo com:
1) Utilidade
2) Eficácia
3) Eficiência
4) Segurança
5) Facilidade de aprendi
zado
6) Facilidade de lembrar como se usa
Ref: página 12 da apost
ila
TO DO DONE
![Page 120: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/120.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Princípios de Design
O que são os princípios de design?
“...são derivados de uma mistura de conhecimento baseado em teoria, experiência e senso comum [...] conjunto de items que devem ser assegurados” (PREECE, 2005)
![Page 121: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/121.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Quais são os princípios que norteiam o design de interação?
1. Visibilidade2. Feedback
3. Restrições4. Mapeamento
5. Consistência6. Affordance
(PREECE) Desgin de Interação Cap. 1 - pag 42 a 53(NORMAN) Design do dia-a-dia Cap.7 - pag 221 a 255
Princípios de Design
![Page 122: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/122.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Princípios de Design | Visibilidade
Visibilidade“...O sistema deve fornecer indicações do estado do sistema, que sejam prontamente perceptíveis e interpretáveis e correspondam
às intenções e às expectativas.” (NORMAN, 2006)
![Page 123: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/123.jpg)
Engenharia de Usabilidade / Marcello Cardoso
VisibilidadeQuanto mais visíveis forem as funções, mais os usuários saberão como proceder.
Princípios de Design | Visibilidade
![Page 124: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/124.jpg)
Engenharia de Usabilidade / Marcello Cardoso
VisibilidadeQuanto mais visíveis forem as funções, mais os usuários saberão como proceder.
Princípios de Design | Visibilidade
![Page 125: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/125.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Feedback
“O feedback se refere ao retorno de informações a respeito da ação que foi feita e do que foi realizado, permitindo a pessoa continuar a atividade.” (PREECE, 2005)
Princípios de Design | Feedback
![Page 126: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/126.jpg)
Engenharia de Usabilidade / Marcello Cardoso
FeedbackFornecer ao usuário informações
sobre a ação realizada
Princípios de Design | Feedback
![Page 127: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/127.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Feedback pode serVisual
Tátil
Verbal
Auditivo
Combinado
Princípios de Design | Feedback
![Page 128: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/128.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Restrições“... refere-se às formas de delimitar o tipo de interação que pode ocorrer [...] para impedir o usuário de selecionar a opção incorreta e reduzir as chances de erro...” (PREECE, 2005)
Princípios de Design | Restrições
![Page 129: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/129.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Restrições lógicasExploram o bom senso das pessoas a respeito de como o mundo funciona.
Princípios de Design | Restrições
![Page 130: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/130.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Restrições físicasSe referem à maneira como os objetos restringem mecanicamente.
Princípios de Design | Restrições
![Page 131: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/131.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Restrições culturaisConvenções aprendidas – universais ou específicas de culturas diferentes.
Princípios de Design | Restrições
![Page 132: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/132.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Mapeamento“... refere-se a relação entre controles e seus efeitos no artefato” (PREECE, 2005)
Princípios de Design | Mapeamento
![Page 133: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/133.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Mapeamento“... refere-se a relação entre controles e seus efeitos no artefato” (PREECE, 2005)
Princípios de Design | Mapeamento
![Page 134: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/134.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Mapeamento“... refere-se a relação entre controles e seus efeitos no artefato” (PREECE, 2005)
Princípios de Design | Mapeamento
![Page 135: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/135.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Consistência“Refere-se a projetar interfaces de modo que tenham operações semelhantes e que utilizem elementos semelhantes para a realização de tarefas similares” (PREECE, 2005)
Princípios de Design | Consistência
![Page 136: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/136.jpg)
Engenharia de Usabilidade / Marcello Cardoso
ConsistênciaNo mesmo dispositivo
Princípios de Design | Consistência
![Page 137: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/137.jpg)
Engenharia de Usabilidade / Marcello Cardoso
ConsistênciaEntre dispositivos diferentes
Princípios de Design | Consistência
![Page 138: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/138.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Affordance“É um atributo do objeto que permite ao usuário saber como
utilizá-lo” (PREECE, 2005)
“É uma ‘dica’ de como devemos interagir com o objeto.” (Karine e Leandro, 2010)
Princípios de Design | Affordance
![Page 139: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/139.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Princípios de Design | Affordance
Affordance“É um atributo do objeto que permite ao usuário saber como utilizá-lo” (PREECE, 2005)
![Page 140: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/140.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Affordance“É um atributo do objeto que permite ao
usuário saber como utilizá-lo” (PREECE, 2005)
Princípios de Design | Affordance
![Page 141: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/141.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Princípios de Design | Aparência
![Page 142: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/142.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Princípios de Design | Aparência
![Page 143: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/143.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Princípios de Design | Aparência
![Page 144: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/144.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Princípios de Design | Aparência
![Page 145: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/145.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Princípios de Design | Aparência
![Page 146: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/146.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Princípios de Design | Aparência
![Page 147: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/147.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Leis do Design de Interação
Lei de FittO tempo gasto para se mover de um ponto inicial para outro é proporcional ao tamanho do alvo e sua distância.
Significa queElementos de uma interface devem possuir um tamanho adequado a sua importância. e elementos relacionados devem se posicionar em um contexto de uso coerente.
Paul Fitt, psicólogo - 1954
![Page 148: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/148.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Lei de HickO tempo que leva para uma pessoa tomar uma decisão é proporcional ao número das escolhas possíveis.
Significa queUsuários encontram a informação separando-as em blocos e eliminando a metade a cada etapa do processo.
Desconsiderando outras decisões de design, seria mais simples encontrar um atalho em um grupo de 10 do que em dois de 5.
Devemos ser criteriosos na categorização de conteúdos.Willian Hick, psicólogo - 1952
Leis do Design de Interação
![Page 149: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/149.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Lei de Miller (complementar à lei de Hick)A memória de curta duração humana registra 7 informações em média, variando em torno de 2 para cima ou para baixo.
Significa que...Não é uma regra rígida, mas uma orientação. Interfaces devem ser projetadas no intuito de minimizar a sobrecarga cognitiva.
Por exemplo, não devemos criar interações que forcem usuários a memorizar elementos estranhos em telas diferentes.
George Miller, psicólogo - 1956
Leis do Design de Interação
![Page 150: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/150.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Lei de MooreA capacidade de processamento cresce exponencialmete (duplica a cada 18 meses).
Significa que...Devemos nos adequar a mudança de paradigmas tecnológicos. Novos dispositivos, novas formas de interagir, novas possibilidades!
Gordon Moore, co-fundador da Intel - 1965
Leis do Design de Interação
![Page 151: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/151.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Agile User Centered Design | Agile UCD
SemelhançasSão abordagens iterativas,
focadas na qualidade,
horizontais (bottom-up)
e colaborativas.
Sistematizam uma série de diretrizes/métodos/práticas pouco burocráticascom foco em resultados qualitativos.
![Page 152: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/152.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Limitações do AgileDificulta a visão do todo, é incremental.
Limita o desenvolvimento de estórias complexas, que envolvem user experience e estratégia do produto.
Agile User Centered Design | Agile UCD
![Page 153: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/153.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Limitações do Design Centrado no UsuárioFalta de foco, pouco compromisso com prazos.
Visão romântica do produto.
Agile User Centered Design | Agile UCD
![Page 154: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/154.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Agile User Centered Design | Agile UCD
![Page 155: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/155.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Incrementar...
http://agileproductdesign.com/blog/dont_know_what_i_want.html
Agile User Centered Design | Agile UCD
![Page 156: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/156.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Incrementar...
http://agileproductdesign.com/blog/dont_know_what_i_want.html
Agile User Centered Design | Agile UCD
![Page 157: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/157.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Incrementar...
http://agileproductdesign.com/blog/dont_know_what_i_want.html
1
Agile User Centered Design | Agile UCD
![Page 158: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/158.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Incrementar...
http://agileproductdesign.com/blog/dont_know_what_i_want.html
1 2
Agile User Centered Design | Agile UCD
![Page 159: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/159.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Incrementar...
http://agileproductdesign.com/blog/dont_know_what_i_want.html
1 2 3
Agile User Centered Design | Agile UCD
![Page 160: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/160.jpg)
Engenharia de Usabilidade / Marcello Cardoso
...é diferente de Iterar.
Agile User Centered Design | Agile UCD
http://agileproductdesign.com/blog/dont_know_what_i_want.html
![Page 161: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/161.jpg)
Engenharia de Usabilidade / Marcello Cardoso
...é diferente de Iterar.
1
Agile User Centered Design | Agile UCD
http://agileproductdesign.com/blog/dont_know_what_i_want.html
![Page 162: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/162.jpg)
Engenharia de Usabilidade / Marcello Cardoso
...é diferente de Iterar.
1 2
Agile User Centered Design | Agile UCD
http://agileproductdesign.com/blog/dont_know_what_i_want.html
![Page 163: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/163.jpg)
Engenharia de Usabilidade / Marcello Cardoso
...é diferente de Iterar.
1 2 3
Agile User Centered Design | Agile UCD
http://agileproductdesign.com/blog/dont_know_what_i_want.html
![Page 164: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/164.jpg)
Engenharia de Usabilidade / Marcello Cardoso
...é diferente de Iterar.
1 2 3
Agile User Centered Design | Agile UCD
http://agileproductdesign.com/blog/dont_know_what_i_want.html
![Page 165: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/165.jpg)
Engenharia de Usabilidade / Marcello Cardoso
...é diferente de Iterar.
1 2 3
Agile User Centered Design | Agile UCD
http://agileproductdesign.com/blog/dont_know_what_i_want.html
![Page 166: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/166.jpg)
Engenharia de Usabilidade / Marcello Cardoso
DCU complementa o Agile!Segundo Colfelt (2010):
“O negócio não sabe o que quer.” Marketing é uma ferramenta de pesquisa essencial, mas seu foco nnao é no desenvolvimento, e sim comunicação. A perspectiva do designer embasado em DCU é a da qualidade e foco do produto.
http://www.boxesandarrows.com/view/bringing-user
Leitura altamente recomendada!
Agile User Centered Design | Agile UCD
![Page 167: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/167.jpg)
Engenharia de Usabilidade / Marcello Cardoso
DCU complementa o Agile!Segundo Colfelt (2010):
“Desenvolvedores e homens de negócio devem trabalhar juntos. Onde entra o designer?”
“Nos melhores cenários, temos algum desenvolvedor com noções de design. Mas é
incomum. Entre os próprios designers, não é fácil encontrar profissionais qualificados.”
Agile User Centered Design | Agile UCD
http://www.boxesandarrows.com/view/bringing-user
![Page 168: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/168.jpg)
Engenharia de Usabilidade / Marcello Cardoso
DCU complementa o Agile!Segundo Colfelt (2010):
Agile User Centered Design | Agile UCD
http://www.boxesandarrows.com/view/bringing-user
“Da perspectiva do desenvolvedor, requerimentos caem do céu, dos homens do negócio.”
![Page 169: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/169.jpg)
Engenharia de Usabilidade / Marcello Cardoso
“Agile is good for refining,”not defining.”
Agile User Centered Design | Agile UCD
http://www.boxesandarrows.com/view/bringing-user
![Page 170: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/170.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Típico processo DCU
Agile User Centered Design | Agile UCD
http://www.boxesandarrows.com/view/bringing-user
![Page 171: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/171.jpg)
Engenharia de Usabilidade / Marcello Cardoso
O melhor de dois mundos
Agile User Centered Design | Agile UCD
http://www.boxesandarrows.com/view/bringing-user
![Page 172: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/172.jpg)
Engenharia de Usabilidade / Marcello Cardoso
planejamento inicial acontece no
Sprint ZERO
Agile User Centered Design | Agile UCD
![Page 173: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/173.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Ferramentas de pesquisa, levantamento de Requisitos
...IdeaçãoDemanda
Viabilidade técnica
PrototipaçãoWireframe
Design Visuallayout
PlanejamentoBenchmarkingBrainstorming
Briefing
}{
Agile User Centered Design | Agile UCD
![Page 174: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/174.jpg)
Engenharia de Usabilidade / Marcello Cardoso
EM GRUPO!
Discutir e trazer na pr
óxima aula:
1) A ideia de um sistema
2) Que problema ele resolv
e
3) Qual o público-alvo
4) Quem são os concorrentes d
iretos e indiretos
TO DO DONE
![Page 175: UNA - Eng Usa '12 - aula 01](https://reader033.fdocument.pub/reader033/viewer/2022052900/555b3025d8b42afc348b4b4f/html5/thumbnails/175.jpg)
Engenharia de Usabilidade / Marcello Cardoso
Este arquivo contém a apresentação realizada por Marcello de Campos
Cardoso, em Agosto de 2012, para a disciplina Engenharia de Usabilidade
ministrada no curso de especialização Engenharia de Software Centrada em
Métodos Ágeis, no Centro Universitário UNA.
obrigado!