Diretrizes para os aplicativos do Tempo de Execução do Windows

Applies to Windows and Windows Phone

Utilize esse índice para encontrar rapidamente as diretrizes que podem ajudá-lo a criar um ótimo aplicativo da Windows Store. Se ainda não fez isto, comece lendo Conheça os aplicativos da Windows Store e Definindo a visão.

Para um tutorial sobre criação e implementação de interface de usuário, consulte Interface de Usuário de aplicativo da Windows Store, do começo ao fim (JavaScript e HTML ou C#/C++/VB e XAML).

Clique para fazer download de um arquivo PDF que contém todas as diretrizes de UX (experiência de usuário).

Clique para baixar as diretrizes

Neste artigo

Animações

Animações significativas e bem desenvolvidas dão vida aos aplicativos e tornam a experiência avançada e refinada. Associe as experiências e ajude os usuários a entender as mudanças ao contexto utilizando transições visuais.

 

Contratos e botões

Aplicativo de Previsão do tempo e painel de Pesquisa

Os contratos são os elementos que unem os aplicativos da Windows Store e estes à interface do usuário do sistema. Dois aplicativos com o mesmo contrato implementado podem trabalhar em conjunto para concluir um cenário amplo ou complexo. Alguns contratos, como o contrato de Compartilhamento, são representados por botões. Além disso, os botões de Pesquisa, Dispositivos e Configurações fornecem um menu consistente para tarefas comuns.

Consulte a lista completa de contratos de aplicativos.

 

Controles

Aplicativo reprodutor de vídeo com controles

Desenvolva a IU de seu aplicativo para demonstrar o conteúdo. Deixe apenas os elementos mais importantes na tela para minimizar os focos de distração e ajude os usuários a se concentrarem no conteúdo. Essas diretrizes ajudarão você a proporcionar ao usuário uma experiência consistente, elegante e convincente.

 

Arquivos, dados e conectividade

Um seletor de arquivos utilizado para abrir uma pasta a partir da área de trabalhoAcesse pastas, arquivos e dados a partir de seu aplicativo. Para permitir que os usuários acessem dados a partir de uma conta ou serviços de nuvem como o Microsoft OneDrive, você pode fornecer a eles uma experiência enquanto estão conectados. Inclua roaming de dados de aplicativos em seu aplicativo para proporcionar uma experiência perfeita entre dispositivos diferentes.

 

Globalização e localização

IU bidirecional em um bloco

O Windows é utilizado no mundo todo, portanto crie seu aplicativo com isso em mente. Separe recursos como cadeias e imagens do código correspondente a eles, para ajudar a tornar mais fácil a localização.

 

Ajuda e instruções

Instrução para distribuir doces para Om Nom no aplicativo Cut the Rope

Forneça ajuda ou dicas para resolução de problemas a seus usuários, e ensine a eles como interagir de modo eficaz com seu aplicativo.

 

Inicializar, suspender e retomar

Tela inicial do aplicativo People

Crie uma experiência de inicialização convidativa com uma tela inicial personalizada. Além disso, crie seu aplicativo para que ele seja suspenso quando o usuário sair dele e retomado quando o usuário voltar a ele.

 

Layout e dimensionamento

layout de grande de um aplicativo

Crie o layout de seu aplicativo para resultar em navegação fácil e escolha o melhor lugar para todos os seus elementos de IU. Crie excelentes experiências para cada fator forma e cada opção de exibição de seus usuários.

 

Texto e entrada

Segoe UI

O uso apropriado de tamanhos de fontes, espessuras, cores, posicionamento, espaçamento e controles de caixa de texto podem ajudar a conferir ao seu aplicativo da Windows Store um visual limpo e organizado que o torna mais fácil de usar.

 

Blocos e notificações

Blocos na tela Inicial

Um bloco é a porta de entrada de um aplicativo. Localizado na tela Inicial, ele é uma extensão do aplicativo e pode fornecer informações muito mais pessoais e atraentes do que um ícone tradicional. Invista no desenvolvimento de um bom bloco a fim de atrair as pessoas para seu aplicativo. Forneça conteúdo atualizado por meio de blocos e notificações, para ajudar as pessoas a sentirem-se conectadas ao seu aplicativo.

 

Interações do usuário

Interações por toque do aplicativo da Windows Store

Interações de criação que mantêm o usuário no controle e utilizam borda da tela ou do dispositivo para ajudar usuários a achar comandos com confiança.

 

Tópicos relacionados

Interface do usuário de aplicativo da Windows Store (HTML)
Interface do usuário de aplicativo da Windows Store, do início ao fim (XAML)

 

 

Mostrar:
© 2014 Microsoft