Mobile Patterns - Wie Apps und Co. digitale Interfaces revolutionieren
•
1 gefällt mir•901 views
Mein Vortrag zur Münchner Webwoche 2015
Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Andere mochten auch
Andere mochten auch (20)
Ähnlich wie Mobile Patterns - Wie Apps und Co. digitale Interfaces revolutionieren
Ähnlich wie Mobile Patterns - Wie Apps und Co. digitale Interfaces revolutionieren (20)
Mobile Patterns - Wie Apps und Co. digitale Interfaces revolutionieren
- 1. Kochan & Partner Brand Design Development Mobile Patterns Wie Apps und Co. digitale Interfaces revolutionieren Markus Greve zur Webwoche 2015 Mit-Teilen: Wo Dich das Rascheln von Laub aufspürt, der Flügelschlag einer Graugans. Wo Ideen lässig landen und Musen sich zum Kuss aufreihen. VERSUCH ÜBER DAS GEMEINSAME: www.kochan.de/experiment
- 2. Kochan & Partner Brand Design Development2 Slides http://de.slideshare.net/markusgreve/ Markus Greve KOCHAN & PARTNER BRAND DESIGN DEVELOPMENT T +49 89 17860–150 E markus.greve@kochan.de @mrmontezuma Hi, I’m Markus
- 3. Kochan & Partner Brand Design Development Mobile Patterns Wie Apps und Co. digitale Interfaces revolutionieren Drei Thesen Ich freue mich auf die anschließende Diskussion 3
- 4. Kochan & Partner Brand Design Development4 ONE ________ The Burger Is Dead! ________
- 10. Kochan & Partner Brand Design Development Vitaly Friedmann Chefredakteur Smashing Magazine Real-Life Responsive Web Design Responsive Design ist in. (…) Welche Design Patterns nutzt man und wie geht man mit komplexen Tabellen, Karten, Formularen und interaktiven Elementen um? 10 TYPO Berlin 2015
- 11. Kochan & Partner Brand Design Development11
- 15. 4” +5,5”
- 19. Kochan & Partner Brand Design Development Verständnis von Icons abhängig von der Zielgruppe Je nach Kontext optimierbar durch Zusatz »Menü« oder ähnlich Die Position fixiert am oberen Bildschirmrand ist in den meisten Anwendungsfällen nicht nutzbar! ➜ Positionierung am Screen überdenken 19 Zusammenfassung
- 20. Kochan & Partner Brand Design Development20 TWO ________ Two Dimensions Are Not Enough! ________
- 21. Kochan & Partner Brand Design Development21
- 22. Kochan & Partner Brand Design Development22
- 23. Kochan & Partner Brand Design Development “Skeuomorphismus (aus dem Altgriechischen σκεῦος Behälter, Werkzeug und μορφή Gestalt) ist eine Stilrichtung hauptsächlich im Design, bei der Objekte in ihrer Gestaltung ein anderes Material oder eine Form eines älteren, vertrauten Gegenstandes nachahmen, ohne dass diese durch ihre Funktion begründet ist. – Wikipedia 23 Design Trend: Vermeidung von Skeuomorphismus
- 24. Kochan & Partner Brand Design Development24 Windows 8: Modern UI (ehemals »Metro«)
- 25. Kochan & Partner Brand Design Development25 Windows Phone 8
- 26. Kochan & Partner Brand Design Development26 Microsoft Windows Modern UI (ehemals »Metro«) Apple iOS (später auch Mac OS X) Flat Design Google Android Material Design
- 27. Kochan & Partner Brand Design Development27 Microsoft Windows Modern UI (ehemals »Metro«) Apple iOS (später auch Mac OS X) Flat Design Google Android Material Design?
- 30. Kochan & Partner Brand Design Development Höhe Patterns und Höhe 30 Interface Guidelines Floating Action Button »FAB« Resting height: 6dp, pressed state 12dp
- 34. Kochan & Partner Brand Design Development Klare, aufgeräumte Gestaltung Glatte Oberflächen Aber: Interaktion im Interface durch klassische Metaphern wie »Höhe« ➜ Für die Konzepte des »Material Design« reichen zwei Dimensionen nicht aus. 34 Zusammenfassung
- 35. Kochan & Partner Brand Design Development35 THREE ________ Interfaces Get Simpler – And Therefor More Complex! ________
- 36. Kochan & Partner Brand Design Development Reduzierte Interfaces… 36 Wearables
- 37. Kochan & Partner Brand Design Development Noch weniger… 37 Wearables
- 38. Kochan & Partner Brand Design Development …bis zum absoluten Nullpunkt 38 Wearables
- 39. Kochan & Partner Brand Design Development …bis zum absoluten Nullpunkt 39 Wearables
- 42. Apple Watch
- 44. E-Mail Kommunikation Einladung zum persönlichen Setup Video-Tutorials
- 47. Gegenüberstellung on/off Home Volume + / – Mute Headphone 1 2 3 4 5
- 48. Gegenüberstellung on/off Home Volume + / – Mute Headphone Digital crown Friends 1 2 3 4 5 1 2
- 49. Kochan & Partner Brand Design Development Einführung neuer Bedienkonzepte – Wake-on-Turn – Mute-on-Cover – Force Touch Persönliche Einlernphase Massenverbreitung ➜ Wiederverwendung bereits »erlernter« Patterns wichtig wie nie! 49 Zusammenfassung