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/