Módulo 08 de 12

Templates UI/UX & Telas Obrigatórias

Arquitetura de interfaces modernas (Material Design 3), padrões de navegação adaptativa, integração da API nativa de avaliação (In-App Review) e telas regulatórias obrigatórias.

8.1. Arquitetura de UI/UX & Navegação Adaptativa

Escolha o padrão de navegação ideal para o perfil da aplicação e adapte-o para celulares e tablets:

Bottom Navigation Bar

Menu inferior fixo com 3 a 5 destinos principais. Ideal para aplicativos de uso diário (ex: Home, Agenda, Vitrine, Perfil), respeitando o espaçamento da barra de gestos do Android 15+.

Navigation Rail (Tablets / Foldables)

Em telas com largura superior a 600dp, converta a Bottom Bar em uma Navigation Rail vertical à esquerda para aproveitar o espaço horizontal e atender às diretrizes de qualidade para telas grandes.

Empty States & Skeleton Loaders

Nunca exiba uma tela totalmente vazia quando uma lista ainda não tiver registros. Apresente uma ilustração explicativa e um botão de ação primária ("Criar Primeiro Registro").

8.2. Diálogos de Permissão Contextuais (Permission Rationale)

Solicitar permissões do sistema (Notificações, Localização, Câmera) logo na abertura do app faz com que mais de 60% dos usuários cliquem em "Não Permitir":

Padrão Duplo de Consentimento: Antes de disparar o diálogo nativo do Android (POST_NOTIFICATIONS no Android 13+), exiba um modal explicativo próprio informando exatamente o benefício (ex: "Ative os lembretes para receber o alerta no horário do medicamento do seu pet").

8.3. Formulários de Feedback & Google Play In-App Review API

Colete sugestões de melhoria internamente e acione o modal oficial de 5 estrelas da Play Store sem tirar o usuário do seu aplicativo:

// Exemplo Kotlin (Play Core In-App Review API)
val manager = ReviewManagerFactory.create(context)
val request = manager.requestReviewFlow()
request.addOnCompleteListener { task ->
    if (task.isSuccessful) {
        val reviewInfo = task.result
        // Dispara o bottom-sheet oficial do Google Play sem sair do app
        val flow = manager.launchReviewFlow(activity, reviewInfo)
        flow.addOnCompleteListener { _ ->
            // Fluxo concluído (prossiga normalmente, sem bloquear o usuário)
        }
    }
}

8.4. Suíte de Telas Obrigatórias para Aprovação nas Lojas

Todo aplicativo profissional auditado pelo Google Play precisa conter a seguinte estrutura mínima de transparência:

1. Splash Screen (AndroidX Core)

Implementada via Theme.SplashScreen oficial, garantindo transição suave em menos de 1.5s sem tela branca inicial.

2. Login com Modo Convidado

Sempre que possível, permita explorar os recursos básicos antes de exigir cadastro obrigatório, facilitando também a inspeção dos robôs do Google.

3. Central de Privacidade & Termos

Tela acessível no menu de configurações com links diretos para a Política de Privacidade e Termos de Uso atualizados.

4. Fluxo de Exclusão de Conta

Botão explícito "Excluir Minha Conta e Dados" com confirmação de segurança e limpeza automática no banco de dados (Firebase Auth / Firestore).