32 diferenças de design entre apps de iOS e Android

Um bom texto não apenas para comparação simples, mas também para entender as características e vantagens de cada UI de sistema operacional

Diferenças básicas

1. HIG vs. Material Design

2. Unidade: pt vs. dp

3. Tela: 320pt x 568pt vs. 360dp x 640dp

4. Fonte: San Francisco vs. Roboto

5. Barra de navegação do Android

6. Shadow e Elevation do Material Design

7. Naming:

→ Tab bar vs. Bottom Navigation Bar

→ Navigation Bar vs. Top App Bar,

→ Segmented Controls vs. Tabs

→ Alerts vs. Dialogs

→ Touch ID vs. Android Fingerprint

8. Método de navegação de nível superior

9. Diferença entre Tab bar e Bottom Navigation Bar

10. Funcionalidades especiais das tabs no Android

11. Diferença na forma de exibir páginas subordinadas

12. Padrão de chamada do Navigation Drawer

13. Diferença de comportamento ao rolar a tela

14. Diferença no comportamento de busca

Diferenças de componentes (UI)

15. O que não existe no iOS

→ Navigation Drawer, Backdrops, Banner, Snackbar, Chips, Bottom App Bar, FABs(Floating Action Button), Bottom Navigation Drawer, Side Sheet, Expanding Bottom Sheet, Standard Bottom Sheet,

16. O que não existe no Android

→ Page Control, Toolbars, Steppers, Popovers

17. A Status Bar: igual, mas diferente

18. Refresh Content Control vs. Swipe to refresh

19. Diferenças visuais entre os controles

20. Diferenças no formato da seta de voltar e na posição do cabeçalho

21. Diferença do ícone de "três pontos"

22. Pickers: no iOS, a seleção de data é em formato de tambor; no Android, em formato de calendário comum

23. Diferenças nos campos de texto

→ No iOS, o rótulo aparece acima do campo e desaparece ao digitar; no Android, ele sobe para cima ao inserir texto

→ O botão Clear do conteúdo é parecido

→ No Material Design, ao digitar, o sublinhado é destacado com a cor Primary

24. Context Menus vs. Menus

25. Action View/Activity View vs. Modal Bottom Sheet

26. Edit Menus vs. Text Selection Toolbar

27. Tamanho do divisor: iOS 0.5pt vs. Android 1dp

Outras diferenças

28. Tamanho da área de toque: iOS 44x44pt, Android 48x48dp

29. App Store vs. Google Play

30. O curioso Undo/Redo do iOS: quando o usuário sacode o celular, a função Undo é acionada

31. Diferença na tela de lançamento: o Material permite o logo do app na tela de lançamento, mas o HIG não recomenda usar a tela de lançamento para marketing. Use apenas como placeholder

32. Elementos adicionais do Material Design: Data Format, Data Visualization, Empty States, Offline States etc.

[xguru]

Sendo uma startup, com o que devemos desenvolver o app? Para essa pergunta, minha resposta padrão é:

#1 Se for um serviço que não precisa necessariamente de app, dá para fazer primeiro só um bom web mobile.

#2 Se o app for realmente necessário, no início deem suporte simultâneo às plataformas iOS/Android com React Native ou Flutter.

#3 Quando houver mais usuários, mais desenvolvedores e mais capital, também vale migrar para apps nativos otimizados para cada sistema operacional. (Swift & Kotlin)

Mas essa resposta é igual à de 10 anos atrás.

Naquela época só eram HTML5, Hybrid(Phonegap), Objective C++ & Java...

Hoje, se o web for feito em React, fica um pouco mais fácil por causa do React Native.

Recomendo sempre o #1 e o #2, e o #3 é opcional.

Este artigo comparando interfaces é algo que precisa ser bem compreendido no caso do #3, e também é um bom texto para ler no caso do #2.

[laeyoung]

Continuando o comentário deixado por xguru

Mas, se for um serviço que depende bastante de hardware, como câmera, GPS e sensor de aceleração, vá direto para o item 3.

(ex.: vou criar um app de filtro de vídeo em tempo real -> para o #3...)