Design dinâmico e fatores forma

Os aplicativos da Windows Store podem ser encontrados em desktops, notebooks e telefones. Projete seu aplicativo para lidar de maneira uniforme com todos esses diferentes fatores de forma. Seus usuários podem alternar entre dispositivos diferentes, mudar o método de entrada, mudar a orientação da tela ou desligar/ligar todos os recursos, e seu aplicativo precisa migrar, mudar e reagir com eles.

Visualizações fluidas do aplicativo

O Windows coloca os usuários no comando. Você provavelmente deseja que a interface do usuário de seu aplicativo chame a atenção em qualquer dispositivo, usando qualquer modo de entrada, independentemente da orientação e circunstância em que o usuário decida utilizá-lo.

Ao projetar seu aplicativo com modos de exibição fluida, a interface do usuário do aplicativo reflui graciosamente em resposta a mudanças na orientação do monitor do usuário, do dispositivo móvel ou do método de entrada. O Windows gerencia esses comportamentos por você.

Orientação

Paisagem   Desenvolva o modo de exibição no formato paisagem para que seu aplicativo se adapte a todos os fatores forma. Leve em consideração como diferentes fatores forma afetam o modo de exibição de paisagem. Novos tipos de dispositivos podem significar mudanças no espaço disponível da tela.

Retrato    Lembre-se de que alguns dispositivos são mais comumente utilizados na orientação de retrato, e muitos dispositivos giram. Otimize o layout de seu conteúdo no modo de exibição de retrato e mantenha a funcionalidade sempre que possível. A alternância de paisagem para retrato altera a largura do aplicativo em quase um terço, portanto, é importante pensar em como o design ficará em formato vertical.

Layout fluido com aplicativos múltiplos:

Windows: projete seu aplicativo para comportar a flexibilidade das janelas redimensionáveis. A chave para uma boa aparência, não importa como o usuário redimensiona seu aplicativo, é definir layouts para exibições específicas e únicas e usar controles flexíveis que organizam e distribuem o conteúdo automaticamente.

Ajuste gráfico incorporado

Caso os usuários possam acessar seu aplicativo em diversos fatores forma, isso significa que você deve desenvolver uma interface de usuário diferente para cada tamanho de tela possível com a qual o Windows é compatível? Se fosse assim, você teria de lidar com telas de incontáveis tamanhos. Por isso, a resposta é: não necessariamente. Com o ajuste incorporado, seu aplicativo e conteúdo sempre estarão adequados, seja em um dispositivo de 7" ou em um grande monitor de 30". Basta usar um layout flexível e certificar-se de que as imagens de seu aplicativo continuem com boa qualidade quando dimensionadas.

Para saber mais, veja Diretrizes de dimensionamento para densidade de pixel.

Padrões de entrada:

Windows: ao desenvolver seu aplicativo para manipulações por toque, você obtém suporte a manipulações por caneta, mouse e teclado gratuitamente. Os usuários podem alternar entre os métodos de entrada sem perder o ritmo da experiência com o aplicativo. Conectar um teclado a um tablet? Sem problemas. Seu aplicativo responde de maneira constante e previsível às escolhas dos usuários.

Para saber mais, veja Design de manipulação por toque e Respondendo à manipulação do usuário.

Recursos do dispositivo

Os melhores aplicativos aproveitam completamente os recursos dos dispositivos nos quais são executados. O Windows 8.1 tem suporte interno para esses recursos de dispositivos.

	Acelerômetros e outros sensores   Os dispositivos atuais têm vários sensores. Seu aplicativo pode aumentar ou reduzir a luminosidade da tela de acordo com a luz ambiente, mudar a orientação da interface caso o usuário vire a tela ou reagir a movimentos físicos. Saiba mais sobre sensores.
	Geolocalização   Use as informações de geolocalização dos dados da Web padrão ou de sensores de geolocalização para ajudar os usuários a se orientar, localizar sua posição em um mapa ou obter avisos sobre pessoas, atividades e destinos próximos. Saiba mais sobre geolocalização.
	Câmeras  Conecte seus usuários às câmeras internas ou conectadas para permitir que participem de chats e conferências, gravem vlogs, tirem fotos para perfis, registrem o mundo ao seu redor ou realizem qualquer atividade adequada ao seu aplicativo.
	Proximidade   Permita que seus usuários conectem dispositivos aproximando-os fisicamente, de modo a melhorar a experiência em situações em que vários usuários devem estar fisicamente próximos (jogos multijogador). Saiba mais sobre gestos de proximidade.

Ao planejar os recursos de seu aplicativo, leve em consideração os aplicativos nos quais ele poderá ser executado. Há recursos de dispositivos que sejam obrigatórios para que o aplicativo funcione adequadamente? Ou será que é possível utilizá-lo sem alguns deles? Você deverá declarar quais são os recursos compatíveis com o aplicativo no manifesto do aplicativo. Porém, no próprio aplicativo, é possível criar alternativas para a utilização de recursos opcionais. Por exemplo, suponha que um aplicativo de mapas de viagens permite que os usuários acompanhem suas viagens em um mapa, marquem locais, incluam comentários em um diário, enviem informações para redes sociais e adicionem fotos ou vídeos de suas viagens. A localização geográfica deve ser um recurso obrigatório. Já o suporte a câmera pode ser opcional. Se o dispositivo não tiver uma câmera, os usuários poderão carregar vídeos ou fotos tiradas de outro dispositivo. Os melhores aplicativos abrangem todas as opções.

Roaming de dados

E se seus usuários forem do desktop do trabalho para o tablet em suas casas? Os arquivos, o estado e as preferências do aplicativo irão para casa com eles. Desse modo, eles poderão continuar exatamente de onde pararam, utilizando máquinas e sessões de usuário diferentes.

Saiba mais sobre roaming e gerenciamento de dados de aplicativos.

Tópicos relacionados

Diretrizes de tamanhos de janelas e dimensionamento de telas

Diretrizes de redimensionamento em layouts altos e estreitos

Escolhendo um layout