Diretrizes para configurações de aplicativos

As configurações do aplicativo são as partes personalizáveis pelo usuário do seu aplicativo do Windows acessadas por meio de uma página de configurações do aplicativo. Por exemplo, um aplicativo leitor de notícias pode permitir que o usuário especifique quais fontes de notícias exibir ou quantas colunas exibir na tela, enquanto um aplicativo de clima pode permitir que o usuário escolha entre Celsius e Fahrenheit. Este artigo fornece recomendações e práticas recomendadas para criar e exibir configurações de aplicativos.

Quando fornecer uma página de configurações

Eis alguns exemplos de opções de aplicações que pertencem a uma página de definições da aplicação:

• Opções de configuração que afetam o comportamento do aplicativo e não exigem reajustes frequentes, como escolher entre Celsius ou Fahrenheit como unidades padrão de temperatura em um aplicativo de meteorologia, alterar as configurações da conta para um aplicativo de email, configurações para notificações ou opções de acessibilidade.
• Opções que dependem das preferências do usuário, como música, efeitos sonoros ou temas de cores.
• Informações de aplicativos que não são acessadas com muita frequência, como política de privacidade, ajuda, versão do aplicativo ou informações de direitos autorais.

Os comandos que fazem parte do fluxo de trabalho típico do aplicativo (por exemplo, alterar o tamanho do pincel em um aplicativo de arte) não devem estar em uma página de configurações. Para saber mais sobre o posicionamento de comandos, consulte Noções básicas de design de comandos.

Recomendações gerais

• Mantenha as páginas de configurações simples e faça uso de controles binários (on/off). Um interruptor de alternância é geralmente o melhor controle para uma configuração binária.
• Para configurações que permitem que os utilizadores escolham um item de um conjunto de até 5 opções mutuamente exclusivas e relacionadas, use botões de opção.
• Crie um ponto de entrada para todas as configurações do aplicativo na página da configuração do aplicativo.
• Mantenha as suas definições simples. Defina padrões inteligentes e mantenha o número de configurações no mínimo.
• Quando um usuário altera uma configuração, o aplicativo deve refletir imediatamente a alteração.
• Não inclua comandos que façam parte do fluxo de trabalho comum do aplicativo.

Ponto de entrada

A maneira como os usuários acessam a página de configurações do aplicativo deve ser baseada no layout do aplicativo.

Painel de navegação

Para um layout de painel de navegação, as configurações do aplicativo devem ser o último item na lista de opções de navegação e ser fixadas na parte inferior:

Barra de comandos

Se estiver a usar uma barra de comandos ou barra de ferramentas, coloque o ponto de entrada das configurações como um dos últimos itens no menu de sobrefluxo "Mais". Se uma maior visibilidade do ponto de entrada das definições for importante para o seu aplicativo, coloque o ponto de entrada diretamente na barra de comandos e não dentro do menu de opções adicionais.

Hub

Se estiver a usar um layout de hub, o ponto de entrada para as definições da aplicação deve ser colocado dentro do menu de opções adicionais "Mais" de uma barra de comandos.

Separadores/pivôs

Para um layout de guias ou pivôs, não recomendamos colocar o ponto de entrada das configurações do aplicativo como um dos principais itens da navegação. Em vez disso, o ponto de entrada para as definições do aplicativo deve ser colocado dentro do menu suspenso "Mais" de uma barra de comandos.

Detalhes da lista

Em vez de esconder profundamente o ponto de acesso às configurações da aplicação num painel de detalhes da lista, coloque-o como o último item fixado no nível superior do painel de lista.

Esquema

A janela de configurações do aplicativo deve abrir em tela cheia e preencher toda a janela. Se o menu de configurações do aplicativo tiver até quatro grupos de nível superior, esses grupos deverão descer uma coluna em cascata.

Configurações do "Modo de cor"

Se o seu aplicativo permitir que os usuários escolham o modo de cores do aplicativo, apresente essas opções usando botões de opção ou uma caixa de combinação com o cabeçalho "Escolher um modo de aplicativo". As opções devem indicar

• Light
• Dark
• Padrão do Windows

Também recomendamos adicionar um hiperlink à página Cores das Configurações do Windows, onde os usuários podem acessar e modificar o modo de aplicativo padrão atual. Use a cadeia de caracteres "Configurações de cor do Windows" para o texto do hiperlink e ms-settings:colors para o URI.

Seção Sobre e botão Comentários

Recomendamos colocar a seção "Sobre este aplicativo" em seu aplicativo como uma página dedicada ou em sua própria seção. Se você quiser um botão "Enviar feedback", coloque-o na parte inferior da página "Sobre este aplicativo".

Em um subcabeçalho "Legal", coloque quaisquer "Termos de Uso" e "Declaração de Privacidade" (devem ser botões de hiperlink com texto quebrado), bem como informações legais adicionais, como direitos autorais.

Conteúdo recomendado da página

Depois de ter uma lista de itens que deseja incluir na página de configurações do aplicativo, considere estas diretrizes:

• Agrupe configurações semelhantes ou relacionadas em um rótulo de configurações.

• Tente manter o número total de configurações para um máximo de quatro ou cinco.

• Exiba as mesmas configurações, independentemente do contexto do aplicativo. Se algumas configurações não forem relevantes em um determinado contexto, desative-as no submenu de configurações do aplicativo.

• Use rótulos descritivos de uma palavra para configurações. Por exemplo, nomeie a configuração "Contas" em vez de "Configurações de conta" para configurações relacionadas à conta. Se você quiser apenas uma opção para suas configurações e as configurações não se prestarem a um rótulo descritivo, use "Opções" ou "Padrões".

• Se uma configuração estiver vinculada diretamente à Web em vez de a um submenu, informe o usuário com uma pista visual, como "Ajuda (online)" ou "Fóruns da Web" estilizados como um hiperlink. Considere agrupar vários links para a Web num flyout com uma única definição. Por exemplo, uma configuração "Sobre" pode abrir um submenu com links para seus termos de uso, política de privacidade e suporte ao aplicativo.

• Combine configurações menos usadas em uma única entrada para que as configurações mais comuns possam ter sua própria entrada. Coloque conteúdo ou links que contenham apenas informações em uma configuração "Sobre".

• Não duplique a funcionalidade no painel "Permissões". O Windows fornece esse painel por padrão e você não pode modificá-lo.

• Adicionar conteúdo de configurações aos painéis deslizantes de Configurações

• Apresente o conteúdo de cima para baixo em uma única coluna, rolável se necessário. Limite a rolagem a um máximo de duas vezes a altura da tela.

• Use os seguintes controles para as configurações do aplicativo:

  • Alternar interruptores: para permitir que os usuários definam valores ativados ou desativados.
  • Botões de opção: para permitir que os utilizadores escolham um item de um conjunto de até 5 opções mutuamente exclusivas, relacionadas.
  • Caixa de entrada de texto: para permitir que os usuários insiram texto. Use o tipo de caixa de entrada de texto que corresponde ao tipo de texto que você está recebendo do usuário, como um e-mail ou senha.
  • Hiperlinks: para levar o usuário para outra página dentro do aplicativo ou para um site externo. Quando um utilizador clica num hiperlink, o painel de Configurações será fechado.
  • Botões: para permitir que os utilizadores iniciem uma ação imediata sem descartar o submenu de Configurações atual.

• Adicione uma mensagem descritiva se um dos controles estiver desativado. Coloque esta mensagem acima do controle desativado.

• Anime o conteúdo e os controlos como um único bloco após a animação da janela de configurações e do cabeçalho. Anime o conteúdo usando as animações enterPage ou EntranceThemeTransition com um deslocamento esquerdo de 100px.

• Use cabeçalhos de seção, parágrafos e rótulos para ajudar a organizar e esclarecer o conteúdo, se necessário.

• Se você precisar repetir as configurações, use um nível adicional de interface do usuário ou um modelo de expansão/recolhimento, mas evite hierarquias mais profundas do que dois níveis. Por exemplo, um aplicativo de previsão do tempo que fornece configurações por cidade pode listar as cidades e permitir que o usuário toque na cidade para abrir um novo submenu ou expandir para mostrar as opções de configurações.

• Se o carregamento de controles ou conteúdo da Web levar tempo, use um controle de progresso indeterminado para indicar aos usuários que as informações estão sendo carregadas. Para saber mais, veja Diretrizes para controles de progresso.

• Não use botões para navegação ou para confirmar alterações. Use hiperlinks para navegar para outras páginas e, em vez de usar um botão para confirmar alterações, guarde automaticamente as alterações nas definições da aplicação quando um utilizador fechar o painel de Definições.

Artigos relacionados

• Noções básicas de design de comandos
• Orientações para os controlos dos progressos realizados
• Armazene e recupere dados de aplicativos
• EntradaTemaTransição