SlideShare a Scribd company logo
1 of 62
Download to read offline
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
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
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
O QUE É UX?
INTRODUÇÃO
X
U
4
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
X
U
User experience
O QUE É UX?
INTRODUÇÃO
5
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
MAS, O QUE É
EXPERIÊNCIA?
O QUE É UX?
INTRODUÇÃO
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
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
O QUE É UX?
INTRODUÇÃO
E, O QUE É
USUÁRIO?
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
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
10
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
11
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
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
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
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
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
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
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
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
ENTÃO UX É?
INTRODUÇÃO
ATIVIDADE
USUÁRIO
19
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
ENTÃO UX É?
INTRODUÇÃO
ATIVIDADE
USUÁRIO
20
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
ENTÃO UX É?
INTRODUÇÃO
ATIVIDADE
USUÁRIO
21
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
ENTÃO UX É?
INTRODUÇÃO
ATIVIDADE
USUÁRIO
22
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
ENTÃO UX É?
INTRODUÇÃO
ATIVIDADE
USUÁRIO
23
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
ENTÃO UX É?
INTRODUÇÃO
ATIVIDADE
USUÁRIO
24
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
ENTÃO UX É?
INTRODUÇÃO
ATIVIDADE
USUÁRIO
25
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
SIM, E DAÍ?
O QUE É UX?
INTRODUÇÃO
goo.gl/VDZ4ts
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
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
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
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
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
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
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
Resumindo
INTRODUÇÃO A UX
ONDE COMEÇA?
ONDE TERMINA?
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
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
DAN SAFFER
INTRODUÇÃO A UX
35
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
PHILLIP SACKL
INTRODUÇÃO A UX
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
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
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
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
UX, EXPERIÊNCIA DE QUEM?
INTRODUÇÃO A UX
//youtu.be/umDr0mPuyQc
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
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
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
QUEM É?
INTRODUÇÃO A UX
43
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
Douglas Engelbart?
QUEM?
INTRODUÇÃO A UX
44
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
QUEM?
INTRODUÇÃO A UX
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
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
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
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
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
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
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
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
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
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
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
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
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
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
59
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
GURU DA USABILIDADE
INTRODUÇÃO A UX
JAKOB NIELSEN
NN GROUP
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
FATEC LINS | TECNOLOGIA EM SISTEMAS PARA INTERNET| PROF. ME. ADRIANO BEZERRA
PRÓXIMA AULA
INTRODUÇÃO A UX
Explique:
REGRA
PICO FIM
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

More Related Content

Similar to aula01-IntroducaoUX.pdf

Introdução a Internet das Coisas
Introdução a Internet das CoisasIntrodução a Internet das Coisas
Introdução a Internet das CoisasTiago Barros
 
Engenharia de Software - Conceitos e Modelos de Desenvolvimento
Engenharia de Software - Conceitos e Modelos de Desenvolvimento Engenharia de Software - Conceitos e Modelos de Desenvolvimento
Engenharia de Software - Conceitos e Modelos de Desenvolvimento Sérgio Souza Costa
 
curso-228532-aula-11-4139-completo.pdf
curso-228532-aula-11-4139-completo.pdfcurso-228532-aula-11-4139-completo.pdf
curso-228532-aula-11-4139-completo.pdfkassiocarlos
 
O design de interação em ambientes de ubiqüidade computacional
O design de interação em ambientes de ubiqüidade computacionalO design de interação em ambientes de ubiqüidade computacional
O design de interação em ambientes de ubiqüidade computacionalMauro Pinheiro
 
TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a...
TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a...TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a...
TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a...tdc-globalcode
 
Palestra ux e ui
Palestra ux e uiPalestra ux e ui
Palestra ux e uiDirect Talk
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informaçãoCristiane Mendes
 
LIVRO PROPRIETÁRIO - ENGENHARIA DE USABILIDADE E INTERFACES
LIVRO PROPRIETÁRIO - ENGENHARIA DE USABILIDADE E INTERFACESLIVRO PROPRIETÁRIO - ENGENHARIA DE USABILIDADE E INTERFACES
LIVRO PROPRIETÁRIO - ENGENHARIA DE USABILIDADE E INTERFACESOs Fantasmas !
 
PRODUCT LINE UML SYSTEM Uma aplicabilidade de desenvolvimento de uma linha de...
PRODUCT LINE UML SYSTEM Uma aplicabilidade de desenvolvimento de uma linha de...PRODUCT LINE UML SYSTEM Uma aplicabilidade de desenvolvimento de uma linha de...
PRODUCT LINE UML SYSTEM Uma aplicabilidade de desenvolvimento de uma linha de...Ricardo Leite
 
QCon Rio - Mudando o foco: de processos para pessoas
QCon Rio - Mudando o foco: de processos para pessoasQCon Rio - Mudando o foco: de processos para pessoas
QCon Rio - Mudando o foco: de processos para pessoasIgor Macaubas
 
Introdução à Arquitetura de Informação
Introdução à Arquitetura de InformaçãoIntrodução à Arquitetura de Informação
Introdução à Arquitetura de InformaçãoInstituto Faber-Ludens
 
Design para a web - da interface ao branding
Design para a web - da interface ao brandingDesign para a web - da interface ao branding
Design para a web - da interface ao brandingJoão Alves
 
Apresentação de Lançamento do RAD Studio XE7
Apresentação de Lançamento do RAD Studio XE7Apresentação de Lançamento do RAD Studio XE7
Apresentação de Lançamento do RAD Studio XE7Fernando Rizzato
 
Unidade 01 introdução a computação - por dentro do computador - 15-03-03 - ...
Unidade 01   introdução a computação - por dentro do computador - 15-03-03 - ...Unidade 01   introdução a computação - por dentro do computador - 15-03-03 - ...
Unidade 01 introdução a computação - por dentro do computador - 15-03-03 - ...Alex Casañas
 
Unidade 01 introdução a computação - por dentro do computador - 15-03-03 - ...
Unidade 01   introdução a computação - por dentro do computador - 15-03-03 - ...Unidade 01   introdução a computação - por dentro do computador - 15-03-03 - ...
Unidade 01 introdução a computação - por dentro do computador - 15-03-03 - ...Alex Casañas
 
Curso Arquitetura de Informação @ iMasters Jan 2013
Curso Arquitetura de Informação @ iMasters Jan 2013Curso Arquitetura de Informação @ iMasters Jan 2013
Curso Arquitetura de Informação @ iMasters Jan 2013Instituto Faber-Ludens
 
Tecnologia da informação
Tecnologia da informaçãoTecnologia da informação
Tecnologia da informaçãocleusamoreira
 

Similar to aula01-IntroducaoUX.pdf (20)

Introdução a Internet das Coisas
Introdução a Internet das CoisasIntrodução a Internet das Coisas
Introdução a Internet das Coisas
 
Engenharia de Software - Conceitos e Modelos de Desenvolvimento
Engenharia de Software - Conceitos e Modelos de Desenvolvimento Engenharia de Software - Conceitos e Modelos de Desenvolvimento
Engenharia de Software - Conceitos e Modelos de Desenvolvimento
 
IHC - Slide 2 - Usabilidade e Princípios de Design
IHC - Slide 2 - Usabilidade e Princípios de DesignIHC - Slide 2 - Usabilidade e Princípios de Design
IHC - Slide 2 - Usabilidade e Princípios de Design
 
curso-228532-aula-11-4139-completo.pdf
curso-228532-aula-11-4139-completo.pdfcurso-228532-aula-11-4139-completo.pdf
curso-228532-aula-11-4139-completo.pdf
 
O design de interação em ambientes de ubiqüidade computacional
O design de interação em ambientes de ubiqüidade computacionalO design de interação em ambientes de ubiqüidade computacional
O design de interação em ambientes de ubiqüidade computacional
 
TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a...
TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a...TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a...
TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a...
 
Palestra ux e ui
Palestra ux e uiPalestra ux e ui
Palestra ux e ui
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informação
 
LIVRO PROPRIETÁRIO - ENGENHARIA DE USABILIDADE E INTERFACES
LIVRO PROPRIETÁRIO - ENGENHARIA DE USABILIDADE E INTERFACESLIVRO PROPRIETÁRIO - ENGENHARIA DE USABILIDADE E INTERFACES
LIVRO PROPRIETÁRIO - ENGENHARIA DE USABILIDADE E INTERFACES
 
UX - Be Awesome
UX - Be AwesomeUX - Be Awesome
UX - Be Awesome
 
PRODUCT LINE UML SYSTEM Uma aplicabilidade de desenvolvimento de uma linha de...
PRODUCT LINE UML SYSTEM Uma aplicabilidade de desenvolvimento de uma linha de...PRODUCT LINE UML SYSTEM Uma aplicabilidade de desenvolvimento de uma linha de...
PRODUCT LINE UML SYSTEM Uma aplicabilidade de desenvolvimento de uma linha de...
 
QCon Rio - Mudando o foco: de processos para pessoas
QCon Rio - Mudando o foco: de processos para pessoasQCon Rio - Mudando o foco: de processos para pessoas
QCon Rio - Mudando o foco: de processos para pessoas
 
Introdução à Arquitetura de Informação
Introdução à Arquitetura de InformaçãoIntrodução à Arquitetura de Informação
Introdução à Arquitetura de Informação
 
Design para a web - da interface ao branding
Design para a web - da interface ao brandingDesign para a web - da interface ao branding
Design para a web - da interface ao branding
 
Apresentação de Lançamento do RAD Studio XE7
Apresentação de Lançamento do RAD Studio XE7Apresentação de Lançamento do RAD Studio XE7
Apresentação de Lançamento do RAD Studio XE7
 
Unidade 01 introdução a computação - por dentro do computador - 15-03-03 - ...
Unidade 01   introdução a computação - por dentro do computador - 15-03-03 - ...Unidade 01   introdução a computação - por dentro do computador - 15-03-03 - ...
Unidade 01 introdução a computação - por dentro do computador - 15-03-03 - ...
 
Unidade 01 introdução a computação - por dentro do computador - 15-03-03 - ...
Unidade 01   introdução a computação - por dentro do computador - 15-03-03 - ...Unidade 01   introdução a computação - por dentro do computador - 15-03-03 - ...
Unidade 01 introdução a computação - por dentro do computador - 15-03-03 - ...
 
Curso Arquitetura de Informação @ iMasters Jan 2013
Curso Arquitetura de Informação @ iMasters Jan 2013Curso Arquitetura de Informação @ iMasters Jan 2013
Curso Arquitetura de Informação @ iMasters Jan 2013
 
Tecnologia da informação
Tecnologia da informaçãoTecnologia da informação
Tecnologia da informação
 
Front end na ux
Front end na uxFront end na ux
Front end na ux
 

aula01-IntroducaoUX.pdf

  • 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