Human Interface Guidelines e Material Design 3: um app, duas plataformas

Um app que parece "estrangeiro" no celular do usuário perde confiança. O botão de voltar no lugar errado, um seletor de data que não se parece com o do sistema, gestos que não funcionam como de costume. A Apple tem as Human Interface Guidelines; o Google, o Material Design 3. Respeitar as duas é parte do acabamento.

O que muda entre as plataformas

• Navegação: no iOS, voltar com gesto da borda esquerda; no Android, gesto ou botão do sistema.
• Componentes: seletores, alertas e menus têm aparência e comportamento próprios.
• Tipografia: San Francisco no iOS, Roboto (ou a fonte da marca) no Android.
• Feedback de toque: destaque sutil no iOS, ondulação (ripple) no Android.
• Hierarquia de ações: posição de botões principais e de menus.

Um código, dois sotaques

No React Native, a base é única, mas detalhes se adaptam com Platform.OS ou componentes nativos de cada sistema. A identidade da marca — cores, tipografia de títulos, ilustrações — permanece; o comportamento conversa com o sistema.

O que é igual nos dois

• Áreas de toque generosas (44pt / 48dp).
• Respeito às áreas seguras (Safe areas no React Native: notch, Dynamic Island e barra de gestos).
• Suporte a tema escuro (Dark mode no app: tema do sistema, contraste e imagens).
• Acessibilidade com leitores de tela (Acessibilidade em apps: VoiceOver e TalkBack sem mistério).

Por que importa para o negócio

Apps alinhados às diretrizes têm menos rejeição nas lojas (Rejeição na App Store: os motivos mais comuns e como evitar) e menos usuários confusos no suporte.

A We Codex desenvolve apps com acabamento nativo nas duas plataformas. Veja aplicativos nativos ou fale com a gente.