UX

Ícone do nível 2

NÍVEL 2: otimizado para telas grandes

Para os usuários, a interface é o app. A IU determina a experiência do usuário, que determina a satisfação do usuário, o uso do app, as compras do app e a retenção do cliente.

Telas grandes oferecem espaço de exibição amplo para interfaces inovadoras e acolhedoras que oferecem uma UX que telas pequenas não podem replicar.

Inclua os seguintes elementos de IU para otimizar seu app para telas grandes:

  • Coluna ou gaveta de navegação
  • Áreas de toque grandes
  • Menus e caixas de diálogo bem posicionados
  • Layouts com vários painéis

Layouts adaptáveis

Crie layouts adaptáveis que otimizem a interface do app em telas grandes e pequenas. Projete e crie para vários formatos ao mesmo tempo. Prepare seu app para novos tipos de dispositivos.

Layouts canônicos

Aproveite os layouts de tela grande comprovados para tornar a UX do app excepcional. Crie um layout de feed, de detalhes e de suporte para tornar o conteúdo mais gerenciável e agradável.

Interface responsiva

Formate elementos da interface com base no tamanho da tela. Os botões, cards e campos de texto que ficam em tela cheia nas telas pequenas precisam ter uma largura adequada e funcional em telas grandes. Não deixe caixas de diálogo e outras janelas modais preencherem toda a tela. Posicione os menus de contexto e outros pop-ups relacionados a elementos adjacentes ao elemento selecionado pelo usuário em vez de centralizados na tela.

Incorporação de atividades

Atualize seus apps legados baseados em atividades com layouts de vários painéis em telas grandes. Não é necessário refatorar o código. Configure seus layouts em XML ou com algumas chamadas da API Jetpack WindowManager.

Próximas etapas

Para saber mais sobre o desenvolvimento de interfaces para uma UX otimizada, consulte os seguintes guias para desenvolvedores: