Partilhar via


Recomendações para priorizar a facilidade de utilização

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

XO:04 Dê prioridade à facilidade de utilização durante o processo de estruturação. Minimize o esforço do utilizador e maximize a eficiência das tarefas. Simplifique processos complexos. Alinhe as decisões de estruturação com as necessidades do utilizador.

Este guia descreve as recomendações para melhorar a capacidade de utilização na estruturação da interface do utilizador. A capacidade de utilização refere-se à facilidade de utilização e eficácia de um produto para os utilizadores a que se destinam. A capacidade de utilização afeta diretamente a satisfação do utilizador, os erros e as interações gerais com a interface digital, afetando o sucesso geral de uma aplicação.

Principais estratégias de design

A capacidade de utilização é um atributo de qualidade que avalia a facilidade de utilização das interfaces de utilizador. A palavra "capacidade de utilização" também se refere a métodos para melhorar a facilidade de utilização durante o processo de design.

A capacidade de utilização é definida por cinco componentes de qualidade:

Componente Description
Capacidade de aprendizagem Com que facilidade as tarefas podem ser realizadas pela primeira vez e com que rapidez os utilizadores aprendem com a sua experiência anterior?
Eficiência Depois que os usuários aprenderem o design, com que rapidez eles podem executar tarefas?
Capacidade de memória Quando os utilizadores regressam à estrutura após um período sem a utilizar, com que facilidade poderão restabelecer a proficiência?
Erros Quantos erros os utilizadores cometem, qual a gravidade desses erros e com que facilidade podem recuperar dos erros?
Satisfação Quão agradável é usar o design?

Visibilidade do estado do sistema

O sistema deve manter sempre os utilizadores informados sobre o que se está a passar, através de feedback adequado dentro de um prazo razoável.

Apresente detalhes importantes sobre o estado atual do sistema em locais claros e intuitivos. Por exemplo, se os itens são selecionados a partir de uma lista, o número de itens selecionados deve ser apresentado.

Captura de ecrã que mostra o número de itens selecionados.

Utilize indicadores de progresso ou animações de carregamento para tranquilizar os utilizadores de que o pedido está a ser processado. Estes indicadores visuais evitam a frustração da incerteza e ajudam a gerir as expectativas. Sem eles, os utilizadores poderão perceber que o sistema está lento ou não responde e abandonar a tarefa.

As atualizações em tempo real mantêm os utilizadores cativados e informados sobre o resultado das suas ações. Utilize mensagens de estado ou notificações para comunicar claramente ações ou erros bem sucedidos. É comum enviar notificações quando as tarefas assíncronas são concluídas e os utilizadores devem saber quando precisam de procurar uma notificação.

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

Refletir o mundo real

O sistema deve falar a língua dos utilizadores, através de palavras, frases e conceitos que compreendem, em vez de termos orientados para o sistema. Siga as convenções do mundo real e apresente as informações por ordem natural e lógica.

Utilize terminologia e conceitos que sejam familiares para os utilizadores e evite jargão que possam aliená-los. As pessoas tendem a compreender rapidamente o propósito e a funcionalidade de um sistema quando ele fala a sua língua.

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

Captura de ecrã de um campo de formulário de endereço de e-mail obrigatório, com um e-mail digitado incorretamente, exibindo um erro indicando um formato de endereço de e-mail incorreto.

Controlo e liberdade do utilizador

Os usuários podem selecionar inadvertidamente as funções do sistema e precisarão de uma "saída de emergência" claramente marcada para deixar o estado indesejado sem navegar por um diálogo estendido. Suporte de anular e refazer.

Captura de ecrã de um botão neutro que diz

Quando razoável, suporte vários métodos de entrada para acomodar utilizadores com preferências diferentes e necessidades de acessibilidade. Atalhos de teclado, gestos de toque, comandos de voz ou cliques do rato garantem que os usuários possam interagir com a interface usando seu método preferido.

O controlo granular sobre os dados e as definições de privacidade é crucial para respeitar a autonomia do utilizador 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 que os usuários possam manter o controle sobre suas informações. Oferecer explicações claras e divulgações transparentes sobre práticas de recolha de dados, medidas de segurança e direitos dos utilizadores permite uma tomada de decisões informadas e promove a transparência e a responsabilização.

Coerência e padrões

Mantenha a consistência no design para garantir que os utilizadores podem facilmente reconhecer e compreender os indicadores de estado, reduzindo a carga cognitiva e melhorando a capacidade de utilização. Os utilizadores não devem ter de se perguntar se palavras, situações ou ações diferentes significam a mesma coisa.

Se os padrões de experiência repetíveis parecerem diferentes, os utilizadores terão dificuldade de 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 entre telas e experiências.

Captura de ecrã que mostra dois padrões de IU diferentes, um para abrir o ecrã seguinte com um controlo de botão e outro para abrir o ecrã com um controlo de ligação.

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 utilizadores uma opção de confirmação antes de se comprometerem com a ação. Aborde proativamente os possíveis problemas na interface para manter a continuidade do fluxo de trabalho.

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

Reconhecimento em vez de revocação

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

Ao criar formulários, considere se deseja fornecer opções predefinidas para os utilizadores escolherem ou permitir a entrada de texto livre. Esta escolha pode ser determinada pelo tipo de dados, mas também deve ser pensada através da camada de UI. Opte por opções predefinidas quando a velocidade e a conveniência são primordiais e escolha a introdução de texto livre para cenários que necessitam de detalhes mais ricos ou respostas personalizadas.

Forneça orientação e recursos para evitar a necessidade de recuperar informações importantes da memória. Os padrões comuns de IU incluem ícones de ajuda contextual, documentação inline, descrições e tutoriais incorporados, menus de ajuda a pedido, bases de dados de conhecimento pesquisáveis e widgets de ajuda interativos, como recursos ativados por IA.

Captura de ecrã 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 utilização

Acomodar utilizadores de vários níveis de experiência incorporando funcionalidades como aceleradores e opções de personalização. Esta abordagem permite que a interface se adapte às necessidades e preferências de utilizadores principiantes e especialistas de forma eficaz.

Os aceleradores, que passam muitas vezes despercebidos pelos utilizadores principiantes, podem acelerar a interação para utilizadores experientes, permitindo que o sistema atenda de forma eficaz tanto aos inexperientes quanto aos experientes.

As opções de personalização permitem que os utilizadores adaptem a interface às suas preferências, personalizando a experiência global. Fornecer opções para reorganizar elementos da interface (por exemplo, cartões de painel) ou criar atalhos personalizados para recursos usados com frequência aumenta a eficiência do utilizador e o conforto na navegação do sistema. Atender às diversas habilidades e preferências do utilizador promove um sentido de propriedade e investimento pessoal numa experiência.

Captura de ecrã que mostra um painel de filtro com uma ligação para os filtros guardados seguido da experiência de filtragem principal.

Design estético e minimalista

Dê prioridade a atualizações de estado claras e focadas para que os utilizadores compreendam mais facilmente as informações rapidamente. Esta abordagem reduz o esforço cognitivo e minimiza o risco de má interpretação, frustração ou desmotivação.

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

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

Ajudar os utilizadores a reconhecer, diagnosticar e recuperar de erros

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

Fornecer ajuda contextual ou orientação para ajudar os utilizadores a resolver problemas ou a compreender atrasos. Esta abordagem ajuda os utilizadores a determinar os passos seguintes apropriados, especialmente quando se deparam com obstáculos ou tarefas complexas. Em vez de simplesmente apresentar um problema, ofereça uma solução clara e incorpore funcionalidade integrada para agilizar a resolução.

Captura de ecrã de uma mensagem de erro com uma explicação clara da mensagem e sugestões para repetir.

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 são fáceis de encontrar, orientadas para tarefas, concisas e fornecem instruções passo a passo claras.

Captura de ecrã de uma interface do painel de ajuda acedida a partir da barra de comandos superior.

Facilitação do Power Platform

As experiências com a tecnologia Copilot no Power Apps podem ajudar os utilizadores a descobrir informações valiosas durante as conversações:

Para as aplicações de tela, pode indicar o progresso e os estados de carregamento com a barra de progresso e controlos modernos de ícone de progresso. Utilize o controlo de destaque para apresentar informações de estado.

Implemente um processamento de erros robusto em aplicações de tela no cliente utilizando expressões relacionadas com erros do Power Fx. Defina os erros personalizados do lado do servidor com o Power Fx utilizando plugins de low-code, que incluem a validação pré-operação.

Nas aplicações condicionadas por modelo, onde a capacidade de utilização está incorporada na interface, concentre-se em configurar aspetos da experiência que melhoram a capacidade de utilização. Um exemplo de um acelerador incorporado é a funcionalidade vistas pessoais, que permite que os utilizadores guardem as preferências de filtragem e coluna para uma tabela numa aplicação. Além disso, configure as páginas de ajuda personalizadas para oferecer um recurso de ajuda detalhado dentro da aplicação.

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