psicodinâmica das cores em ui · 2019. 11. 28. · psicodinâmica. das cores em ui. a cor como...
TRANSCRIPT
![Page 1: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/1.jpg)
Psicodinâmicadas cores em UI
A C O R C O M O F E R R A M E N T A D E C O M U N I C A Ç Ã O N A J O R N A D A D O U S U Á R I O
Leonardo F i lho – PO & UX Des igner
![Page 2: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/2.jpg)
OLÁ!
L e o n a r d o F i l h o
![Page 3: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/3.jpg)
Psicodinâmica das cores
![Page 4: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/4.jpg)
Jornada do usuário
![Page 5: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/5.jpg)
Perfil de designerXEtapa do processo de design
![Page 6: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/6.jpg)
Perfil de designerXEtapa do processo de design
Arquiteto de informação
![Page 7: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/7.jpg)
Perfil de designerXEtapa do processo de design
Arquiteto de informação
Designer de interação
![Page 8: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/8.jpg)
Perfil de designerXEtapa do processo de design
Arquiteto de informação
Designer de interação
U.X. Researcher
![Page 9: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/9.jpg)
Como e quandoa jornada do usuárioe a teoria das cores
se encontram?
![Page 10: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/10.jpg)
Double Diamond
![Page 11: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/11.jpg)
Diagrama de Garret
![Page 12: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/12.jpg)
Diagrama de Garret
![Page 13: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/13.jpg)
Double Diamond & Diagrama de Garret
![Page 14: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/14.jpg)
Qual é a relação entrea jornada do usuárioe a teoria das cores?
![Page 15: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/15.jpg)
MOMENTOS DA VERDADE
![Page 16: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/16.jpg)
MOMENTOS DA VERDADEPOSITIVOS
![Page 17: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/17.jpg)
MOMENTOS DA VERDADENEGATIVOS
![Page 18: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/18.jpg)
BLUEPRINTS DE SERVIÇO
![Page 19: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/19.jpg)
![Page 20: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/20.jpg)
O que é necessário mapear?
M o m e n t o s d a v e rd a d e
![Page 21: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/21.jpg)
O que é necessário mapear?
E m o ç õ e s d o u s u á r i o
M o m e n t o s d a v e rd a d e
![Page 22: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/22.jpg)
O que é necessário mapear?
E m o ç õ e s d o u s u á r i o
M o m e n t o s d a v e rd a d e
M o m e n t o d a j o r n a d a + Po n t o d e c o n t a t o
![Page 23: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/23.jpg)
Transmitir emoções
Provocar reações
X
![Page 24: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/24.jpg)
Heller – Acordes cromáticos
Transmitir emoções
![Page 25: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/25.jpg)
Plutchik – Roda das emoções
Provocar Reações
![Page 26: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/26.jpg)
Provocar Reações
![Page 27: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/27.jpg)
Provocar Reações
![Page 28: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/28.jpg)
Provocar Reações
![Page 29: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/29.jpg)
Provocar Reações
Fail Whale - Twitter
![Page 30: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/30.jpg)
Provocar Reações
![Page 31: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/31.jpg)
Provocar Reações
![Page 32: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/32.jpg)
PSICODINÂMICA NA PRÁTICA
![Page 33: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/33.jpg)
Etapas do projeto
D e s d o b r a m e n t o d a pa l h e t a d e c o r e s
D e f i n i ç ã o i n i c i a l d e e m o ç õ e s e c o re s
M a p e a m e n t o d a j o r n a d a e d o s m o m e n t o s d a v e rd a d e
3
2
1
4 Te s t e d e u s a b i l i d a d e
![Page 34: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/34.jpg)
M a p e a m e n t o d a j o r n a d a1
![Page 35: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/35.jpg)
M a p e a m e n t o d a j o r n a d a1
![Page 36: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/36.jpg)
M a p e a m e n t o d a j o r n a d a1
![Page 37: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/37.jpg)
M a p e a m e n t o d a j o r n a d a1
![Page 38: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/38.jpg)
M a p e a m e n t o d a j o r n a d a1
![Page 39: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/39.jpg)
E m o ç õ e s e c o r e s2
Emoção do usuárioMomento Emoção desejada Reação desejada
Aguardar orçamentos
Percepção sobre o profissional
Cadastro do cartão
![Page 40: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/40.jpg)
E m o ç õ e s e c o r e s2
Emoção do usuárioMomento Emoção desejada Reação desejada
Aguardar orçamentos
Percepção sobre o profissional
Cadastro do cartão
Ansioso
Apreensivo
Apreensivo
![Page 41: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/41.jpg)
E m o ç õ e s e c o r e s2
![Page 42: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/42.jpg)
E m o ç õ e s e c o r e s2
![Page 43: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/43.jpg)
E m o ç õ e s e c o r e s2
Emoção do usuárioMomento Emoção desejada Reação desejada
Aguardar orçamentos
Percepção sobre o profissional
Cadastro do cartão
Ansioso
Apreensivo
Apreensivo
Tranquilidade
Confiança/Segurança
Confiança/Segurança
![Page 44: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/44.jpg)
E m o ç õ e s e c o r e s2
Emoção do usuárioMomento Emoção desejada Reação desejada
Aguardar orçamentos
Percepção sobre o profissional
Cadastro do cartão
Ansioso
Apreensivo
Apreensivo
Tranquilidade
Confiança/Segurança
Confiança/Segurança
Pausa
![Page 45: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/45.jpg)
D e s d o b r a m e n t o d a pa l h e t a3
![Page 46: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/46.jpg)
D e s d o b r a m e n t o d a pa l h e t a3
![Page 47: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/47.jpg)
D e s d o b r a m e n t o d a pa l h e t a3
![Page 48: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/48.jpg)
4 Te s t e d e u s a b i l i d a d e
![Page 49: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/49.jpg)
4 Te s t e d e u s a b i l i d a d e
![Page 50: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/50.jpg)
4 Te s t e d e u s a b i l i d a d e
E s s e a q u i e n t ã o ( t e l a d e o r ç a m e n t o s ) p a r e c ec o m q u a l q u e r o u t r o a p l i c a t i v o d e c o m p r a s( B r u n o , 2 4 a n o s )
”“
É q u e q u a n d o a g e n t e p r o c u r a u m a p l i c a t i v o d e p r e s t a ç ã o d e s e r v i ç o , e u n ã o v o u . . . S e i l á . E l e t e m q u e m e p a s s a r u m a i m a g e m d e s e g u r a n ç a , e s e g u r a n ç a e s t á m e p a s s a n d o , s a b e ? S e g u r a n ç a e u t e n h o c o m o m a r c a r c o m o m u i t o( M a r i a , 2 5 a n o s )
”
“
![Page 51: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/51.jpg)
4 Te s t e d e u s a b i l i d a d e
![Page 52: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/52.jpg)
4 Te s t e d e u s a b i l i d a d e
[ . . ] E s s a s a q u i ( d e m a i s t e l a s a v a l i a d a s ) s ã o m u i t o p a r e c i d a s c o m a d e o u t r o s a p l i c a t i v o s , e f i c a d i f í c i l d e d i z e r : O l h a i s s o a q u i é o T r i i d e r [ . . . ] E s s e p a d r ã o q u e t e m a q u i a t r á s c o m o v e r d i n h o , e l e é ú n i c o , e u n ã o v e j o e m n e n h u m o u t r o l u g a r .( B r u n o , 2 4 a n o s )
”
“
O P a u l o p a r e c e u m a p e s s o a d e b e m c o m o u n i v e r s o [ . . . ] Tá d e b e m a s s i m c o m o u n i v e r s o , p a r e c e q u e e l e t á f e l i z n o q u e e l e t á f a z e n d o [ . . . ] S i m p a t i a e u p o s s o d i z e r q u e é m u i t o , p e l a c a r a d o m o ç o ”( M a r i a , 2 5 a n o s )
”
“
![Page 53: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/53.jpg)
4 Te s t e d e u s a b i l i d a d e
![Page 54: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/54.jpg)
4 Te s t e d e u s a b i l i d a d e
A g o r a e s s a a q u i m e d e i x o u m u i t o t r a n q u i l a [ . . . ] E u g o s t e i d e s s a i m a g e m a q u i , e l a é b e m f o f i n h a [ . . . ] G o s t o d o a z u l . A z u l p a r e c e s e r u m a c o r b e m a c o l h e d o r a , g o s t e i . ”( M a r i a , 2 5 a n o s )
”“
É q u e q u a n d o a g e n t e p r o c u r a u m a p l i c a t i v o d e p r e s t a ç ã o d e s e r v i ç o , e u n ã o v o u . . . S e i l á . E l e t e m q u e m e p a s s a r u m a i m a g e m d e s e g u r a n ç a , e s e g u r a n ç a e s t á m e p a s s a n d o , s a b e ? S e g u r a n ç a e u t e n h o c o m o m a r c a r c o m o m u i t o( M a r i a , 2 5 a n o s )
”
“
![Page 55: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/55.jpg)
4 Te s t e d e u s a b i l i d a d e
![Page 56: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/56.jpg)
4 Te s t e d e u s a b i l i d a d e
“A p a r t e d o c a r t ã o , c o n f i r m a n d o o v a l o r d e n o v o , c a s o e u n ã o t i v e s s e v i s t o b e m n é , f i c o u b e m c l a r o . E a p a r t e c o n f i r m a n d o q u e d e u t u d o c e r t o . Ta m b é m g o s t e i , f i c o u b e m v i s u a l a s s i m . M e c h a m o u b a s t a n t e a t e n ç ã o a p a r t e c o l o r i d a ”( J é s s i c a , 2 8 a n o s )
”
“
“ E u g o s t e i q u e e l e m e d á a s o p ç õ e s d e r e v e r a f o r m a d e p a g a m e n t o . ”( M a r i a , 2 5 a n o s )
”“
![Page 57: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/57.jpg)
Qual é o potencial da cor como ferramenta de comunicação na jornada do usuário?
![Page 58: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/58.jpg)
#1
Mais cores, se usadas corretamente, não alteram
a clareza da interface, nem a tornam menos clean
![Page 59: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/59.jpg)
#2
Aplicar filtros de cores pode aumentar a retenção e interessedo usuários em telas de transição ou em funcionalidades específicas
![Page 60: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/60.jpg)
#3
Se utilizadas com concentração relevante, cores podem ser
relacionadas a emoções em um nível consciente de interpretação
![Page 61: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/61.jpg)
#4
A seleção da paleta cores, a partir das técnicas de psicodinâmica das cores, resultou em uma paleta que os usuários relacionaram as emoções desejadas
![Page 62: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/62.jpg)
#5
Quanto maior o tempo de exposição às cores, mais
positivo foi o resultado
![Page 63: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/63.jpg)
#6
Utilizar o acorde cromático completo, independente da cor destaque, potencializa a capacidade da tela de comunicar as emoções desejadas
![Page 64: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/64.jpg)
#7
Funcionalidades bem pensadas vão falar mais alto do que uma
interface bem desenhada
![Page 65: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/65.jpg)
#8
O usuário não elogiar ou não percebero uso das cores não significa que elas não estão surtindo efeito em sua experiência
![Page 66: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/66.jpg)
#9
As cores são uma das últimas camadas da interface a serem desenhadas, mas
são a primeira informação a ser decodificada
![Page 67: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/67.jpg)
#10
A cor não é a sua garantia de conversão, mas uma ferramenta para potencializaros pontos fortes do seu produto e da sua proposta de valor através do look and feel e, indiretamente, colaborar para uma experiência positiva e memorável.
![Page 68: Psicodinâmica das cores em UI · 2019. 11. 28. · Psicodinâmica. das cores em UI. A COR COMO FERRAMENTA DE COMUNICAÇÃO NA JORNADA DO USUÁRIO. Leonardo Filho – PO & UX Designer](https://reader035.vdocuments.net/reader035/viewer/2022071611/614ae0fe12c9616cbc69b389/html5/thumbnails/68.jpg)
Obrigado!Ps icod in âm ica das cores em UI
Leonardo F i lho - Tr i ide r
@leom_f i lho