Adaptier dich an die Adaptivität!

(German) An introduction to size classes and adaptive app design, and what to pay attention to that is usually forgotten about.

Transcript

1. Macoun ⌘
2. Adaptier dich an die Adaptivität Max Seelemann – @macguru17
3. Disclaimer
4. Adaptivity Anpassung der App an verschiedene Geräte.
5. Bildschirmgrößen
7. Portrait Land- scape Phone iPhone 3.5”, 4.0” Navigation View
8. Portrait Land- scape Phone Pad iPhone 3.5”, 4.0”, iPad Navigation View Split View
9. Regular Height Compact Height Compact Width Regular Width iPhone 3.5”, 4.0”, 4.7”, 5.5”, iPad Navigation View Split View
10. Regular Height Compact Height Compact Width Regular Width iPhone 3.5”, 4.0”, 4.7”, 5.5”, iPad+Split Navigation View Split View
11. Regular Height Compact Height Compact Width Regular Width iPhone 3.5”, 4.0”, 4.7”, 5.5”, iPad+Split, iPad Pro+Split Navigation View Split View 22 Screengrößen
12. Die einfache Lösung
13. Navigation View Split View Seit iOS 9: UISplitView
14. • Reicht für einfache Fälle • Gewohntes Verhalten • Einfache Benutzung • Beschränktes Muster • Wenig Anpassungen • Viel “Magie” Pro Contra
15. Split View vs. Slide Over
16. Split View Split View
17. Split View Slide Over
18. Regular Height Compact Height Compact Width Regular Width Split View Navigation Slide Over
19. Erreichbarkeit
20. ?
21. Text: Layout
23. Readable Content Layout Guide
24. Readable Content Layout Guide
25. Readable Content Layout Guide
26. Readable Content Layout Guide
27. Text: Größe
28. 100% 100% 100% 100%
29. 100% 95% 90% 85%
30. 100% 85% Use Case beachten! Hier: Fullscreen Text
31. Regular Height Compact Height Compact Width Regular Width 100% 85% 90% 95%
32. Keyboards
33. Regular Height Compact Height Compact Width Regular Width
34. Regular Height Compact Height Compact Width Regular Width
35. Verfügbarer Platz 5.5” 4.0”
36. Regular Height Compact Height Compact Width Regular Width Viel Platz Sehr Wenig Platz Wenig Mittel
37. Keyboard Dismiss ? iOS 10 iOS 9
38. Keyboard Dismiss ? 5.5” 4.0”
39. Regular Height Compact Height Compact Width Regular Width Dismiss Vorhanden Kein Dismiss Seit iOS 10
40. Cut, Copy, Paste & Undo/Redo iPad 5.5”
41. Cut, Copy, Paste & Undo/Redo Portrait 4.7” ? ?
42. Cut, Copy, Paste Nicht Vorhanden Regular Height Compact Height Compact Width Regular Width
43. Undo/Redo Weder Noch Regular Height Compact Height Compact Width Regular Width Nur Undo
44. Cursor Movement Nicht Möglich Regular Height Compact Height Compact Width Regular Width Custom Möglich
45. Regular Height Compact Height Compact Width Regular Width
46. Regular Height Compact Height Compact Width Regular Width 44pt 32pt 44pt
47. Welcher Platz?
51. Tiny Screen Strategie • Eigener UINavigationController • Ausblendbare Navigation Bar • Angepasste Logik für Pop-Geste • Eigene Geste für Push
53. Unser “spezielles” Problem
54. iPad
55. iPhone
56. Interface Strategie • Eigener Split View Controller • Umkonfigurieren zur Laufzeit • Komponenten an Umgebung anpassen • Komponenten isolieren
57. Interface Strategy Split View Window Controller Navigation Stack Compact Strategy Regular Strategy Komponenten • Eigener Split View Controller • Umkonfigurieren zur Laufzeit • Komponenten an Umgebung anpassen • Komponenten isolieren
58. Special Considerations
59. Interaktives Dismiss
60. Keyboard Button Items
61. Optimiert für 12.9”
62. Vergleich Mac
63. Es gibt noch mehr …
64. … aber nicht heute!
65. Regular Height Compact Height Compact Width Regular Width Regular Height Compact Height Compact Width Regular Width Regular Height Compact Height Compact Width Regular Width Regular Height Compact Height Compact Width Regular Width Regular Height Compact Height Compact Width Regular Width Regular Height Compact Height Compact Width Regular Width Regular Height Compact Height Compact Width Regular Width Regular Height Compact Height Compact Width Regular Width Regular Height Compact Height Compact Width Regular Width Regular Height Compact Height Compact Width Regular Width Regular Height Compact Height Compact Width Regular Width Regular Height Compact Height Compact Width Regular Width
66. Vielen Dank
67. Fragen?
68. Macoun ⌘