SlideShare ist ein Scribd-Unternehmen logo
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
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
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
Kochan & Partner Brand Design Development4
ONE

________
The Burger

Is Dead!
________
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
Kochan & Partner Brand Design Development11
4” +5,5”
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
Kochan & Partner Brand Design Development20
TWO

________
Two Dimensions
Are Not Enough!
________
Kochan & Partner Brand Design Development21
Kochan & Partner Brand Design Development22
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
Kochan & Partner Brand Design Development24
Windows 8: Modern UI (ehemals »Metro«)
Kochan & Partner Brand Design Development25
Windows Phone 8
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
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?
Kochan & Partner Brand Design Development
Höhe
Patterns und Höhe
30
Interface Guidelines
Floating Action Button »FAB«
Resting height: 6dp, pressed state 12dp
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
Kochan & Partner Brand Design Development35
THREE

________
Interfaces 

Get Simpler 

– And Therefor 

More Complex!
________
Kochan & Partner Brand Design Development
Reduzierte Interfaces…
36
Wearables
Kochan & Partner Brand Design Development
Noch weniger…
37
Wearables
Kochan & Partner Brand Design Development
…bis zum absoluten Nullpunkt
38
Wearables
Kochan & Partner Brand Design Development
…bis zum absoluten Nullpunkt
39
Wearables
Apple Watch
Neu: Kurzanleitung
E-Mail Kommunikation
Einladung zum
persönlichen Setup
Video-Tutorials
In-App Lernvideos
Gegenüberstellung
Gegenüberstellung
on/off
Home
Volume + / –
Mute
Headphone
1
2
3
4
5
Gegenüberstellung
on/off
Home
Volume + / –
Mute
Headphone
Digital crown
Friends
1
2
3
4
5
1
2
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
Kochan & Partner
Brand
Design
Development
Vielen Dank!

Weitere ähnliche Inhalte

Andere mochten auch

Introduction to FluentData - The Micro ORM
Introduction to FluentData - The Micro ORMIntroduction to FluentData - The Micro ORM
Introduction to FluentData - The Micro ORMLars-Erik Kindblad
 
How to build more reliable, robust and scalable distributed systems
How to build more reliable, robust and scalable distributed systemsHow to build more reliable, robust and scalable distributed systems
How to build more reliable, robust and scalable distributed systemsLars-Erik Kindblad
 
Application Architecture April 2014
Application Architecture April 2014Application Architecture April 2014
Application Architecture April 2014Lars-Erik Kindblad
 
Anforderungsanalyse und UML Grundlagen
Anforderungsanalyse und UML GrundlagenAnforderungsanalyse und UML Grundlagen
Anforderungsanalyse und UML GrundlagenChristian Baranowski
 
Domain Driven Design und Nosql
Domain Driven Design und Nosql Domain Driven Design und Nosql
Domain Driven Design und Nosql ArangoDB Database
 
The Single Responsibility Principle
The Single Responsibility PrincipleThe Single Responsibility Principle
The Single Responsibility PrincipleLars-Erik Kindblad
 
Publish & Subscribe to events using an Event Aggregator
Publish & Subscribe to events using an Event AggregatorPublish & Subscribe to events using an Event Aggregator
Publish & Subscribe to events using an Event AggregatorLars-Erik Kindblad
 
Inversion of Control - Introduction and Best Practice
Inversion of Control - Introduction and Best PracticeInversion of Control - Introduction and Best Practice
Inversion of Control - Introduction and Best PracticeLars-Erik Kindblad
 
Domain-driven design - eine Einführung
Domain-driven design - eine EinführungDomain-driven design - eine Einführung
Domain-driven design - eine Einführungdie.agilen GmbH
 
Roadmap von Microsoft UI Technologien und Windows 8
Roadmap von Microsoft UI Technologien und Windows 8Roadmap von Microsoft UI Technologien und Windows 8
Roadmap von Microsoft UI Technologien und Windows 8chmoser79
 
SwissICT Fachgruppe UX: Definition und Bedeutung von User Experience
SwissICT Fachgruppe UX: Definition und Bedeutung von User ExperienceSwissICT Fachgruppe UX: Definition und Bedeutung von User Experience
SwissICT Fachgruppe UX: Definition und Bedeutung von User ExperienceNetcetera
 
Message Oriented Architecture using NServiceBus
Message Oriented Architecture using NServiceBusMessage Oriented Architecture using NServiceBus
Message Oriented Architecture using NServiceBusLars-Erik Kindblad
 
Beyond GUI - Die Zukunft digitaler Interfaces
Beyond GUI - Die Zukunft digitaler InterfacesBeyond GUI - Die Zukunft digitaler Interfaces
Beyond GUI - Die Zukunft digitaler InterfacesSENSORY-MINDS
 
Sci-Fi Interfaces - Innovationsmotor für Mensch-Maschine-Interfaces?
Sci-Fi Interfaces - Innovationsmotor für Mensch-Maschine-Interfaces?Sci-Fi Interfaces - Innovationsmotor für Mensch-Maschine-Interfaces?
Sci-Fi Interfaces - Innovationsmotor für Mensch-Maschine-Interfaces?Thomas Gläser
 
Usablebrands c36daily brand_experience
Usablebrands c36daily brand_experienceUsablebrands c36daily brand_experience
Usablebrands c36daily brand_experienceDigicomp Academy AG
 
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...eparo GmbH
 
Mobile Development mit ASP.NET MVC 4
Mobile Development mit ASP.NET MVC 4Mobile Development mit ASP.NET MVC 4
Mobile Development mit ASP.NET MVC 4Digicomp Academy AG
 

Andere mochten auch (20)

Introduction to FluentData - The Micro ORM
Introduction to FluentData - The Micro ORMIntroduction to FluentData - The Micro ORM
Introduction to FluentData - The Micro ORM
 
The Fluent Interface Pattern
The Fluent Interface PatternThe Fluent Interface Pattern
The Fluent Interface Pattern
 
How to build more reliable, robust and scalable distributed systems
How to build more reliable, robust and scalable distributed systemsHow to build more reliable, robust and scalable distributed systems
How to build more reliable, robust and scalable distributed systems
 
Systementwurf mit UML
Systementwurf mit UMLSystementwurf mit UML
Systementwurf mit UML
 
Application Architecture April 2014
Application Architecture April 2014Application Architecture April 2014
Application Architecture April 2014
 
Anforderungsanalyse und UML Grundlagen
Anforderungsanalyse und UML GrundlagenAnforderungsanalyse und UML Grundlagen
Anforderungsanalyse und UML Grundlagen
 
Domain Driven Design und Nosql
Domain Driven Design und Nosql Domain Driven Design und Nosql
Domain Driven Design und Nosql
 
The Single Responsibility Principle
The Single Responsibility PrincipleThe Single Responsibility Principle
The Single Responsibility Principle
 
Publish & Subscribe to events using an Event Aggregator
Publish & Subscribe to events using an Event AggregatorPublish & Subscribe to events using an Event Aggregator
Publish & Subscribe to events using an Event Aggregator
 
Inversion of Control - Introduction and Best Practice
Inversion of Control - Introduction and Best PracticeInversion of Control - Introduction and Best Practice
Inversion of Control - Introduction and Best Practice
 
Data Access - Best Practice
Data Access - Best PracticeData Access - Best Practice
Data Access - Best Practice
 
Domain-driven design - eine Einführung
Domain-driven design - eine EinführungDomain-driven design - eine Einführung
Domain-driven design - eine Einführung
 
Roadmap von Microsoft UI Technologien und Windows 8
Roadmap von Microsoft UI Technologien und Windows 8Roadmap von Microsoft UI Technologien und Windows 8
Roadmap von Microsoft UI Technologien und Windows 8
 
SwissICT Fachgruppe UX: Definition und Bedeutung von User Experience
SwissICT Fachgruppe UX: Definition und Bedeutung von User ExperienceSwissICT Fachgruppe UX: Definition und Bedeutung von User Experience
SwissICT Fachgruppe UX: Definition und Bedeutung von User Experience
 
Message Oriented Architecture using NServiceBus
Message Oriented Architecture using NServiceBusMessage Oriented Architecture using NServiceBus
Message Oriented Architecture using NServiceBus
 
Beyond GUI - Die Zukunft digitaler Interfaces
Beyond GUI - Die Zukunft digitaler InterfacesBeyond GUI - Die Zukunft digitaler Interfaces
Beyond GUI - Die Zukunft digitaler Interfaces
 
Sci-Fi Interfaces - Innovationsmotor für Mensch-Maschine-Interfaces?
Sci-Fi Interfaces - Innovationsmotor für Mensch-Maschine-Interfaces?Sci-Fi Interfaces - Innovationsmotor für Mensch-Maschine-Interfaces?
Sci-Fi Interfaces - Innovationsmotor für Mensch-Maschine-Interfaces?
 
Usablebrands c36daily brand_experience
Usablebrands c36daily brand_experienceUsablebrands c36daily brand_experience
Usablebrands c36daily brand_experience
 
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...
 
Mobile Development mit ASP.NET MVC 4
Mobile Development mit ASP.NET MVC 4Mobile Development mit ASP.NET MVC 4
Mobile Development mit ASP.NET MVC 4
 

Ähnlich wie Mobile Patterns - Wie Apps und Co. digitale Interfaces revolutionieren

My application as webdesigner and front-end developer
My application as webdesigner and front-end developerMy application as webdesigner and front-end developer
My application as webdesigner and front-end developerchristianschweinhardt
 
HTML5 für Entwickler: Part 2, 2014
HTML5 für Entwickler: Part 2, 2014HTML5 für Entwickler: Part 2, 2014
HTML5 für Entwickler: Part 2, 2014Markus Greve
 
HTML5 für Entwickler: Part 1, 2 und 3, 2013
HTML5 für Entwickler: Part 1, 2 und 3, 2013HTML5 für Entwickler: Part 1, 2 und 3, 2013
HTML5 für Entwickler: Part 1, 2 und 3, 2013Markus Greve
 
Mobility – Do's und Don't im mobilen Web
Mobility – Do's und Don't im mobilen WebMobility – Do's und Don't im mobilen Web
Mobility – Do's und Don't im mobilen WebMarkus Greve
 
BASTA Spring 2018: User Interface, quo vadis? Überlebensstrategien eines Soft...
BASTA Spring 2018: User Interface, quo vadis? Überlebensstrategien eines Soft...BASTA Spring 2018: User Interface, quo vadis? Überlebensstrategien eines Soft...
BASTA Spring 2018: User Interface, quo vadis? Überlebensstrategien eines Soft...Rainer Stropek
 
Windows 8 Client - eine Vorschau
Windows 8 Client - eine VorschauWindows 8 Client - eine Vorschau
Windows 8 Client - eine VorschauDigicomp Academy AG
 
HTML5 für Entwickler: Part 1, 2014
HTML5 für Entwickler: Part 1, 2014HTML5 für Entwickler: Part 1, 2014
HTML5 für Entwickler: Part 1, 2014Markus Greve
 
Modern UI Design - FHDW AppNight
Modern UI Design - FHDW AppNightModern UI Design - FHDW AppNight
Modern UI Design - FHDW AppNightPeter Nowak
 
Responsive Webdesign: Prozess, Dialog, Qualität
Responsive Webdesign: Prozess, Dialog, QualitätResponsive Webdesign: Prozess, Dialog, Qualität
Responsive Webdesign: Prozess, Dialog, QualitätPeter Rozek
 
Futuregram #.03 - Chatbots
Futuregram #.03 - ChatbotsFuturegram #.03 - Chatbots
Futuregram #.03 - ChatbotsTRENDONE GmbH
 
20191010 dianafrank blackbox re
20191010 dianafrank blackbox re 20191010 dianafrank blackbox re
20191010 dianafrank blackbox re diana frank
 
HTML5 für Entwickler: Part 1 und 2, 2013
HTML5 für Entwickler: Part 1 und 2, 2013HTML5 für Entwickler: Part 1 und 2, 2013
HTML5 für Entwickler: Part 1 und 2, 2013Markus Greve
 
Cloud Update 2016 IBM Collaboration Solutions - Verse (&Toscana) - ICS.UG 2016
Cloud Update 2016 IBM Collaboration Solutions - Verse (&Toscana) - ICS.UG 2016Cloud Update 2016 IBM Collaboration Solutions - Verse (&Toscana) - ICS.UG 2016
Cloud Update 2016 IBM Collaboration Solutions - Verse (&Toscana) - ICS.UG 2016ICS User Group
 
SANMIGUEL - DIGITAL BRANDING
SANMIGUEL - DIGITAL BRANDINGSANMIGUEL - DIGITAL BRANDING
SANMIGUEL - DIGITAL BRANDINGHans A. Sanmiguel
 
Einführung in User Experience Design
Einführung in User Experience DesignEinführung in User Experience Design
Einführung in User Experience Designchmoser79
 
Community Management – Make It Personal With Data #AFBMC
Community Management – Make It Personal With Data #AFBMCCommunity Management – Make It Personal With Data #AFBMC
Community Management – Make It Personal With Data #AFBMCAllFacebook.de
 
Honki Digital Agentur - Präsentation
Honki Digital Agentur - PräsentationHonki Digital Agentur - Präsentation
Honki Digital Agentur - PräsentationMarta Czapkova
 
141127 stellenausschreibung ebi ux
141127 stellenausschreibung ebi ux141127 stellenausschreibung ebi ux
141127 stellenausschreibung ebi uxThomas Fischer
 

Ähnlich wie Mobile Patterns - Wie Apps und Co. digitale Interfaces revolutionieren (20)

My application as webdesigner and front-end developer
My application as webdesigner and front-end developerMy application as webdesigner and front-end developer
My application as webdesigner and front-end developer
 
HTML5 für Entwickler: Part 2, 2014
HTML5 für Entwickler: Part 2, 2014HTML5 für Entwickler: Part 2, 2014
HTML5 für Entwickler: Part 2, 2014
 
innovation 2011
innovation 2011innovation 2011
innovation 2011
 
HTML5 für Entwickler: Part 1, 2 und 3, 2013
HTML5 für Entwickler: Part 1, 2 und 3, 2013HTML5 für Entwickler: Part 1, 2 und 3, 2013
HTML5 für Entwickler: Part 1, 2 und 3, 2013
 
Mobility – Do's und Don't im mobilen Web
Mobility – Do's und Don't im mobilen WebMobility – Do's und Don't im mobilen Web
Mobility – Do's und Don't im mobilen Web
 
BASTA Spring 2018: User Interface, quo vadis? Überlebensstrategien eines Soft...
BASTA Spring 2018: User Interface, quo vadis? Überlebensstrategien eines Soft...BASTA Spring 2018: User Interface, quo vadis? Überlebensstrategien eines Soft...
BASTA Spring 2018: User Interface, quo vadis? Überlebensstrategien eines Soft...
 
Windows 8 Client - eine Vorschau
Windows 8 Client - eine VorschauWindows 8 Client - eine Vorschau
Windows 8 Client - eine Vorschau
 
HTML5 für Entwickler: Part 1, 2014
HTML5 für Entwickler: Part 1, 2014HTML5 für Entwickler: Part 1, 2014
HTML5 für Entwickler: Part 1, 2014
 
Modern UI Design - FHDW AppNight
Modern UI Design - FHDW AppNightModern UI Design - FHDW AppNight
Modern UI Design - FHDW AppNight
 
Responsive Webdesign: Prozess, Dialog, Qualität
Responsive Webdesign: Prozess, Dialog, QualitätResponsive Webdesign: Prozess, Dialog, Qualität
Responsive Webdesign: Prozess, Dialog, Qualität
 
Futuregram #.03 - Chatbots
Futuregram #.03 - ChatbotsFuturegram #.03 - Chatbots
Futuregram #.03 - Chatbots
 
20191010 dianafrank blackbox re
20191010 dianafrank blackbox re 20191010 dianafrank blackbox re
20191010 dianafrank blackbox re
 
HTML5 für Entwickler: Part 1 und 2, 2013
HTML5 für Entwickler: Part 1 und 2, 2013HTML5 für Entwickler: Part 1 und 2, 2013
HTML5 für Entwickler: Part 1 und 2, 2013
 
Cloud Update 2016 IBM Collaboration Solutions - Verse (&Toscana) - ICS.UG 2016
Cloud Update 2016 IBM Collaboration Solutions - Verse (&Toscana) - ICS.UG 2016Cloud Update 2016 IBM Collaboration Solutions - Verse (&Toscana) - ICS.UG 2016
Cloud Update 2016 IBM Collaboration Solutions - Verse (&Toscana) - ICS.UG 2016
 
SANMIGUEL - DIGITAL BRANDING
SANMIGUEL - DIGITAL BRANDINGSANMIGUEL - DIGITAL BRANDING
SANMIGUEL - DIGITAL BRANDING
 
portfolio
portfolioportfolio
portfolio
 
Einführung in User Experience Design
Einführung in User Experience DesignEinführung in User Experience Design
Einführung in User Experience Design
 
Community Management – Make It Personal With Data #AFBMC
Community Management – Make It Personal With Data #AFBMCCommunity Management – Make It Personal With Data #AFBMC
Community Management – Make It Personal With Data #AFBMC
 
Honki Digital Agentur - Präsentation
Honki Digital Agentur - PräsentationHonki Digital Agentur - Präsentation
Honki Digital Agentur - Präsentation
 
141127 stellenausschreibung ebi ux
141127 stellenausschreibung ebi ux141127 stellenausschreibung ebi ux
141127 stellenausschreibung ebi ux
 

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! ________
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 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
  • 12.
  • 13.
  • 14.
  • 16.
  • 17.
  • 18.
  • 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?
  • 28.
  • 29.
  • 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
  • 31.
  • 32.
  • 33.
  • 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
  • 40.
  • 41.
  • 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