Design dinâmico e fatores forma

Applies to Windows and Windows Phone

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.

 

Aplicativo Alarmes em fatores forma diferentes

 

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

Aplicativo Alarmes em paisagemPaisagem   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.
Aplicativo Alarmes em retratoRetrato    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.

 

  • Applies to Windows

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.

O aplicativo Calculator, Bing Weather e Great British Chefs redimensionados, lado a lado na tela

 

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.

foto em 2420 pixels e em 920 pixels

 

  • Applies to Windows

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.

ícone de sensorAcelerô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.
ícone de geolocalizaçãoGeolocalizaçã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.
ícone de câmeraCâ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.
ícone de proximidadeProximidade   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

 

 

Mostrar:
© 2014 Microsoft