NÍVEL 2: otimização adaptativa
Para os usuários, a interface é o app. Ela determina a experiência do usuário, que determina a satisfação, o uso, as compras e a retenção de clientes.
As telas grandes oferecem um espaço de exibição amplo para interfaces inovadoras e adaptáveis que proporcionam uma UX que as telas pequenas não conseguem replicar.
Otimize seu app para telas grandes incluindo os seguintes elementos de interface:
- 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 seu app em telas grandes e pequenas. Projete e crie para vários formatos simultaneamente. Prepare seu app para o futuro e para novos tipos de dispositivos.
Layouts canônicos
Aproveite layouts adaptáveis comprovados para tornar a UX do seu app excepcional. Crie um layout de lista-detalhe, painel de suporte ou feed para tornar mais conteúdo mais gerenciável e agradável.
IU 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 restrita e funcionalmente adequada em telas grandes. Não deixe caixas de diálogo e outras janelas modais preencherem toda a tela. Os menus de contexto de posição e outros pop-ups relacionados a elementos precisam ficar 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. Nenhuma refatoração de código é necessária. Configure seus layouts em XML ou com algumas chamadas da API Jetpack WindowManager.
Próximas etapas
Para saber mais sobre o desenvolvimento de interface para UX otimizada, consulte os seguintes guias para desenvolvedores: