Recomendações para otimizar interações
Aplica-se a esta recomendação da lista de verificação de Otimização da Experiência do Well-Architected para Power Platform:
| XO:08 | Priorize a capacidade de resposta e os comentários. Facilite a compreensão de como interagir com a interface, incorporando interações alinhadas com modelos mentais e expectativas dos usuários. |
|---|
Este guia descreve as recomendações para interações no design da interface do usuário. O design da interação é crucial para compreender como usuários processam informações do sistema e como elementos visuais são organizados inicialmente e respondem a entradas de usuário. Ele auxilia no planejamento dos fluxos de tarefas e na acomodação de contingências e cenários variados, ajudando usuários a atingir as metas.
Definições
| Termo | Definição |
|---|---|
| Carga cognitiva | A intensidade total de esforço mental necessária para executar uma tarefa ou processar informações. Isso abrange tanto a carga cognitiva intrínseca, inerente à complexidade da tarefa, quanto a carga cognitiva estranha, causada por elementos desnecessários ou design instrucional insatisfatório. O gerenciamento da carga cognitiva é essencial para o aprendizado, a resolução de problemas e a tomada de decisões. A carga cognitiva excessiva pode sobrecarregar os indivíduos e reduzir o desempenho. |
| Fadiga da decisão | A deterioração da qualidade de decisões tomadas por um indivíduo após uma longa sessão de tomada de decisões. À medida que as pessoas fazem escolhas ao longo do dia, os recursos mentais se esgotam, o que acarreta habilidades insatisfatórias para tomada de decisão, impulsividade e fuga da tomada de decisões coletivamente. Esse fenômeno pode afetar vários aspectos da vida, desde escolhas pessoais até a tomada de decisões profissionais. |
Estratégias-chave de design
Para uma carga de trabalho bem-sucedida, o design visual e as interações do usuário devem trabalhar em harmonia para criar a experiência do usuário. Aqui estão algumas melhores práticas que se concentram principalmente no comportamento do usuário.
Funcionalidade
Uma "funcionalidade" é um sinal percebido ou uma pista de que um objeto pode ser usado para realizar uma ação em especial. Por exemplo, "uma alça permite segurar"; ou seja, uma alça sugere que pode ser segurada. O uso de funcionalidades ajuda os usuários a compilar modelos mentais corretos dos resultados das ações.
Os controles modernos disponíveis no Power Apps usam os componentes do Fluent UI mais recentes, que integram elementos visuais como sombras, gradientes e animações para sinalizar a interatividade. Por exemplo, botões elevados sugerem que podem ser clicados, e campos de texto realçados indicam preparação para entrada. Esses controles seguem convenções e padrões de design estabelecidos, proporcionando uma experiência familiar e intuitiva para usuários que estão acostumados com interfaces de software modernas.
Modelo mental
As percepções de uma interface do usuário por usuários influenciam significativamente a interação com ela. As discrepâncias normalmente surgem quando os usuários esperam resultados diferentes da interface do usuário, acarretando modelos mentais incompatíveis. É crucial que o modelo mental do usuário esteja alinhado com o modelo mental do designer integrado ao sistema. Tome cuidado ao usar padrões de design desconhecidos porque eles podem confundir os usuários.
Os controles modernos baseados no Fluent UI são testados por uma equipe de design profissional, o que garante que o modelo mental do usuário seja o mesmo da intenção para o padrão. Para elementos visuais compostos ou fluxos de tarefas, não se esqueça de comunicar claramente uma representação precisa do modelo mental.
Uma maneira comum de ilustrar o modelo mental é mostrando o status ou os estados dos dados da tabela importantes para o usuário compreender. Por exemplo, se um registro estiver inativo ou fechado, todo o formulário deverá ser definido como somente leitura para se alinhar ao comportamento esperado.
Vieses cognitivos
Os vieses cognitivos são as regras e os atalhos pelos quais fazemos julgamentos e previsões. Há mais de 150 desvios cognitivos. Eles podem ser divididos em quatro grupos:
Sobrecarga de informações: a pesquisa sugere que o cérebro humano tenha uma capacidade limitada de processar conscientemente informações em um dado momento. No mundo atualmente saturado de informações, os usuários tendem a filtrar a maior parte delas. O cérebro emprega estratégias para identificar e reter as informações potencialmente mais úteis.
Efeito de ambiguidade: O mundo é complexo, e os usuários só percebem uma pequena fração dele. No entanto, eles precisam entendê-lo para navegar de maneira eficaz. Os usuários vinculam informações, preenchem partes faltantes com o conhecimento existente e atualizam sempre as percepções.
Efeito de urgência: os usuários sofrem com restrições de tempo e informação. Cada nova informação exige que os usuários avaliem o impacto potencial, apliquem-na ao processo da tomada de decisão, prevejam resultados futuros e tomem medidas com base nesses insights.
Memória and recall: os usuários ponderam constantemente quais informações reter e o que descartar. Quando confrontados com uma infinidade de detalhes intrincados, eles normalmente selecionam alguns itens notáveis para lembrar e desconsideram o resto.
O aprendizado desses desvios cognitivos aumenta a conscientização de armadilhas em potencial em uma experiência do usuário e promove a empatia a usuários ao compreender as limitações cognitivas e tendências. Essa consciência permite aos designers reconhecer quando os vieses podem influenciar as próprias decisões ou interações dos usuários na interface, acarretando soluções de design mais bem pensadas e centradas no usuário. A incorporação desse conhecimento acarreta experiências do usuário mais intuitivas e satisfatórias.
Compreenda as necessidades, as metas e os comportamentos dos usuários. Empregue métodos de pesquisa do usuário, como pesquisas e entrevistas, para ajudar a revelar vieses cognitivos que possam afetar como os usuários percebem e interagem com a interface. Itere continuamente no design com base nos comentários do usuário e nos resultados dos testes de usabilidade para identificar e resolver vieses cognitivos ou problemas de usabilidade que possam surgir.
O uso dos padrões de design e das convenções padrão alinhados com modelos mentais comuns ou universais ajuda os usuários a navegar na interface de maneira mais intuitiva e reduz a probabilidade de desvios cognitivos influenciarem interações.
A ilusão de Müller-Lyer demonstra que, apesar das linhas serem objetivamente do mesmo comprimento, nossos cérebros interpretam as linhas de maneira diferente por causa do contexto visual circundante (as setas), o que causa o erro perceptivo, ou ilusão, de uma linha ser mais longa do que a outra.
Lei de Fitts
A lei de Fitts prevê que o tempo necessário para atingir um alvo é uma função da distância e do tamanho do alvo. Os elementos grandes posicionados próximos dos usuários são facilmente selecionáveis. Por exemplo, se um botão for muito pequeno ou estiver longe do conteúdo ao qual está relacionado, vai demorar mais tempo para o usuário selecioná-lo.
Botões grandes e bem posicionados permitem aos usuários navegar na interface com o mínimo de esforço, evitando frustrações e garantindo uma experiência de usuário tranquila. Os elementos interativos, como botões ou links, devem ser grandes o suficiente e deixados próximos do movimento natural do cursor ou do alcance natural dos usuários; por exemplo, colocar botões de ação principal em dispositivos móveis em locais de destaque ao alcance dos polegares dos usuários. Deixar esses elementos mais fáceis de clicar ou tocar reduz o tempo necessário para os usuários interagirem com eles.
Se os elementos interativos forem muito pequenos ou espaçados demais, os usuários poderão selecionar acidentalmente o elemento errado ou perder completamente o alvo. O design com a lei de Fitts em mente ajuda a evitar esses problemas, garantindo que os elementos interativos sejam claramente identificáveis e fáceis de acessar.
Leve em consideração as necessidades dos usuários com destreza limitada ou necessidades especiais de mobilidade. Elementos interativos maiores mais fáceis de segmentar e com a ordem de tabulação correta ajudam a garantir que todos os usuários possam interagir confortavelmente com a interface.
Lei de Hick
A lei de Hick declara que, à medida que o número de estímulos aumenta, o tempo necessário para tomar uma decisão também aumenta, o que ressalta a importância da simplicidade em processos da tomada de decisão.
Em vez de apresentar aos usuários uma infinidade de opções de uma só vez, divida tarefas complexas em etapas menores e mais gerenciáveis usando uma divulgação progressiva. Ajude os usuários a se concentrar em fazer uma única escolha, reduzir o tempo para tomada de decisões e evitar sobrecarregar o usuário. Por exemplo, use um assistente passo a passo em processos complexos, como configuração de conta ou personalização de produto.
Oriente usuários em direção a opções recomendadas para simplificar a tomada de decisões. Destaque as opções preferidas para decisões rápidas e evite sobrecarregar com alternativas. Isso evita a paralisia de decisões e ajuda usuários a percorrerem a interface de maneira eficiente.
Muitas escolhas sobrecarregam usuários e levam à fadiga de decisão. Mantenha a interface limpa e organizada, priorizando informações essenciais, ocultando ou minimizando detalhes menos críticos. Procure evitar confusões e permita aos usuários se concentrar na tarefa em questão.
Projete interações que acarretem respostas simples. Use perguntas "sim/não" ou ofereça opções claras. Reduza a carga cognitiva sobre usuários e torne a tomada de decisões eficiente. Evite perguntas complexas ou ambíguas para evitar erros ou confusão do usuário.
Efeito de posição em série
O efeito de posição serial é a tendência de recordar com mais facilidade os primeiros, últimos e itens mais distintos de uma série. Use as seguintes dicas para melhorar a capacidade de memorização:
Posicione as ações-chave, as informações importantes ou o conteúdo crítico no início e no final de listas, menus ou experiências. Essa colocação garante que os usuários tenham mais chances de lembrar e interagir com esses elementos. Por exemplo, coloque as opções de navegação primária no início e no final de uma barra de menus para facilitar o acesso.
Crie elementos visualmente importantes distintos do conteúdo próximo para melhorar a capacidade de memorização. Use cores contrastantes, tipografia em negrito ou ícones exclusivos a fim de chamar a atenção para ações ou informações críticas. Essa abordagem ajuda usuários a diferenciar elementos importantes do restante da interface, o que melhora o recall e a usabilidade.
Organize o conteúdo e as ações com base na importância e na relevância para as tarefas ou as metas dos usuários. Certifique-se de que as informações mais críticas sejam apresentadas primeiro e por último, com detalhes menos importantes entre elas. Essa técnica ajuda usuários a se concentrar no conteúdo essencial, ao mesmo tempo em que minimiza a carga cognitiva e evita a sobrecarga de informações.
Princípio de Pareto
O princípio de Pareto (também conhecido como regra 80/20, a lei de poucos vitais e o princípio da esparsidade fatorial) afirma que, para muitos resultados, aproximadamente 80% das consequências vêm de 20% das causas, ou, de forma mais ampla, uma minoria de entradas frequentemente gera a maioria dos resultados.
Identifique os aspectos mais críticos da interface do usuário que afetam drasticamente a satisfação e a usabilidade do usuário. Pense nas tarefas de usuário mais comuns ou nos recursos mais acessados. Priorize o desenvolvimento desses elementos-chave; de forma que as equipes de projeto possam alocar recursos com mais eficiência e garantir que as áreas mais vitais da interface do usuário recebam mais atenção.
Realize um teste de usuário com um grupo pequeno de participantes para descobrir a maioria dos problemas de usabilidade. A pesquisa sugere que testes com apenas alguns usuários podem revelar uma parte significativa dos problemas. Use essa estratégia para encontrar e resolver problemas no início do processo de design.
Tome cuidado com o design universal X inclusivo. Leve em consideração o equilíbrio entre os princípios de design universal, que visam criar interfaces úteis pelo maior número possível de pessoas, e o design inclusivo, que se concentra em atender às necessidades específicas de grupos de usuários diversificados. Embora seja essencial projetar para a maioria dos usuários, também é crucial levar em consideração as necessidades de grupos marginalizados ou sub-representados para garantir que a interface do usuário seja acessível e inclusiva para todos.
Lei de Jakob
A lei de Jakob afirma que os usuários passam a maior parte do tempo em outros sites. Em outras palavras, os usuários preferem interfaces que espelham experiências de outras interfaces conhecidas. Ofereça padrões de design familiares para simplificar o processo de aprendizado.
Incorpore elementos de design e padrões de interação muito usados que os usuários encontram em outros sites. Por exemplo, coloque o menu de navegação na parte superior da página ou use um ícone de carrinho de compras para sites de comércio eletrônico. Essa familiaridade facilita a navegação e a interação de usuários com a interface do usuário. Os usuários esperam que elementos clicáveis se pareçam com botões ou links. Atendendo a essas expectativas, você simplifica o processo de aprendizado, reduz a carga cognitiva e garante que os usuários não sejam sobrecarregados ou frustrados com interfaces desconhecidas. Esse tipo de experiência aumenta a probabilidade de usuários permanecerem engajados e atingirem as metas.
Lei de Miller
A Lei de Miller declara que uma pessoa média pode manter aproximadamente sete (mais ou menos dois) itens na memória de trabalho de uma só vez. Esse insight realça as limitações cognitivas do processamento de informações humanas e teve implicações significativas em muitos campos, inclusive o design da interface do usuário. A pesquisa de Miller continua informando nossa compreensão da capacidade de memória e influencia estratégias para otimizar o desempenho cognitivo e projetar ambientes e interfaces de aprendizado eficazes.
Chunking é um método eficaz de apresentar grupos de conteúdo de maneira gerenciável. Organize o conteúdo em partes ou grupos significativos contendo de cinco a nove itens. O emprego de dicas visuais (como espaçamento, bordas ou cores) delineia claramente diferentes partes do conteúdo, ajudando os usuários a perceber a estrutura das informações e navegar de maneira eficaz.
Dentro de cada parte, coloque as informações ou as ações mais importantes em primeiro plano, deixando-as facilmente acessíveis para os usuários. Apresente aos usuários um número gerenciável de opções para evitar a fadiga da decisão e reduzir a tensão cognitiva. Use cabeçalhos, marcadores ou ícones para ajudar usuários a examinar e navegar rapidamente para seções relevantes da interface, inclusive conteúdo dentro das partes.
Regra do pico-fim
A regra do pico-fim afirma que as pessoas julgam uma experiência em grande parte com base em como se sentiram no pico e no fim, e não com base na soma total ou na média de todos os momentos da experiência. Aprimore os momentos de pico identificando onde no percurso do usuário o produto é mais útil, valioso ou divertido. Concentre-se em melhorar esses momentos de pico, agregando valor adicional, prazer ou funcionalidade para deixar uma impressão positiva duradoura no usuário. Também leve em consideração a otimização do término do percurso, prestando atenção especial à maneira como o usuário conclui o fluxo de trabalho. Verifique se as interações finais ou as mensagens são claras, satisfatórias e alinhadas com as expectativas dos usuários, deixando-os com uma última impressão positiva.
Entre algumas maneiras de melhorar experiências positivas estão:
Personalização: personalize a experiência do usuário a preferências e comportamentos individuais. Ofereça recomendações personalizadas, sugestões de conteúdo ou opções de personalização com base em dados e preferências do usuário.
Microinterações: incorpore animações ou interações pequenas e deliciosas em toda a interface para deixar as interações mais atrativas e agradáveis. Por exemplo, animações sutis ao focalizar botões ou telas de carregamento divertidas podem dar um toque de personalidade à experiência do usuário.
Surpresa e felicidade: introduza elementos inesperados ou easter eggs que surpreendam e deixem os usuários felizes. Por exemplo, recursos ocultos, mensagens bem-humoradas ou elementos interativos que incentivam a exploração e a descoberta.
Melhorias de eficiência: simplifique tarefas e interações para as deixar mais rápidas e eficientes para os usuários. Apresente recursos como atalhos de teclado, sugestões de preenchimento automático ou ações com um clique para simplificar tarefas comuns e economizar tempo dos usuários.
Design visual: invista em design visual de alta qualidade para criar uma interface visualmente atrativa e coesa. Use uma tipografia esteticamente atraente, esquemas de cores e imagens para evocar emoções positivas e melhorar a experiência geral do usuário.
Comentários e confirmação:faça comentários imediatos e significativos para ações dos usuários a fim de tranquilizá-los de que as interações sejam registradas e compreendidas. Use dicas visuais, animações ou notificações para confirmar a entrada de usuário e as ações em tempo real.
Gamification: introduza elementos semelhantes a jogos, como desafios, recompensas ou acompanhamento de progresso, para tornar a experiência do usuário mais atrativa e agradável. Incentive os usuários a atingir metas ou marcos específicos dentro da interface para criar uma sensação de realização e motivação.
Reconheça que os usuários se lembram de experiências negativas mais vividamente do que positivas. Tome medidas proativas para identificar e resolver problemas encontrados ou problemas de usabilidade ao longo do percurso do usuário para evitar que as experiências negativas ofusquem as positivas. As diretrizes neste pilar se destinam a ajudar a melhorar as experiências negativas. Seguir a heurística de usabilidade, atender à conformidade de acessibilidade, usar tratamento de erros claro, usar consistência em design e otimizar desempenho, tudo ajudando a lidar com experiências negativas.
Colete continuamente comentários de usuários para identificar momentos de pico, problemas encontrados e áreas de melhoria. Use esses comentários para aprimorar iterativamente a experiência do usuário, concentrando-se na otimização dos momentos de pico e na resolução de eventuais experiências negativas.
Lei de Postel
A lei de Postel, ou o princípio da robustez, é parafraseado como "Seja liberal no que aceita e conservador no que envia". Em outras palavras, seja empático, flexível e tolerante com as diversas ações que um usuário pode tomar; Por exemplo, ao aceitar entrada variável de usuários, traduzir entrada para atender aos requisitos, definir limites para entrada e fornecer feedback claro ao usuário. Ao mesmo tempo, mantenha a especificidade naquilo que você pede que o usuário faça.
Projete a interface para aceitar uma grande variedade de entradas de usuário, acomodando preferências, comportamentos e dispositivos diferentes. Essa flexibilidade evita que os usuários se sintam restritos ou frustrados por requisitos de entrada rígidos. Se necessário, traduza a entrada do usuário para atender aos requisitos ou aos padrões do sistema. Por exemplo, converta formatos de data ou unidades de medida diferentes para garantir a consistência e a precisão no processamento da entrada do usuário.
Defina claramente limites para entradas aceitáveis, oferecendo diretrizes e restrições para evitar erros ou ações indesejadas. Essa abordagem ajuda usuários a compreender o escopo das interações e reduz a probabilidade de equívocos cometidos.
Faça comentários imediatos e informativos aos usuários em resposta às ações, como em mensagens de validação, alertas de erro ou caixas de diálogo de confirmação. Esses comentários orientam usuários e evitam confusão ou incerteza.
Comunique claramente expectativas e instruções aos usuários, especificando quais ações são necessárias e como elas devem ser realizadas. Evite ambiguidade ou uma linguagem vaga que possa acarretar mal-entendidos ou erros.
Informações relacionadas
- Funcionalidade
- Modelo mental
- Desvio cognitivo
- Ilustração de Müller Lyer
- Lei de Hick
- Lei de Fitts
- Efeito de posição em série
- Princípio de Pareto
- Lei de Jakob
- "The Magical Number Seven, Plus or Minus Two" (O Número Mágico Sete, Mais ou Menos Dois) de George A. Miller
- Regra do pico-fim
- Princípio da robustez (lei de Postel)