Compartilhar via


Diretrizes para configurações de aplicativos

As configurações do aplicativo são as partes personalizáveis pelo usuário do aplicativo do Windows acessadas por meio de uma página de configurações. Por exemplo, um aplicativo leitor de notícias pode permitir que o usuário especifique quais fontes de notícias exibir ou quantas colunas mostrar na tela, ao passo que um aplicativo de previsão do tempo pode permitir ao usuário escolher entre Celsius e Fahrenheit. Este artigo fornece recomendações e melhores práticas para criação e exibição das configurações do aplicativo.

Quando fornecer uma página de configurações

Aqui estão exemplos de opções de aplicativos que pertencem a uma página de configurações do aplicativo:

  • 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 clima, alterar as configurações da conta de um aplicativo de email, configurações de 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 do aplicativo 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 use controles binários (liga/desliga). Um botão de alternância geralmente é o melhor controle para uma configuração binária.
  • Para configurações que permitem que os usuários escolham um item de um conjunto de até 5 opções relacionadas mutuamente exclusivas, 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 suas configuraçõ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 fazem 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:

Ponto de entrada de configurações do aplicativo para o painel de navegação

Barra de comandos

Se você estiver usando uma barra de comandos ou uma barra de ferramentas, coloque o ponto de entrada de configurações como um dos últimos itens no menu flutuante "Mais". Se uma maior capacidade de descoberta para o ponto de entrada de configurações for importante para seu aplicativo, coloque o ponto de entrada diretamente na barra de comandos e não dentro do estouro.

Ponto de entrada de configurações do aplicativo para a barra de comandos

Hub

Se você estiver usando um layout de hub, o ponto de entrada para as configurações do aplicativo deverá ser colocado dentro do menu de estouro "Mais" de uma barra de comandos.

Guias/pivôs

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

Lista/detalhes

Em vez de esconder totalmente o ponto de entrada das configurações do aplicativo em um painel de lista/detalhes, faça com que ele seja o último item fixado no nível superior do painel de lista.

Layout

A janela de configurações do aplicativo deve ser aberta em tela inteira 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 ser colocados em cascata em uma coluna.

Layout da página de configurações do aplicativo no desktop

Configurações do "Modo de cor"

Se o aplicativo permitir que os usuários escolham o modo de cor 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 ser as seguintes

  • Claro
  • Escuro
  • Padrão do Windows

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

Seção

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

É recomendável colocar a seção "Sobre este aplicativo" como uma página dedicada ou uma seção própria do seu aplicativo. Se quiser disponibilizar um botão "Enviar comentários", coloque-o na parte inferior da página "Sobre este aplicativo".

No subcabeçalho "Legal", coloque eventuais "Termos de uso" e "Política de privacidade" (devem ser botões de hiperlink com o texto em quebra automática), bem como informações jurídicas adicionais, como direitos autorais, por exemplo.

Seção

Depois de ter uma lista de itens que você 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 em no máximo 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, desabilite-as no submenu de configurações do aplicativo.

  • Use rótulos descritivos de uma palavra para as configurações. Por exemplo, nomeie a configuração como "Contas" em vez de "Configurações da 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 diretamente vinculada à 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 em um submenu com uma única configuração. Por exemplo, uma configuração "Sobre" pode abrir um submenu com links para seus termos de uso, política de privacidade e suporte a aplicativos.

  • 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 submenus 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:

  • Adicione uma mensagem descritiva se um dos controles estiver desabilitado. Coloque essa mensagem acima do controle desabilitado.

  • Anime o conteúdo e os controles como um único bloco após a animação do submenu Configurações e do cabeçalho. Anime o conteúdo usando as animações enterPage ou EntranceThemeTransition com um deslocamento à esquerda 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 clima 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 os controles de carregamento ou o conteúdo da Web demorarem, use um controle de progresso indeterminado para indicar aos usuários que as informações estão sendo carregadas. Para obter mais informações, consulte 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, salve automaticamente as alterações nas configurações do aplicativo quando um usuário ignorar o submenu Configurações.