Um compilado comentado de 8 Leis da Experiência do Usuário, criado exclusivamente para contribuir com o programa Experience as a Culture da 4all, Hub de Tecnologia que investe e desenvolve startups com foco em transformação digital. As leis vão desde familiaridade de interface, complexidade de sistemas, estética, memória, minimalismo e afins.
Esta apresentação foi realizada originalmente para o time do Quiq, startup que atua no foodservice da 4all, e transmitida posteriormente para todas as startups do hub.
Trata-se de uma das iniciativas do programa que visa tornar todos os profissionais da empresa capacitados e preocupados com a melhor experiência de consumo.
2. Leis de UX aplicadas
à cultura.
CX DESIGN 4ALL
Felipe Caroé, Head of UX 4all
Compilado de lawsofux.com
3. 4all Experience
as a Culture.
Um projeto de aprimoramento da cultura User-Centric da
4all, cujo objetivo é tornar todo o time capacitado e com
as devidas preocupações com a melhor experiência para
o nosso usuário.
Este programa visa tornar todas as
startups da 4all referências em
Design de Experiência do Usuário.
5. Algumas destas regras…
Já existem no Design
Já existem na Tecnologia da Informação
Já existem na Psicologia
Tem mais de 100 anos
Podem ser aplicadas por qualquer profissional
Devem ser lembradas por qualquer profissional
6. E quais são?
1 2 3 2
5 6 7 8
Lei da
Estética
Efeito da estética
na usabilidade.
Lei de
Jakob
Lei da
familiaridade.
Lei de
Fitts
Proximidade e
tamanho.
Lei de
Hick
Minimalismo de
possibilidades.
Lei de
Miller
Limitações
mnemônicas.
Lei de
Tesler
Conservação da
Complexidade.
Limiar de
Doherty
Tempo de resposta
homem-máquina.
Lei da
pregnância
Interpretação
sintética.
7. Mas só tem essas?
Existem dezenas de
leis e orientações.
Na verdade…
8. Pois todos os
profissionais
podem segui-las.
Porém vamos nos ater a estas 8
Objetivo estratégico: Atingir um nível em que todos os profissionais
possuam conhecimentos e preocupações de UX.
9. 1Lei da Estética
Efeito da estética na usabilidade.
O Usuário frequentemente
compreende um design
esteticamente agradável como um
design que é mais fácil de usar.
D E C L A R A Ç Ã O
https://www.nngroup.com/articles/aesthetic-usability-effect
”
10. APPLE IPHONE 12 - Website 4ALL PIER X – Mobile App
LEI 01: LEI DA ESTÉTICA
12. 2Lei de Jakob
Lei da familiaridade.
O Usuário passa mais tempo em outras
aplicações. Logo prefere que a sua
funcione da mesma forma que todas as
outras que já conhece.
D E C L A R A Ç Ã O
https://www.nngroup.com/people/jakob-nielsen
”
13. LEI 02: LEI DE JAKOB
IFOOD - Avaliações LEBONTON - Avaliações
15. 3Lei de Fitts
Proximidade e tamanho.
O Tempo para atingir um objetivo é a função da
distância até o objetivo e o seu tamanho. Áreas
de atenção devem ser grandes e próximas o
suficiente para que se destaquem.
D E C L A R A Ç Ã O
https://www.interaction-design.org/literature/topics/fitts-law
”
16. LEI 03: LEI DE FITTS
SPOTIFY – Call to action IRIS – Call to action
17. LEI 03: LEI DE FITTS
DESDE
1954
ESTUDO
Psychology of Human
Motor System
ORIGEM
EUA
EMPRESA
University of Michigan
AUTOR
Paul Fitts
18. 4Lei de Hick
Minimalismo de Possibilidades.
O Tempo necessário para se tomar
uma decisão aumenta com a
quantidade e com a complexidade
das opções.
D E C L A R A Ç Ã O
https://www.interaction-design.org/literature/article/hick-s-law-making-the-choice-easier-for-users
”
19. LEI 04: LEI DE HICK
COCO BAMBU – Cardápio MCDONALDS – Cardápio
20. LEI 04: LEI DE HICK
DESDE
1952
ESTUDO
Reaction time to any
given stimulus
ORIGEM
Reino Unido
EMPRESA
Oxford University
AUTOR
William Edmund Hick
21. 5Lei de Miller
Limitações Mnemônicas.
O Máximo de itens que uma
pessoa comum consegue guardar
na memória é de 07 mais ou
menos 2.
D E C L A R A Ç Ã O
https://www.khanacademy.org/test-prep/mcat/social-sciences-practice/social-science-practice-tut/e/miller-s-law--chunking--and-the-capacity-of-working-memory
”
22. LEI 05: LEI DE MILLER
NETFLIX – Listas QUIQ – Status dos pedidos
23. LEI 05: LEI DE MILLER
DESDE
1956
ESTUDO
Principles for Reducing
cognitive load
ORIGEM
EUA
EMPRESA
Harvard University
AUTOR
George Miller
24. 6Lei de Tesler
Conservação da complexidade.
Para todo e qualquer sistema
existe um certo nível de
complexidade que não pode ser
reduzido.
D E C L A R A Ç Ã O
https://en.wikipedia.org/wiki/Law_of_conservation_of_complexity
”
25. LEI 06: LEI DE TESLER
RELÓGIO ANALÓGICO DX - Fidelidade
26. LEI 06: LEI DE TESLER
DESDE
1980
ESTUDO
Designing for
Interaction (Dan Saffer)
ORIGEM
EUA
EMPRESA
Xerox
AUTOR
Larry Tesler
(In interview)
27. 7Limiar de Doherty
Tempo de resposta homem-máquina.
A produtividade só se mantem
quando um sistema e seu
usuário interagem a um pace de
no máximo 400ms.
D E C L A R A Ç Ã O
”
https://www.linkedin.com/pulse/gamification-training-how-doherty-threshold-ruining-hendershot/
28. LEI 07: LIMIAR DE DOHERTY
QUALQUER SISTEMA – Feedback < 400ms
29. LEI 07: LIMIAR DE DOHERTY
DESDE
1982
ESTUDO
IBM Systems Journal –
Computer Response Time
ORIGEM
EUA / India
EMPRESA
IBM
AUTORES
Walter Doherty &
Ahrvind Thadani
30. 8Lei da Pregnância
Interpretação sintética
Pessoas percebem e interpretam imagens
complexas ou ambíguas de forma que faça
sentido, para evitar esforço cognitivo
desnecessário.
D E C L A R A Ç Ã O
https://www.smashingmagazine.com/2014/03/design-principles-visual-perception-and-the-principles-of-gestalt
”
31. LEI 08: LEI DA PREGNÂNCIA
DEMONSTRAÇÕES CLÁSSICAS