Von iOS zu Android - der Weg eines App-Designs

387 Aufrufe

Veröffentlicht am

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.

Veröffentlicht in: Technologie
0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
387
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
2
Aktionen
Geteilt
0
Downloads
3
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Von iOS zu Android - der Weg eines App-Designs

  1. 1. Von iOS zu Android Der Weg eines App-Designs Tim Roes | inovex GmbH
  2. 2. Über mich Tim Roes inovex GmbH | Mobile Development www.timroes.de
  3. 3. Über diesen Vortrag What NOT to do What to do How to do it
  4. 4. What NOT to do
  5. 5. What to do
  6. 6. Schritt 1: Design Styleguides lesen https://developer.apple.com/library/ios/design https://developer.android.com/design
  7. 7. Schritt 2: Zielplattform benutzen Wahlweise Schritt 1 und 2 vertauschen
  8. 8. Schritt 3: Bookmarks aufräumen Phonegap Cordova $CrossPlatformFramework
  9. 9. Schritt 4: Portieren, nicht kopieren
  10. 10. How to do it
  11. 11. Beispielanwendung: Day One Quelle: https://itunes.apple.com/us/app/day-one-journal-diary/id421706526
  12. 12. Struktur analysieren
  13. 13. Theme
  14. 14. Branding Akzentfarben Logo in ActionBar
  15. 15. Navigation Drawer Hauptnavigation Erst bei mehreren Elementen Navigationselemente, keine Aktionen Collapse/Expand Counters
  16. 16. Navigation: Spinner Alternative Ansicht auf dieselben Daten Ggf. gefilterte Daten
  17. 17. Navigation: Tabs Bei wenigen Navigationspunkten Oft auch für alternativer Ansicht
  18. 18. Aktionen Action Buttons Kontextbezogen i
  19. 19. Overflow Bei zu wenig Platz Selten genutzte Aktionen Einstellungen Hilfe
  20. 20. Icons Standard Icons nutzen, wenn möglich
  21. 21. Listen: GridView Gut geeignet für Vorschaubilder Skalierbar
  22. 22. Listen: ListView Keine Listcarets
  23. 23. Suche
  24. 24. Aktionen II Split Action Bar Nicht verwechseln mit iOS Bottom Tabs Swipen zum Wechseln
  25. 25. Up vs. Back Navigation Zeitlich vs. hierarchisch eigentlich …
  26. 26. Außerdem… Umsetzungsdetails Verschiedene Screendensities (mdpi, hdpi, xhdpi, …) Android Asset Studio Responsive Design Design Candies Notifications, Widgets und vieles mehr …
  27. 27. Wichtige Ressourcen Google+ +NickButcher, +RomanNurik, +AdamKoch (Google) +JuhaniLehtimäki, +TaylorLing YouTube: Android Design in Action www.androiduipatterns.com

×