O documento apresenta uma aula introdutória sobre UX (experiência do usuário). Ele discute o significado de UX, sua história e evolução, com exemplos como o sistema de embalagem Clear RX. Também apresenta as principais áreas da UX e especialistas como Donald Norman, considerado o inventor do termo UX.
1. 1
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
AULA #01
INTRODUÇÃO A UX
Prof. Adriano Bezerra
Prof. Felipe Maciel
2. 2
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
SUMÁRIO
Usabilidade
Um pouco de história
O que é / Sua ideia de UX / Breve
Histórico / Case Clear RX / Evolução
do UX
Introdução a UX
10 Heurísticas de Nielsen
O Guru da usabilidade
Análise de usuário
Áreas da UX
3. 3
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
O QUE É UX?
INTRODUÇÃO
X
U
4. 4
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
X
U
User experience
O QUE É UX?
INTRODUÇÃO
5. 5
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
MAS, O QUE É
EXPERIÊNCIA?
O QUE É UX?
INTRODUÇÃO
6. 6
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
MAS, O QUE É
EXPERIÊNCIA?
O QUE É UX?
INTRODUÇÃO
04
03
02
VIVÊNCIA
01
ACONTECIMENTO
CONHECIMENTO
SENTIMENTO
7. 7
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
O QUE É UX?
INTRODUÇÃO
E, O QUE É
USUÁRIO?
8. 8
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
E, O QUE É
USUÁRIO?
O QUE É UX?
INTRODUÇÃO
03
02
PESSOAS
01
SISTEMA
PET
9. 9
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
10. 10
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
11. 11
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
12. 12
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
ENTÃO UX É?
INTRODUÇÃO
UM FENÔMENO
QUE OCORRE
COM OS…?
13. 13
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
ENTÃO UX É?
INTRODUÇÃO
UM FENÔMENO
QUE OCORRE
COM OS…
USUÁRIOS!
14. 14
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
ENTÃO UX É?
INTRODUÇÃO
ISO 9241-210
Respostas e percepções de uma
pessoa resultante do uso de um
Produto, Sistema ou Serviço!
15. 15
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
ENTÃO UX É?
INTRODUÇÃO
04
03
02
VIVÊNCIA
01
ACONTECIMENTO
CONHECIMENTO
SENTIMENTO
03
02
PESSOAS
01
SISTEMA
PET
16. 16
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
ENTÃO UX É?
INTRODUÇÃO
É um termo utilizado quando queremos mensionar
a relação de uma pessoa com um produto,
serviço, objetos, aplicativo ou um software, etc
No início de 1990, quando era Vice-Presidente do Advanced
Technology Group da Apple, Don Norman cunhou o termo
“UX”, pois ele acreditava que definições como Interface de
Usuário e Usabilidade limitavam o entendimento sobre o
que o trabalho dele representava. Então, ele renomeou o
seu cargo para “User Experience Architect Group”.
17. 17
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
ENTÃO UX É?
INTRODUÇÃO
É um termo utilizado quando queremos mensionar
a relação de uma pessoa com um produto,
serviço, objetos, aplicativo ou um software, etc
No início de 1990, quando era Vice-Presidente do Advanced
Technology Group da Apple, Don Norman cunhou o termo
“UX”, pois ele acreditava que definições como Interface de
Usuário e Usabilidade limitavam o entendimento sobre o
que o trabalho dele representava. Então, ele renomeou o
seu cargo para “User Experience Architect Group”.
18. 18
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
ENTÃO UX É?
INTRODUÇÃO
ATIVIDADE
USUÁRIO
19. 19
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
ENTÃO UX É?
INTRODUÇÃO
ATIVIDADE
USUÁRIO
20. 20
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
ENTÃO UX É?
INTRODUÇÃO
ATIVIDADE
USUÁRIO
21. 21
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
ENTÃO UX É?
INTRODUÇÃO
ATIVIDADE
USUÁRIO
22. 22
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
ENTÃO UX É?
INTRODUÇÃO
ATIVIDADE
USUÁRIO
23. 23
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
ENTÃO UX É?
INTRODUÇÃO
ATIVIDADE
USUÁRIO
24. 24
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
ENTÃO UX É?
INTRODUÇÃO
ATIVIDADE
USUÁRIO
25. 25
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
SIM, E DAÍ?
O QUE É UX?
INTRODUÇÃO
goo.gl/VDZ4ts
26. 26
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
SIM, E DAÍ?
O QUE É UX?
INTRODUÇÃO
goo.gl/VDZ4ts
SR. K, MILHÕÕÕÕÕÕÕES!
27. 27
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
QUEM? ONDE? COMO?
INTRODUÇÃO A UX
DONALD NORMAN
Meados de 1990
[2]
28. 28
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
QUEM? ONDE? COMO?
INTRODUÇÃO A UX
Eu inventei o termo, porque achava que interface do usuário e
usabilidade eram muito restritos, eu queria cobrir todos os
aspectos da experiência de uma pessoa com o sistema, incluindo
design industrial, gráficos, a interface, a interação física e o
manual. Desde então, o termo tem se espalhado amplamente...
29. 29
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
ANTES
INTRODUÇÃO A UX
UTILIDADE
Uso do computador para facilitar as operações de rotina
USABILIDADE
Facilidade e eficiência no uso
RENTABILIDADE
Análise de aspectos de UX (visitants, funil de vendas, comportamento do Usuário)
para aumentar a lucratividade
ESTRATEGIBILIDADE
Design da UX influenciando a estratégia do negócio
30. 30
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
Sistema de embalagem
p/ medicamento com receita
Clear rx
A INFLUÊNCIA DO UX
[Deborah Adler]
31. 31
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
Clear rx
A INFLUÊNCIA DO UX
Prescrição e posologia
no frasco
Nome do medicamento
na face lateral e no topo
Faces planas que
facilitam a leitura
Possui um “cartão-lupa"
para ler o texto
32. 32
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
Resumindo
INTRODUÇÃO A UX
ONDE COMEÇA?
ONDE TERMINA?
33. 33
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
QUAIS AS ÁREAS DA UX?
INTRODUÇÃO A UX
QUAIS ÁREAS
QUE ENGLOBAM A UX
INTERACTION
DESIGN
IHC
HUMAN
FACTORS
UX DESIGN
CONTENT
INDUSTRIAL
DESIGN
SOUND
DESIGN
ENGAGE
ARCHITECTURE
INFORMATION
ARCHITECTURE
VISUAL
DESIGN
34. 34
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
DAN SAFFER
INTRODUÇÃO A UX
35. 35
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
PHILLIP SACKL
INTRODUÇÃO A UX
36. 36
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
UX, EXPERIÊNCIA DE QUEM?
INTRODUÇÃO A UX
EM QUEM TENHO
QUE PENSAR?
37. 37
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
UX, EXPERIÊNCIA DE QUEM?
INTRODUÇÃO A UX
ANALISAR
O USUÁRIO?
QUAIS SEUS MEDOS?
04
Onde esta/estava o usuário?
03
ele é influenciado
pelos amigos?
02
QUAIS SEUS OBJETIVOS?
01
38. 38
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
UX, EXPERIÊNCIA DE QUEM?
INTRODUÇÃO A UX
ANALISAR
O USUÁRIO?
Easy like a
Sunday morning
39. 39
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
UX, EXPERIÊNCIA DE QUEM?
INTRODUÇÃO A UX
//youtu.be/umDr0mPuyQc
40. 40
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
• IHC – Interação Humano Computador
• Início: após 2ª Guerra (Ergonomics Research Society
em 1949)
UM POUCO DE HISTÓRIA
INTRODUÇÃO A UX
41. 41
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
• Durante os anos 1960 e início dos 1970,
pesquisadores de ergonomia passaram a dar mais
atenção e mapear o processamento da informação
e de habilidades decisórias do usuário típico.
UM POUCO DE HISTÓRIA
INTRODUÇÃO A UX
42. 42
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
QUEM É?
INTRODUÇÃO A UX
43. 43
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
Douglas Engelbart?
QUEM?
INTRODUÇÃO A UX
44. 44
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
QUEM?
INTRODUÇÃO A UX
45. 45
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
• Douglas Engelbart.
• Foi um engenheiro eletrônico norte americano.
• Ele apresentou um modelo de sua engenhoca para
profissionais de computação numa convenção em 9
de dezembro de 1968, em São Francisco, nos
Estados Unidos.
• Mas o acessório só se popularizou em 1983, quando
a Apple passou a usá-lo em seus micros pessoais.
Antes disso, a maioria das pessoas só usava o
teclado.
INVENTOR DO MOUSE
INTRODUÇÃO A UX
46. 46
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
• Final dos anos 1970, o amplo projeto de ciência
cognitiva, que incorporou a psicologia cognitiva,
inteligência artificial, linguística, antropologia
cognitiva e a filosofia da mente, havia se formado.
• Parte do programa era articular as aplicações
sistemáticas e cientificamente informada a ser
conhecida como “engenharia cognitiva”
UM POUCO DE HISTÓRIA
INTRODUÇÃO A UX
47. 47
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
• Até final de 1970 –
Profissionais da tecnologia
da informação e
profissionais dedicados
• Computação gráfica surgiu
na década de 1970.
UM POUCO DE HISTÓRIA
INTRODUÇÃO A UX
48. 48
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
• 1973 - Primeiro
computador pessoal,
Alto, desenvolvido no
Xerox Palo Alto Research
Center (PARC) o
primeiro sistema
comercial com um
editor de texto, mouse,
e interface gráfica.
UM POUCO DE HISTÓRIA
INTRODUÇÃO A UX
49. 49
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
• Computação Pessoal (PC)
• Aplicações de
produtividade
• Editores de texto e
planilhas
• Jogos de computador
• Sistemas operacionais
UM POUCO DE HISTÓRIA
INTRODUÇÃO A UX
50. 50
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
UM POUCO DE HISTÓRIA
INTRODUÇÃO A UX
DÉCADA DE
1980
51. 51
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
UM POUCO DE HISTÓRIA
INTRODUÇÃO A UX
DÉCADA DE
1980
FUNCIONa?
COMERCIALIZE
52. 52
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
• 1990
• Tim Berners-Lee desenvolve a World-Wide Web
(WWW)
UM POUCO DE HISTÓRIA
INTRODUÇÃO A UX
53. 53
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
• 1993
• Lançamento do Mosaic, o primeiro browser
amplamente utilizado.
UM POUCO DE HISTÓRIA
INTRODUÇÃO A UX
54. 54
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
UM POUCO DE HISTÓRIA
INTRODUÇÃO A UX
DÉCADA DE
1990
55. 55
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
UM POUCO DE HISTÓRIA
INTRODUÇÃO A UX
DÉCADA DE
1990
FUNCIONa?
É rentável?
56. 56
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
57. 57
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
UM POUCO DE HISTÓRIA
INTRODUÇÃO A UX
DÉCADA DE
2000
58. 58
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
59. 59
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
GURU DA USABILIDADE
INTRODUÇÃO A UX
JAKOB NIELSEN
NN GROUP
60. 60
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
Trabalho em dupla
INTRODUÇÃO A UX
10 heurísticas
De nielsen
61. 61
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
PRÓXIMA AULA
INTRODUÇÃO A UX
Explique:
REGRA
PICO FIM
62. 62
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
Conhecendo o PAINEL options
CONHECENDO O PHOTOSHOP
Primeiro ato
Após SELECIONAR
a ferramenta
COMPLEMENTARES
MATERIAL PARA ESTUDOS
[1] 10 Heurísticas de Nielsen. Uma fórmula pra
evitar erros básicos de usabilidade
URL: //goo.gl/qyT1Dm
[2] Don Norman: The term "UX”
URL: //goo.gl/eoygxF