SlideShare uma empresa Scribd logo
1 de 34
Baixar para ler offline
8 Leis da Experiência
4ALL UX AS A CULTURE
Leis de UX aplicadas
à cultura.
CX DESIGN 4ALL
Felipe Caroé, Head of UX 4all
Compilado de lawsofux.com
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.
Explicando
Mix
de
TI+Design
8 Leis da Experiência
do usuário
Talk 01
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
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.
Mas só tem essas?
Existem dezenas de
leis e orientações.
Na verdade…
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.
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
”
APPLE IPHONE 12 - Website 4ALL PIER X – Mobile App
LEI 01: LEI DA ESTÉTICA
DESDE
1995
ESTUDO
Human-computer
interaction studies
ORIGEM
Japão
EMPRESA
Hitachi
AUTORES
Kaori Kashimura &
Massaki Kurosu
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
”
LEI 02: LEI DE JAKOB
IFOOD - Avaliações LEBONTON - Avaliações
DESDE
1987
ESTUDO
Discount Usability
Engineering
ORIGEM
Dinamarca
EMPRESA
NNGroup
AUTOR
Jakob Nielsen
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
”
LEI 03: LEI DE FITTS
SPOTIFY – Call to action IRIS – Call to action
LEI 03: LEI DE FITTS
DESDE
1954
ESTUDO
Psychology of Human
Motor System
ORIGEM
EUA
EMPRESA
University of Michigan
AUTOR
Paul Fitts
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
”
LEI 04: LEI DE HICK
COCO BAMBU – Cardápio MCDONALDS – Cardápio
LEI 04: LEI DE HICK
DESDE
1952
ESTUDO
Reaction time to any
given stimulus
ORIGEM
Reino Unido
EMPRESA
Oxford University
AUTOR
William Edmund Hick
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
”
LEI 05: LEI DE MILLER
NETFLIX – Listas QUIQ – Status dos pedidos
LEI 05: LEI DE MILLER
DESDE
1956
ESTUDO
Principles for Reducing
cognitive load
ORIGEM
EUA
EMPRESA
Harvard University
AUTOR
George Miller
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
”
LEI 06: LEI DE TESLER
RELÓGIO ANALÓGICO DX - Fidelidade
LEI 06: LEI DE TESLER
DESDE
1980
ESTUDO
Designing for
Interaction (Dan Saffer)
ORIGEM
EUA
EMPRESA
Xerox
AUTOR
Larry Tesler
(In interview)
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/
LEI 07: LIMIAR DE DOHERTY
QUALQUER SISTEMA – Feedback < 400ms
LEI 07: LIMIAR DE DOHERTY
DESDE
1982
ESTUDO
IBM Systems Journal –
Computer Response Time
ORIGEM
EUA / India
EMPRESA
IBM
AUTORES
Walter Doherty &
Ahrvind Thadani
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
”
LEI 08: LEI DA PREGNÂNCIA
DEMONSTRAÇÕES CLÁSSICAS
DESDE
1910
ESTUDO
Gestalt
ORIGEM
Alemanha
AUTOR
Max Wertheimer
DESDE
Humboldt-Universität
LEI 08: LEI DA PREGNÂNCIA
E aí?
Ficou alguma dúvida? Lembrou de
algum projeto em que alguma dessas
leis não foi cumprida?
www.4all.com
caroe@4all.com
www.linkedin.com/in/felipecaroe

Mais conteúdo relacionado

Mais procurados

Lean inception: como alinhar pessoas e construir o produto certo
Lean inception: como alinhar pessoas e construir o produto certoLean inception: como alinhar pessoas e construir o produto certo
Lean inception: como alinhar pessoas e construir o produto certoPaulo Caroli
 
Apresentação Aula Neuromarketing
Apresentação Aula NeuromarketingApresentação Aula Neuromarketing
Apresentação Aula NeuromarketingRicardo Abreu
 
Ihc2016.2 aula 1 introdução a ihc
Ihc2016.2 aula 1 introdução a ihcIhc2016.2 aula 1 introdução a ihc
Ihc2016.2 aula 1 introdução a ihcTicianne Darin
 
UX UI para Programadores
UX UI para Programadores UX UI para Programadores
UX UI para Programadores Monica Mesquita
 
O UX Writing e a padronização de informações: em busca de uma língua em comum
O UX Writing e a padronização de informações: em busca de uma língua em comumO UX Writing e a padronização de informações: em busca de uma língua em comum
O UX Writing e a padronização de informações: em busca de uma língua em comumUXConf BR
 
Design Thinking e Ferramentas de Inovação
Design Thinking e Ferramentas de InovaçãoDesign Thinking e Ferramentas de Inovação
Design Thinking e Ferramentas de InovaçãoMaristela Meireles
 
Introduction to Design Thinking and UX Research
Introduction to Design Thinking and UX ResearchIntroduction to Design Thinking and UX Research
Introduction to Design Thinking and UX ResearchMuhamad Edison A
 
Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...
Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...
Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...Talita Pagani
 
Niveis maturidade UX
Niveis maturidade UXNiveis maturidade UX
Niveis maturidade UXSuzi Sarmento
 
Aula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioAula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioErico Fileno
 
Transformando Criatividade em Inovação
Transformando Criatividade em InovaçãoTransformando Criatividade em Inovação
Transformando Criatividade em InovaçãoJosé Bringel Filho
 
Ihc2016.2 aula. 12 construindo versões interativas dos designs
Ihc2016.2 aula. 12   construindo versões interativas dos designsIhc2016.2 aula. 12   construindo versões interativas dos designs
Ihc2016.2 aula. 12 construindo versões interativas dos designsTicianne Darin
 
Novos Negócios - Aula 03: Identificação de Oportunidades de Negócio
Novos Negócios - Aula 03: Identificação de Oportunidades de NegócioNovos Negócios - Aula 03: Identificação de Oportunidades de Negócio
Novos Negócios - Aula 03: Identificação de Oportunidades de NegócioMarcus Araújo
 
Toolkit de Design Thinking Echos
Toolkit de Design Thinking EchosToolkit de Design Thinking Echos
Toolkit de Design Thinking EchosColaborativismo
 
9220 gestão deconteúdosdigitais-parte1
9220 gestão deconteúdosdigitais-parte19220 gestão deconteúdosdigitais-parte1
9220 gestão deconteúdosdigitais-parte1Eli Ramalho
 
Aula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAndré Constantino da Silva
 
Treinamento Design Thinking - Chico Adelano
Treinamento Design Thinking - Chico AdelanoTreinamento Design Thinking - Chico Adelano
Treinamento Design Thinking - Chico AdelanoChico Adelano
 
Apresentacao ux canvas
Apresentacao ux canvasApresentacao ux canvas
Apresentacao ux canvasfernandaparisi
 
Aulas 03 e 04 - Arquitetura de Informação
Aulas 03 e 04 - Arquitetura de InformaçãoAulas 03 e 04 - Arquitetura de Informação
Aulas 03 e 04 - Arquitetura de Informaçãovincevader
 
Posicionamento de marcas
Posicionamento de marcasPosicionamento de marcas
Posicionamento de marcasGuga Alves
 

Mais procurados (20)

Lean inception: como alinhar pessoas e construir o produto certo
Lean inception: como alinhar pessoas e construir o produto certoLean inception: como alinhar pessoas e construir o produto certo
Lean inception: como alinhar pessoas e construir o produto certo
 
Apresentação Aula Neuromarketing
Apresentação Aula NeuromarketingApresentação Aula Neuromarketing
Apresentação Aula Neuromarketing
 
Ihc2016.2 aula 1 introdução a ihc
Ihc2016.2 aula 1 introdução a ihcIhc2016.2 aula 1 introdução a ihc
Ihc2016.2 aula 1 introdução a ihc
 
UX UI para Programadores
UX UI para Programadores UX UI para Programadores
UX UI para Programadores
 
O UX Writing e a padronização de informações: em busca de uma língua em comum
O UX Writing e a padronização de informações: em busca de uma língua em comumO UX Writing e a padronização de informações: em busca de uma língua em comum
O UX Writing e a padronização de informações: em busca de uma língua em comum
 
Design Thinking e Ferramentas de Inovação
Design Thinking e Ferramentas de InovaçãoDesign Thinking e Ferramentas de Inovação
Design Thinking e Ferramentas de Inovação
 
Introduction to Design Thinking and UX Research
Introduction to Design Thinking and UX ResearchIntroduction to Design Thinking and UX Research
Introduction to Design Thinking and UX Research
 
Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...
Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...
Técnicas de Prototipação para Smartphones no Apoio à Avaliação de Interfaces ...
 
Niveis maturidade UX
Niveis maturidade UXNiveis maturidade UX
Niveis maturidade UX
 
Aula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioAula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no Usuário
 
Transformando Criatividade em Inovação
Transformando Criatividade em InovaçãoTransformando Criatividade em Inovação
Transformando Criatividade em Inovação
 
Ihc2016.2 aula. 12 construindo versões interativas dos designs
Ihc2016.2 aula. 12   construindo versões interativas dos designsIhc2016.2 aula. 12   construindo versões interativas dos designs
Ihc2016.2 aula. 12 construindo versões interativas dos designs
 
Novos Negócios - Aula 03: Identificação de Oportunidades de Negócio
Novos Negócios - Aula 03: Identificação de Oportunidades de NegócioNovos Negócios - Aula 03: Identificação de Oportunidades de Negócio
Novos Negócios - Aula 03: Identificação de Oportunidades de Negócio
 
Toolkit de Design Thinking Echos
Toolkit de Design Thinking EchosToolkit de Design Thinking Echos
Toolkit de Design Thinking Echos
 
9220 gestão deconteúdosdigitais-parte1
9220 gestão deconteúdosdigitais-parte19220 gestão deconteúdosdigitais-parte1
9220 gestão deconteúdosdigitais-parte1
 
Aula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de Usuário
 
Treinamento Design Thinking - Chico Adelano
Treinamento Design Thinking - Chico AdelanoTreinamento Design Thinking - Chico Adelano
Treinamento Design Thinking - Chico Adelano
 
Apresentacao ux canvas
Apresentacao ux canvasApresentacao ux canvas
Apresentacao ux canvas
 
Aulas 03 e 04 - Arquitetura de Informação
Aulas 03 e 04 - Arquitetura de InformaçãoAulas 03 e 04 - Arquitetura de Informação
Aulas 03 e 04 - Arquitetura de Informação
 
Posicionamento de marcas
Posicionamento de marcasPosicionamento de marcas
Posicionamento de marcas
 

Semelhante a 8 Leis UX

Missão Artemis | Tecnologias Exponenciais
Missão Artemis | Tecnologias ExponenciaisMissão Artemis | Tecnologias Exponenciais
Missão Artemis | Tecnologias ExponenciaisRhuanBorges
 
Antecipaçao nas wind turbines
Antecipaçao nas wind turbinesAntecipaçao nas wind turbines
Antecipaçao nas wind turbinesTRIZ XXI
 
A proteção jurídica do programa de computador: ótica da empresa
A proteção jurídica do programa de computador: ótica da empresaA proteção jurídica do programa de computador: ótica da empresa
A proteção jurídica do programa de computador: ótica da empresaCEST
 
Influência da Tecnologia na Gestão das OSCs - Dr. Cláudio Ramos
Influência da Tecnologia na Gestão das OSCs - Dr. Cláudio RamosInfluência da Tecnologia na Gestão das OSCs - Dr. Cláudio Ramos
Influência da Tecnologia na Gestão das OSCs - Dr. Cláudio RamosAPF6
 
Tecnologia da Informação
Tecnologia da InformaçãoTecnologia da Informação
Tecnologia da Informaçãocleusamoreira
 
Modulo i arquiteturainformacaousabilidade_thaiscampas
Modulo i arquiteturainformacaousabilidade_thaiscampasModulo i arquiteturainformacaousabilidade_thaiscampas
Modulo i arquiteturainformacaousabilidade_thaiscampasThais Campas
 
Como ensinar um elefante a dançar.pdf
Como ensinar um elefante a dançar.pdfComo ensinar um elefante a dançar.pdf
Como ensinar um elefante a dançar.pdfValriaFerreira59
 
LIVRO PROPRIETÁRIO - CENÁRIOS DE TECNOLOGIA DA INFORMAÇÃO
LIVRO PROPRIETÁRIO - CENÁRIOS DE TECNOLOGIA DA INFORMAÇÃOLIVRO PROPRIETÁRIO - CENÁRIOS DE TECNOLOGIA DA INFORMAÇÃO
LIVRO PROPRIETÁRIO - CENÁRIOS DE TECNOLOGIA DA INFORMAÇÃOOs Fantasmas !
 
Da IHC ao UX: Uma história de ressignificação para o mercado / Webinar BR-CH...
Da IHC ao UX: Uma história de ressignificação  para o mercado / Webinar BR-CH...Da IHC ao UX: Uma história de ressignificação  para o mercado / Webinar BR-CH...
Da IHC ao UX: Uma história de ressignificação para o mercado / Webinar BR-CH...Rafael Burity
 
Pequena Apostila sobre Software Livre
Pequena Apostila sobre Software LivrePequena Apostila sobre Software Livre
Pequena Apostila sobre Software LivreMauro Tapajós
 
Heurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webHeurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webDaniel Brandão
 
Desenvolvimento de software – novas abordagens e desafios - Marco Valtas
Desenvolvimento de software – novas abordagens e desafios - Marco ValtasDesenvolvimento de software – novas abordagens e desafios - Marco Valtas
Desenvolvimento de software – novas abordagens e desafios - Marco ValtasRio Info
 
2ª edicao redinfo, a sua revista eletrônica de computação
2ª edicao redinfo, a sua revista eletrônica de computação2ª edicao redinfo, a sua revista eletrônica de computação
2ª edicao redinfo, a sua revista eletrônica de computaçãoFernando Nogueira
 
Experiência do Usuario
Experiência do Usuario Experiência do Usuario
Experiência do Usuario Gabriel Torres
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuárioGabriel Torres
 
O ciclo da vida
O ciclo da vidaO ciclo da vida
O ciclo da vidaLuiz Borba
 
Aspectos do aprendizado do paradigma orientado a objetos por programadores pr...
Aspectos do aprendizado do paradigma orientado a objetos por programadores pr...Aspectos do aprendizado do paradigma orientado a objetos por programadores pr...
Aspectos do aprendizado do paradigma orientado a objetos por programadores pr...Rodrigo Vieira
 

Semelhante a 8 Leis UX (20)

Missão Artemis | Tecnologias Exponenciais
Missão Artemis | Tecnologias ExponenciaisMissão Artemis | Tecnologias Exponenciais
Missão Artemis | Tecnologias Exponenciais
 
Antecipaçao nas wind turbines
Antecipaçao nas wind turbinesAntecipaçao nas wind turbines
Antecipaçao nas wind turbines
 
A proteção jurídica do programa de computador: ótica da empresa
A proteção jurídica do programa de computador: ótica da empresaA proteção jurídica do programa de computador: ótica da empresa
A proteção jurídica do programa de computador: ótica da empresa
 
Influência da Tecnologia na Gestão das OSCs - Dr. Cláudio Ramos
Influência da Tecnologia na Gestão das OSCs - Dr. Cláudio RamosInfluência da Tecnologia na Gestão das OSCs - Dr. Cláudio Ramos
Influência da Tecnologia na Gestão das OSCs - Dr. Cláudio Ramos
 
Tecnologia da Informação
Tecnologia da InformaçãoTecnologia da Informação
Tecnologia da Informação
 
Modulo i arquiteturainformacaousabilidade_thaiscampas
Modulo i arquiteturainformacaousabilidade_thaiscampasModulo i arquiteturainformacaousabilidade_thaiscampas
Modulo i arquiteturainformacaousabilidade_thaiscampas
 
Como ensinar um elefante a dançar.pdf
Como ensinar um elefante a dançar.pdfComo ensinar um elefante a dançar.pdf
Como ensinar um elefante a dançar.pdf
 
LIVRO PROPRIETÁRIO - CENÁRIOS DE TECNOLOGIA DA INFORMAÇÃO
LIVRO PROPRIETÁRIO - CENÁRIOS DE TECNOLOGIA DA INFORMAÇÃOLIVRO PROPRIETÁRIO - CENÁRIOS DE TECNOLOGIA DA INFORMAÇÃO
LIVRO PROPRIETÁRIO - CENÁRIOS DE TECNOLOGIA DA INFORMAÇÃO
 
Da IHC ao UX: Uma história de ressignificação para o mercado / Webinar BR-CH...
Da IHC ao UX: Uma história de ressignificação  para o mercado / Webinar BR-CH...Da IHC ao UX: Uma história de ressignificação  para o mercado / Webinar BR-CH...
Da IHC ao UX: Uma história de ressignificação para o mercado / Webinar BR-CH...
 
Pequena Apostila sobre Software Livre
Pequena Apostila sobre Software LivrePequena Apostila sobre Software Livre
Pequena Apostila sobre Software Livre
 
Pré agenda para o CMG Impact 2019
Pré agenda para o CMG Impact 2019Pré agenda para o CMG Impact 2019
Pré agenda para o CMG Impact 2019
 
Heurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webHeurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na web
 
TEES - Apresentacao Final
TEES - Apresentacao FinalTEES - Apresentacao Final
TEES - Apresentacao Final
 
Desenvolvimento de software – novas abordagens e desafios - Marco Valtas
Desenvolvimento de software – novas abordagens e desafios - Marco ValtasDesenvolvimento de software – novas abordagens e desafios - Marco Valtas
Desenvolvimento de software – novas abordagens e desafios - Marco Valtas
 
2ª edicao redinfo, a sua revista eletrônica de computação
2ª edicao redinfo, a sua revista eletrônica de computação2ª edicao redinfo, a sua revista eletrônica de computação
2ª edicao redinfo, a sua revista eletrônica de computação
 
Experiência do Usuario
Experiência do Usuario Experiência do Usuario
Experiência do Usuario
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuário
 
O ciclo da vida
O ciclo da vidaO ciclo da vida
O ciclo da vida
 
Modulo 01
Modulo 01 Modulo 01
Modulo 01
 
Aspectos do aprendizado do paradigma orientado a objetos por programadores pr...
Aspectos do aprendizado do paradigma orientado a objetos por programadores pr...Aspectos do aprendizado do paradigma orientado a objetos por programadores pr...
Aspectos do aprendizado do paradigma orientado a objetos por programadores pr...
 

Mais de Felipe Caroé

TheXRev - The Experience Revolution
TheXRev - The Experience RevolutionTheXRev - The Experience Revolution
TheXRev - The Experience RevolutionFelipe Caroé
 
Arquétipos para o futebol: uma solução para não inventar centenas de personas...
Arquétipos para o futebol: uma solução para não inventar centenas de personas...Arquétipos para o futebol: uma solução para não inventar centenas de personas...
Arquétipos para o futebol: uma solução para não inventar centenas de personas...Felipe Caroé
 
Palestra: Branding e Internet
Palestra: Branding e InternetPalestra: Branding e Internet
Palestra: Branding e InternetFelipe Caroé
 
Palestra - Branding e os Designers
Palestra - Branding e os DesignersPalestra - Branding e os Designers
Palestra - Branding e os DesignersFelipe Caroé
 
Palestra - Na quebrada da Web
Palestra - Na quebrada da WebPalestra - Na quebrada da Web
Palestra - Na quebrada da WebFelipe Caroé
 

Mais de Felipe Caroé (6)

TheXRev - The Experience Revolution
TheXRev - The Experience RevolutionTheXRev - The Experience Revolution
TheXRev - The Experience Revolution
 
Descontrole remoto
Descontrole remotoDescontrole remoto
Descontrole remoto
 
Arquétipos para o futebol: uma solução para não inventar centenas de personas...
Arquétipos para o futebol: uma solução para não inventar centenas de personas...Arquétipos para o futebol: uma solução para não inventar centenas de personas...
Arquétipos para o futebol: uma solução para não inventar centenas de personas...
 
Palestra: Branding e Internet
Palestra: Branding e InternetPalestra: Branding e Internet
Palestra: Branding e Internet
 
Palestra - Branding e os Designers
Palestra - Branding e os DesignersPalestra - Branding e os Designers
Palestra - Branding e os Designers
 
Palestra - Na quebrada da Web
Palestra - Na quebrada da WebPalestra - Na quebrada da Web
Palestra - Na quebrada da Web
 

8 Leis UX

  • 1. 8 Leis da Experiência 4ALL UX AS A CULTURE
  • 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.
  • 4. Explicando Mix de TI+Design 8 Leis da Experiência do usuário Talk 01
  • 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
  • 33. E aí? Ficou alguma dúvida? Lembrou de algum projeto em que alguma dessas leis não foi cumprida?