Der vorherrschende Weg vieler Mobile Apps ist noch immer von iOS zu Android. Anhand eines Beispiels sollen die Möglichkeiten und Fallstricke der Transformation einer nativen App von iOS zu Android im Hinblick auf Struktur, Design und Navigation aufgezeigt werden.

1. Von iOS zu Android
Der Weg eines App-Designs
Tim Roes | inovex GmbH

2. Über mich
Tim Roes
inovex GmbH | Mobile Development
www.timroes.de

3. Über diesen Vortrag
What NOT to do
What to do
How to do it

4. What NOT to do

7. What to do

8. Schritt 1: Design Styleguides lesen
https://developer.apple.com/library/ios/design
https://developer.android.com/design

9. Schritt 2: Zielplattform benutzen
Wahlweise Schritt 1 und 2 vertauschen

10. Schritt 3: Bookmarks aufräumen
Phonegap
Cordova
$CrossPlatformFramework

11. Schritt 4: Portieren, nicht kopieren

12. How to do it

13. Beispielanwendung: Day One
Quelle: https://itunes.apple.com/us/app/day-one-journal-diary/id421706526

14. Struktur analysieren

15. Theme

16. Branding
Akzentfarben
Logo in ActionBar

17. Navigation Drawer
Hauptnavigation
Erst bei mehreren Elementen
Navigationselemente,
keine Aktionen
Collapse/Expand
Counters

18. Navigation: Spinner
Alternative Ansicht
auf dieselben Daten
Ggf. gefilterte Daten

19. Navigation: Tabs
Bei wenigen
Navigationspunkten
Oft auch für
alternativer Ansicht

20. Aktionen
Action Buttons
Kontextbezogen
i

21. Overflow
Bei zu wenig Platz
Selten genutzte Aktionen
Einstellungen
Hilfe

22. Icons
Standard Icons nutzen, wenn möglich

23. Listen: GridView
Gut geeignet
für Vorschaubilder
Skalierbar

24. Listen: ListView
Keine Listcarets

25. Suche

26. Aktionen II
Split Action Bar
Nicht verwechseln mit
iOS Bottom Tabs
Swipen zum Wechseln

27. Up vs. Back Navigation
Zeitlich vs. hierarchisch
eigentlich …

28. Außerdem…
Umsetzungsdetails
Verschiedene Screendensities (mdpi, hdpi, xhdpi, …)
Android Asset Studio
Responsive Design
Design Candies
Notifications, Widgets
und vieles mehr …

29. Wichtige Ressourcen
Google+
+NickButcher, +RomanNurik, +AdamKoch (Google)
+JuhaniLehtimäki, +TaylorLing
YouTube: Android Design in Action
www.androiduipatterns.com