Nicht nur ein einfacher Vergleich, sondern ein guter Artikel, um die besonderen Stärken der UI beider Betriebssysteme zu verstehen
Grundlegende Unterschiede
-
HIG vs. Material Design
-
Einheit: pt vs. dp
-
Bildschirm: 320pt x 568pt vs. 360dp x 640dp
-
Schriftart: San Francisco vs. Roboto
-
Android-Navigationsleiste
-
Shadow und Elevation in Material Design
-
Benennung:
→ Tab bar vs. Bottom Navigation Bar
→ Navigation Bar vs. Top App Bar,
→ Segmented Controls vs. Tabs
→ Alerts vs. Dialogs
→ Touch ID vs. Android Fingerprint
-
Methoden der Top-Level-Navigation
-
Unterschied zwischen Tab Bar und Bottom Navigation Bar
-
Besondere Funktionen von Android-Tabs
-
Unterschiede bei der Darstellung von Unterseiten
-
Aufrufmuster für die Navigation Drawer
-
Unterschiede im Verhalten beim Scrollen
-
Unterschiede beim Suchverhalten
Unterschiede bei Komponenten (UI)
- Was es in iOS nicht gibt
→ Navigation Drawer, Backdrops, Banner, Snackbar, Chips, Bottom App Bar, FABs(Floating Action Button), Bottom Navigation Drawer, Side Sheet, Expanding Bottom Sheet, Standard Bottom Sheet,
- Was es in Android nicht gibt
→ Page Control, Toolbars, Steppers, Popovers
-
Die Status Bar: gleich und doch anders
-
Refresh Content Control vs. Swipe to refresh
-
Visuelle Unterschiede der Controls
-
Unterschiede bei Form des Zurück-Pfeils und Position des Headers
-
Unterschiede beim Symbol mit den „drei Punkten“
-
Pickers: Die Datumsauswahl in iOS ist vom Trommeltyp, unter Android in Form eines normalen Kalenders
-
Unterschiede bei Textfeldern
→ iOS zeigt das Label über dem Feld an und blendet es bei Eingabe aus, Android verschiebt es bei Eingabe nach oben
→ Die Clear-Schaltfläche für Inhalte ist ähnlich
→ Material Design hebt bei Eingabe die Unterstreichung in der Primärfarbe hervor
-
Context Menus vs. Menus
-
Action View/Activity View vs. Modal Bottom Sheet
-
Edit Menus vs. Text Selection Toolbar
-
Größe der Divider: iOS 0.5pt vs. Android 1dp
Weitere Unterschiede
-
Größe der Tap-Zone: iOS 44x44pt, Android 48x48dp
-
App Store vs. Google Play
-
Das besondere Undo/Redo in iOS: Wenn der Nutzer das Telefon schüttelt, wird die Undo-Funktion ausgelöst
-
Unterschiede beim Launch-Screen: Material erlaubt ein App-Logo auf dem Launch-Screen, HIG empfiehlt jedoch nicht, den Launch-Screen für Marketingzwecke zu verwenden. Er sollte nur als Platzhalter dienen
-
Zusätzliche Elemente in Material Design: Data Format, Data Visualization, Empty States, Offline States usw.
2 Kommentare
Wir sind ein Startup – womit sollten wir die App entwickeln? Auf diese Frage antworte ich grundsätzlich:
#1 Wenn es sich um einen Service handelt, der nicht zwingend eine App braucht, reicht es aus, zunächst nur eine gute mobile Website zu bauen.
#2 Wenn eine App unbedingt nötig ist, unterstützt am Anfang mit React Native oder Flutter gleichzeitig die iOS-/Android-Plattformen.
#3 Wenn die Nutzerzahl steigt, mehr Entwickler dazukommen und Finanzierung vorhanden ist, kann man auch zu nativen Apps wechseln, die für jedes OS optimiert sind. (Swift & Kotlin)
Aber die Antwort ist dieselbe wie vor 10 Jahren.
Damals waren es nur HTML5, Hybrid(Phonegap) sowie Objective C++ & Java …
Wenn man das Web heute mit React baut, ist es dank React Native immerhin etwas bequemer.
#1 auf jeden Fall, #2 empfehle ich, und #3 ist optional.
Diesen UI-Vergleich sollte man bei Fall #3 gut verstehen, und auch bei #2 ist er lesenswert.
Anschließend an den Kommentar von xguru
Wenn es sich allerdings um einen Dienst handelt, der stark von Hardware wie Kamera, GPS oder Beschleunigungssensor abhängt, gehen Sie bitte direkt zu Punkt 3.
(z. B. „Wir wollen eine Echtzeit-Video-Filter-App entwickeln“ -> zu #3 ...)