Uploaded by David GD

Leis da psicologia aplicada a UX - FABS

advertisement
Vitalk Talk
FABS
"Quando na ausência de dados quantitativos ou
qualitativos, a psicologia aliada a UX traz uma nova
perspectiva para times de design"
LEIS DA PSICOLOGIA APLICADAS A UX
Agenda de hoje
Lei de Jakob
➤ Lei de Fitts
➤ Lei de Hick
➤ Lei de Postel
➤ Regra pico-final
➤ Efeito Von Restorff
➤ Lei de Tesler
➤ Limiar de Doherty
➤ Princípios de design na prática
➤
Vamos entender melhor...
LEIS DA PSICOLOGIA APLICADAS A UX
Lei de Jakob
💡 Pessoas usuárias passam a maior parte do
tempo em outros sites e preferem que seu site
funcione da mesma maneira que todos os outros
sites que já conhecem
A Lei de Jakob foi apresentada em 200 pelo especialista em usabilidade
Jakob Nielsen, que a descreveu como a tendência de uma expectativa com
base na experiência cumulativa de outros sites.
LEI DE JAKOB
Lei de Jakob:
Principais lições
PESSOAS TRANSFEREM
as expectativas que criaram em torno de um
produto familiar para outro produto
semelhante
APROVEITANDO MODELOS
MENTAIS EXISTENTES
podemos criar experiências superiores
para que as pessoas usuárias possam se
concentrar em suas tarefas em vez de
aprender novos modelos
AO FAZER ALTERAÇÕES
minimize a discordância, permitindo que
as pessoas continuem usando uma
versão familiar por um tempo
LEI DE JAKOB
Pontos importantes
A lei de Jakob não defende a
mesmice no sentido de que toda
experiência deve ser idêntica. Ela é
o princípio orientador que lembrar
que as pessoas aproveitam
experiências anteriores para lidar
com as novas.
É sempre bom começar com
padrões e convenções comuns, e
apenas se afastar deles quando fizer
sentido.
LEIS DA PSICOLOGIA APLICADAS A UX
Lei de Fitts
💡 O tempo para acessar um alvo é uma função da
distância e do tamanho do alvo
A Lei de Fitts foi remontada em 1954 pelo psicólogo americano Paul Fitts,
que previu que o tempo necessário para se mover rapidamente para uma
área-alvo é uma função da razão entre a distância do alvo e a largura do alvo.
LEI DE FITTS
Lei de Fitts:
Principais lições
OS ALVOS DE TOQUE
AMPLO ESPAÇO
devem ser grandes o suficiente para que as
pessoas os selecionem com precisão
entre os alvos de toques para evitar
cliques indesejados
COLOCADOS EM ÁREAS DE UMA
INTERFACE
que permitam que eles sejam facilmente
acessados
LEI DE FITTS
EXEMPLOS
a posição dos alvos de toque é a chave
para sua facilidade de seleção
falta de amplo espaço entre as ações
reduz a usabilidade
LEIS DA PSICOLOGIA APLICADAS A UX
Lei de Hick
💡 O tempo necessário para tomar uma decisão
aumenta com o número e a complexidade das
opções disponíveis
A lei de Hick foi formulada em 1952 pelos psicólogos William Edmund Hick e
Ryan Hyman, que examinaram a relação entre o número de estímulos
presentes e o tempo de reação de uma pessoa a um determinado estímulo.
LEI DE HICK
Lei de Hick:
Principais lições
MINIMIZE AS OPÇÕES
DIVIDA TAREFAS COMPLEXAS
USE INTEGRAÇÃO PROGRESSIVA
quando os tempos de resposta forem críticos
para aumentar o tempo de decisão
em etapas menores para diminuir a carga
cognitiva
para minimizar a carga cognitiva para
novas pessoas usuárias
LEI DE HICK
simplificando e deixando somete as
opções necessárias a vista
Simplifica a tarefa principal e depois
mostra o restante das ferramentas
disponíveis
EXEMPLOS
LEI DE HICK
Pontos importantes
Podemos garantir melhores
experiências da pessoa usuária
fornecendo as escolhas certas no
momento certo, em vez de
apresentar todas as opções
possíveis o tempo todo
Mostrar recursos no momento certo
permite a pessoa usuária a se
adaptar ao fluxo de trabalho
complexos e conjuntos de tarefas
sem se sentirem sobrecarregadas
LEIS DA PSICOLOGIA APLICADAS A UX
Lei de Postel
💡 Seja uma pessoa conservadora no que faz, seja
liberal no que aceita de outras pessoas
A Lei de Postel veio através de um cientista de computação norte-americano
Jon Postel que fez contribuições significativas para os protocolos que
formariam a internet Transmission Control Protocol (TCP).
LEI DE POSTEL
Lei de Postel:
Principais lições
COMPREENSÃO, FLEXIBILIDADE E
TOLERÂNCIA
com qualquer uma das várias ações que a
pessoa usuária pode executar ou a entrada
que ela possa fornecer
ANTECIPE
QUANTO MAIS PUDER ANTECIPAR
praticamente qualquer coisa em termos
de entrada, acesso e capacidade,
fornecendo uma interface confiável e
acessível
e planejar o design, mais resiliente será o
design, serviço e produto
LEI DE POSTEL
EXEMPLOS
Web design responsivo aceita a natureza
fluida da internet
LEI DE POSTEL
Pontos importantes
'Ser conversadora no que faz": o
resultado dos nossos esforços
precisa resultar numa interface
confiável e acessível. A interface não
só deve ser fácil, mas também ser
fácil de usar para o maior grupo
possíveis de pessoas usuárias
"Ser liberal no que aceita das
pessoas": significa aceitar entrada
por meio de qualquer mecanismo de
entrada e em uma variedade de
formatos possíveis
A primeira consideração é ser
conservador em termos de quanta
informação solicita às pessoas.
Quanto mais campos você exigir que
preencham, mais energia e esforço
cognitivo está pedindo, o que pode
levar a uma perda de qualidade nas
decisões tomadas
LEIS DA PSICOLOGIA APLICADAS A UX
Regra do pico-final
💡 As pessoas julgam uma experiência, em grande
parte, baseadas em como se sentiram no ponto
mais alto (pico) e no final, em vez da soma total
ou média de cada momento da experiência
As evidências foram exploradas pela primeira vez no artigo de 1993 "Quando
preferimos mais dor em vez de menos: adicionando um final melhor" de
Daniel Kahneman e outros.
REGRA PICO-FINAL
Regra pico-final:
Principais lições
PRESTE MUITA ATENÇÃO
IDENTIFIQUE OS MOMENTOS
LEMBRE-SE
aos pontos mais intensos e aos momentos
finais da jornada da pessoa usuária
em que seu produto é mais útil, valioso
ou divertido e crie um design para
encantar o público
de que as pessoas lembram experiências
negativas mais vividamente do que
experiências positivas
REGRA PICO-FINAL
EXEMPLOS
Detalhes de que uma tarefa foi feita com sucesso
reforçam o sentimento de realização e aprimoram a
experiência, criando instantâneos mentais positivos
para as pessoas que usam o serviço (aplicativo Vitalk)
REGRA PICO-FINAL
Pontos importantes
A regra do pico-final está
relacionada a outro viés cognitivo
conhecido como efeito de recência,
que afirma que os itens próximos ao
final de uma sequência são os mais
fáceis de lembrar
Lembramos não a soma de como
nos sentimos ao longo da
experiência, mas a média de como
nos sentimos durante seus
momentos emocionais de pico e em
seus momentos finais
LEIS DA PSICOLOGIA APLICADAS A UX
Efeito Von Restorff
💡 Quando vários objetos semelhantes estão
presentes, é provável que aquele que difere dos
demais seja lembrado
O efeito recebeu o nome da psiquiatra e pediatra alemã Hedwig Von Restorff,
que descobriu, em um estudo de 1933 o paradigma do isolamento. A
memória é aprimorada para itens de um conjunto que são visuais ou
conceitualmente isolados dos outros itens.
EFEITO VON RESTORFF
Efeito Von Restorff:
Principais lições
USE MODERAÇÃO
NÃO EXCLUA
CONSIDERE COM CUIDADO
ao enfatizar elementos visuais para evitar
competição entre eles e para garantir
que itens em destaque não sejam
erroneamente identificados como
anúncios
pessoas com deficiência de visão de
cores ou baixa visão dependendo
exclusivamente da cor para comunicar
contraste
as pessoas com sensibilidade de
movimento ao usar movimento para
comunicar contraste
EFEITO VON RESTORFF
Cegueira a
anúncios
Conceito da
psicologia
(atenção seletiva)
Cegueira a
mudanças
é a tendência das pessoas ignorarem elementos que
consideram anúncios, e é um fenômeno forte e robusto
que foi documentado durante três décadas. Para manter o
foco nas informações nos filtramos as informações não
relevantes.
é a tendência das pessoas deixarem de notar mudanças
significativas quando elas não têm pistas visuais
suficientemente fortes ou quando sua atenção está
concentrada em outro lugar.
EFEITO VON RESTORFF
Pontos importantes
Como nossa atenção está concentrada no que
parece estar em destaque, podemos ignorar até as
principais diferenças introduzidas em outros
lugares. Se for importante que a pessoa perceba
determinadas alterações na interface, devemos ter
cuidado para garantir que sua atenção seja
direcionada aos elementos em questão
A única coisa pior que nenhum
contraste é contraste demais, o que
pode não apenas diluir o poder dos
elementos ou conteúdos, mas
também sobrecarregar visualmente
as pessoas
LEIS DA PSICOLOGIA APLICADAS A UX
Lei de Tesler
💡 Conhecida como a lei da complexidade, afirma
que para qualquer sistema existe uma certa
quantidade de complexidade que não pode ser
reduzida
Larry Tesler, cientista da computação da Xerox Parc, percebeu que em
qualquer aplicativo ou processo há uma quantidade inerente de
complexidade que não pode ser removida ou oculta. Ela pode ser tratada em
dois locais: desenvolvimento ou interação com a pessoa usuária.
LEI DE TESLER
Lei de Tesler:
Principais lições
TODOS OS PROCESSOS
GARANTA QUE O MÁXIMO
TOME CUIDADO
têm um nucleo de complexidade que não
pode ser removido e, portanto, deve ser
assumido pelo sistema ou a pessoa
usuária
de carga possível seja tirado dos ombros
da pessoa usuária, lidando com a
complexidade inerente durante o design
e o desenvolvimento
para não simplificar as interfaces ao
ponto da abstração
LEI DE TESLER
EXEMPLOS
Reduzir a complexidade a favor de otimizar o tempo das
pessoas usuárias é uma forma eficaz de criar uma boa
experiência
LEI DE TESLER
Pontos importantes
Quando a iconografia é usada e não transmite um
significado claro ou executa uma ação consistente,
ela se torna um ruído visual e um obstáculo para a
conclusão de tarefas
Evite a abstração, quando a quantidade de informações
visuais apresentadas for reduzida para tornar a interface
menos complexa, é importante ter atenção porque isso
pode levar a falta de pistas suficientes para ajudar a
guiar as pessoas por um processo ou informações
necessárias
LEIS DA PSICOLOGIA APLICADAS A UX
Limiar de Doherty
💡 A produtividade aumenta quando um
computador e a pessoa usuária interagem a um
ritmo que garante que nenhuma das partes
precisa esperar pela outra
O limiar aconteceu com base na observação de Doherty, baseado em um
artigo publicado por dois funcionários da IBM em 1982, de que os tempos de
resposta dos computadores têm um impacto desproporcional na
produtividade.
LIMIAR DE DOHERTY
Limiar de Doherty:
Principais lições
A ANIMAÇÃO
AS BARRAS DE PROGRESSO
ADICIONAR PROPOSITALMENTE
é uma maneira de envolver visualmente
as pessoas enquanto o carregamento ou
o processamento está acontecendo em
segundo plano
ajudam a tomar os tempos de espera
toleráveis, independentemente de sua
precisão
um atraso no processo pode de fato
aumentar seu valor percebido e incutir
uma sensação de confiança, mesmo
quando o processo em si leva muito
menos tempo
LIMIAR DE DOHERTY
EXEMPLOS
Animações ou esboço de tela enquanto o processamento
está acontecendo em segundo plano cria a percepção de
que o desempenho é melhor do que realmente é
#ficaadica
(aplicativo Vitalk)
LIMIAR DE DOHERTY
Pontos importantes
A animação é uma outra maneira de envolver
visualmente as pessoas enquanto o carregamento
ou processamento está acontecendo em segundo
plano
Pesquisas mostraram que apenas ver uma barra de
progresso pode tornar os tempos de espera mais
toleráveis. É eficaz porque assegura às pessoas que
suas ações estão sendo processadas; oferece
interesse visual enquanto elas esperam; reduz a
percepção de espera
LEIS DA PSICOLOGIA APLICADAS A UX
"Quando "pessoas usuárias ativas no dia" ou o "tempo de
permanência no app ou site" se tornam métricas mais significativas
do que se um produto está realmente ajudando as pessoas a atingir
seus objetivos ou facilitando conexões interessantes, tem algo
errado"
Vou levantar
algumas
provocações...
"Devemos assumir a responsabilidade pela tecnologia que
ajudamos a criar e garantir que ela respeite o tempo, a atenção e o
bem-estar geral das pessoas"
"O que os dados não nos dizem é porquê as pessoas usuárias estão
se comportando de uma certa maneira ou como o produto está
afetando suas vidas. É essencial considerar outras métricas e
procurar ouvir as pessoas que usam nosso produto"
LEIS DA PSICOLOGIA APLICADAS A UX
Princípios de design
Uma das maneiras mais eficazes de garantir uma tomada de decisão consistente no
processo de design é estabelecer princípios, com um conjunto de diretrizes que
representam as prioridades e os objetivos de um time e servem para argumentação na
tomada de decisão.
PRINCÍPIOS DE DESIGN
Bons princípios de
design
NÃO SÃO TRUÍSMOS
são diretos, claros e
implementáveis, não brandos
e óbvios. Por ex: "o design
deve ser intuitivo"
RESOLVEM QUESTÕES
REAIS
REFLETEM OPINIÕES
FORTES
você deve garantir que os princípios
que você define resolvem
claramente questões reais e oriente
decisões de design
devem ter foco e um senso de
priorização, que irão motivar a equipe
na direção certa quando necessário e
dizer "não" para diversas demandas
SÃO MEMORÁVEIS
os princípios difíceis de lembrar têm
menos probabilidade de serem usados.
Devem ser relevantes para as
necessidades e ambições da equipe e da
organização como um todo.
LEIS DA PSICOLOGIA APLICADAS A UX
Conectando
princípios a leis
💡 A estrutura, idealmente, precisa ter: um objetivo
(princípio de design) + observação (lei) + diretrizes
(regra) que ajude o time seguir para atingir o
objetivo final
PRINCÍPIOS DE DESIGN
Princípio de design: "clareza em detrimento da
abundância de opções"
Observação: Lei de Hick que afirma que "o tempo
necessário para tomar uma decisão aumenta com o
número e complexidade das opções disponíveis"
Diretriz: "limitar as opções a não mais que três itens
por vez" ou "fornecer breves explicações quando
necessário, claras e com no máximo 80 caracteres"
EXEMPLO 01
PRINCÍPIOS DE DESIGN
Princípio de design: "familiaridade em detrimento
da novidade"
Observação: Lei de Jakob que afirma que "as
pessoas usuárias passam a maior parte do tempo
em outros sites e preferem que seu site funcione
da mesma maneira"
Diretriz: "usar padrões de design comuns no início
para reforçar a familiaridade com a interface", em
seguida, podemos recomendar "evitem distrair
pessoas usuárias com uma interface chamativa ou
animações extravagantes"
EXEMPLO 02
LEIS DA PSICOLOGIA APLICADA A UX
Recomendações
de livro
encurtador.com.br/guPW7
encurtador.com.br/eBJT9
LEIS DA PSICOLOGIA APLICADA A UX
Muito thank you!
Espero ter ajudado :)
Vamos falar mais sobre isso?
https://www.linkedin.com/in/fabriciophc/
Download