Compartilhar via


Recomendações para priorizar a facilidade de uso

Aplica-se a esta recomendação da lista de verificação de Otimização da Experiência do Well-Architected para Power Platform:

XO:04 Priorize a facilidade de uso durante o processo de design. Minimize o esforço do usuário e maximize a eficiência da tarefa. Simplifique processos complexos. Alinhe as decisões de design com as necessidades do usuário.

Este guia descreve as recomendações para melhorar a usabilidade no design da interface do usuário. Usabilidade refere-se à facilidade de uso e eficácia de um produto para seus usuários pretendidos. A usabilidade atinge diretamente a satisfação do usuário, os erros e as interações gerais com a interface digital, afetando, em última análise, o sucesso geral de um aplicativo.

Estratégias-chave de design

A usabilidade é um atributo de qualidade que avalia a facilidade de uso das interfaces de usuário. A palavra "usabilidade" também está relacionada a técnicas para aprimorar a facilidade de uso ao longo do processo de design.

A usabilidade é definida por cinco componentes de qualidade:

Componente Description
Capacidade de aprendizagem Com que facilidade as tarefas podem ser realizadas na primeira vez e com que rapidez os usuários aprendem com suas experiências anteriores?
Eficiência Após os usuários se familiarizarem com o design, qual será a rapidez com que eles poderão realizar as tarefas?
Facilidade de memorização Quando os usuários retornam ao design após um período sem usá-lo, com que facilidade eles podem restabelecer a proficiência?
Erros Quantos erros os usuários cometem, qual a gravidade desses erros e com que facilidade eles podem se recuperar dos erros?
Satisfação Quão agradável é usar o design?

Visibilidade de status do sistema

O sistema deve sempre manter os usuários informados sobre o que está acontecendo, através de feedback apropriado dentro de um prazo razoável.

Exiba detalhes importantes sobre o status atual do sistema em locais claros e intuitivos. Por exemplo, se os itens forem selecionados em uma lista, o número de itens selecionados deverá ser exibido.

Captura de tela mostrando o número de itens selecionados.

Use indicadores de progresso ou carregando animações para tranquilizar os usuários de que sua solicitação está sendo processada. Esses indicadores visuais evitam a frustração da incerteza e ajudam a gerenciar as expectativas. Sem eles, os usuários podem perceber o sistema como lento ou sem resposta e abandonar a tarefa.

As atualizações em tempo real mantêm os usuários envolvidos e informados sobre o resultado de suas ações. Use mensagens de status ou notificações para comunicar claramente ações ou erros bem-sucedidos. É comum enviar notificações quando trabalhos assíncronos são concluídos, e os usuários devem saber quando precisam ficar atentos a uma notificação.

Incorpore indicadores codificados por cores em diferentes estados para reconhecimento e compreensão rápidos do status do sistema. A cor é processada mais rapidamente do que o texto, tornando mais fácil para o usuário compreender as informações rapidamente.

Reflita o mundo real

O sistema deve falar a língua dos usuários, usando palavras, frases e conceitos que eles entendam, em vez de termos orientados ao sistema. Siga convenções do mundo real e apresente informações em uma ordem natural e lógica.

Use terminologia e conceitos familiares aos usuários e evite jargões que possam aliená-los. As pessoas tendem a compreender rapidamente o propósito e a funcionalidade de um sistema quando ele fala sua língua.

Estruture as informações do sistema de forma a espelhar cenários e convenções que os usuários entendam. Apresente informações em uma sequência natural e lógica que ressoe com processos familiares ou do mundo real para facilitar a adoção da tecnologia na vida do usuário.

Captura de tela de um campo de formulário de endereço de email obrigatório, com um email digitado incorretamente, exibindo um erro indicando um formato de endereço de email incorreto.

Controle e liberdade do usuário

Os usuários podem acidentalmente selecionar funções do sistema e precisarão de uma "saída de emergência" claramente indicada para sair do estado indesejado, sem a necessidade de navegar por um diálogo extenso. Desfazer e refazer suporte.

Captura de tela de um botão neutro que diz

Quando razoável, ofereça suporte a vários métodos de entrada para acomodar usuários com diferentes preferências e necessidades de acessibilidade. Atalhos de teclado, gestos de toque, comandos de voz ou cliques do mouse garantem que os usuários podem interagir com a interface utilizando o método de sua preferência.

O controle granular sobre os dados e as configurações de privacidade é crucial para respeitar a autonomia do usuário e criar confiança. Ajustar as configurações de privacidade, excluir ou exportar dados e controlar as permissões de acesso para aplicativos de terceiros garante o controle de informações pelos usuários. Oferecer explicações claras e divulgações transparentes sobre práticas de coleta de dados, medidas de segurança e direitos do usuário permite a tomada de decisões informadas e promove transparência e responsabilidade.

Consistência e padrões

Mantenha a consistência no design para assegurar que os usuários possam reconhecer e compreender facilmente os indicadores de status, reduzindo a carga cognitiva e melhorando a usabilidade. Os usuários não devem ter que se perguntar se diferentes palavras, situações ou ações significam a mesma coisa.

Se os padrões de experiência repetíveis parecerem diferentes, os usuários terão dificuldades para interpretar o significado da variação introduzida, levando a ineficiências na compreensão e conclusão de tarefas. O uso de um conjunto de controles correspondente ajuda a garantir que os elementos visuais sejam consistentes em telas e experiências.

Captura de tela mostrando dois padrões diferentes de interface de usuário, um para abrir a próxima tela com um controle de botão e outro padrão para abrir a tela com um controle de link.

Prevenção de erros

Ainda melhor do que boas mensagens de erro é um design cuidadoso que evita que um problema ocorra em primeiro lugar. Elimine as condições propensas a erros ou verifique-as e apresente aos usuários uma opção de confirmação antes de se comprometerem com a ação. Resolva de forma proativa possíveis problemas na interface para manter a continuidade do fluxo de trabalho.

Captura de tela de uma verificação de validação de formulário de exemplo antes do envio.

Reconhecimento em vez de recall

Minimize a carga de memória do usuário tornando visíveis objetos, ações e opções. O usuário não deve se lembrar de informações de uma parte do aplicativo para outra. As instruções devem ser visíveis ou facilmente recuperáveis sempre que apropriado.

Ao criar formulários, veja se deseja fornecer opções predefinidas para os usuários escolherem ou permitir a entrada de texto livre. Essa escolha pode ser determinada pelo tipo de dados, mas também deve ser considerada na camada da interface do usuário. Opte por opções predefinidas quando a velocidade e a conveniência forem primordiais e escolha a entrada de texto livre para cenários que exigem detalhes mais ricos ou respostas personalizadas.

Forneça orientação e recursos para evitar a necessidade de recuperar informações importantes da memória. Padrões comuns de interface de usuário incluem ícones contextuais de ajuda, documentação embutida, dicas de ferramentas, tutoriais incorporados, menus de ajuda sob demanda, bases de dados de conhecimento pesquisáveis e widgets de ajuda interativos, como recursos habilitados para IA.

Captura de tela de uma comparação entre uma lista de verificação com um conjunto de opções e um conjunto de campos de entrada de texto para resposta de texto livre.

Flexibilidade e eficiência de uso

Acomodar usuários de diferentes níveis de especialização incorporando recursos como aceleradores e opções de personalização. Essa abordagem permite que a interface se adapte às necessidades e preferências de usuários iniciantes e especialistas de forma eficaz.

Os aceleradores, muitas vezes não notados por usuários iniciantes, podem acelerar a interação para usuários experientes, permitindo que o sistema atenda com eficiência tanto os usuários inexperientes quanto os experientes.

As opções de personalização permitem que os usuários personalizem a interface de acordo com suas preferências, personalizando a experiência geral. Fornecer opções para reorganizar elementos de interface (por exemplo, cartões de painel) ou criar atalhos personalizados para recursos usados com frequência aumenta a eficiência e o conforto do usuário ao navegar no sistema. Atender a diversas habilidades e preferências do usuário promove um senso de propriedade e investimento pessoal em uma experiência.

Captura de tela mostrando um painel de filtro com um link para filtros salvos, seguido pela experiência de filtragem principal.

Design estético e minimalista

Priorize atualizações de status claras e focadas para que os usuários compreendam as informações com mais facilidade. Essa abordagem reduz o esforço cognitivo e minimiza o risco de má interpretação, frustração ou desengajamento.

Os diálogos não devem conter informações irrelevantes ou raramente necessárias. Cada unidade extra de informação em um diálogo compete com as unidades de informação relevantes e diminui sua visibilidade relativa.

Captura de tela de uma caixa de diálogo com uma pergunta sucinta acionável, com um botão principal que diz

Ajude os usuários a reconhecer, diagnosticar e se recuperar de erros

As mensagens de erro devem ser expressas em linguagem simples sem código, indicar claramente o problema e sugerir de forma construtiva uma solução.

Forneça ajuda ou orientação contextual para ajudar os usuários a resolver problemas ou entender atrasos. Essa abordagem ajuda os usuários a determinar os próximos passos apropriados, especialmente ao enfrentar obstáculos ou tarefas complexas. Em vez de simplesmente apresentar um problema, ofereça uma solução clara e incorpore funcionalidades integradas para agilizar a resolução.

Captura de tela de uma mensagem de erro com explicação clara da mensagem e sugestões para tentar novamente.

Ajuda e documentação

Embora o sistema deva ser intuitivo o suficiente para ser usado sem documentação, pode haver casos em que a ajuda e a documentação são necessárias. Nesses casos, certifique-se de que as informações sejam fáceis de encontrar, orientadas para tarefas, concisas e forneçam instruções claras passo a passo.

Captura de tela de uma interface do painel de ajuda acessada na barra de comandos superior.

Facilitação do Power Platform

As experiências da plataforma Copilot no Power Apps podem ajudar os usuários a descobrirem insights valiosos durante as conversas:

Para aplicativos de tela, você pode indicar o progresso e os estados de carregamento com a barra de progresso e os controles modernos de controle giratório . Use o controle de notificação para exibir informações de status.

Implemente tratamento robusto de erros em aplicativos de tela no cliente usando expressões do Power Fx relacionadas a erros. Defina erros personalizados do lado do servidor com o Power Fx usando plug-ins low-code, que incluem validação pré-operação.

Nos aplicativos baseados em modelo, onde a usabilidade é incorporada à interface, concentre-se em configurar aspectos da experiência que aprimoram a usabilidade. Um exemplo de acelerador interno é o recurso de exibições pessoais, que permite aos usuários salvar a filtragem e as preferências de coluna de uma tabela em um aplicativo. Além disso, configure páginas de ajuda personalizadas para oferecer um recurso de ajuda detalhado no aplicativo.

Lista de verificação de Otimização da Experiência