NATURAL USER INTERFACES

Größe: px

Ab Seite anzeigen:

Download "NATURAL USER INTERFACES"

Bertold Kaufman
vor 8 Jahren
Abrufe

1 NEUROMARKETING KONGRESS 2012 NATURAL USER INTERFACES WEBSITE-EXPERIENCES - FINGERLEICHT UND INTUITIV

2 Phänomene der Veränderung 2

3 PHÄNOMEN # 1 Die User-Experience verändert sich 3

4 PHÄNOMEN # 1 Schrumpftechnologien ENIAC COMPUTOR 1945 Eniac Computor 1945 Tablet Immer kleiner, immer leistungsfähiger, immer günstiger... 4

5 PHÄNOMEN # 1 Schrumpftechnologien Gestern Heute Morgen Übermorgen Desktop PC Laptop PC Tablet PC PC Glasses Von materiell zu immateriell Von der Maschine zum persönlichen Aisstenten 5

6 ZUNEHMEND INTUITIVERE BEDIENKONZEPTE Gestern Heute Morgen Übermorgen Desktop PC Laptop PC Tablet PC Command Line Interface Graphical User Interface Natural User Interface CLI GUI NUI PC Glasses Personal User Interface PUI 6

Command Line Interface Graphical User Interface Natural

7 BEDIENKONZEPTE BEI BETRIEBSSYSTEMEN MS-DOS 1978 XEROX STAR 1980 WINDOWS XXX CLI GUI NUI MONATE WOCHEN STUNDEN Tastatur Tastatur und Maus Finger und Stift PUI MINUTEN Geste und Stimme

8 USABILITY BEI UNTERSCHIEDLICHEN UI S ZIEL ZIEL ZIEL ZIEL START START START START CLI GUI NUI PUI MONATE WOCHEN STUNDEN MINUTEN GERINGE USABILITY HOHE USABILITY

9 PHÄNOMEN # 2 Die neuen Dimensionen der User Experience 9

10 PHÄNOMEN # 2 Touch und Gesten anstelle von Metaphern und Klicks Finger ersetzt Maus und Cursor Die Interaktion mit dem Computer verändert sich

11 PHÄNOMEN # 2 Multiuser Experiences Von einem zu vielen gleichzeitigen Nutzern One collaborative Interface

12 NEUROMARKETING KONGRESS 2012 PHÄNOMEN # 2 Multimodale Erlebnisse Microsoft Surface ipad / iphone Natürliche Gesten zur Interaktion Multisensorische Interfaces - Multimodale Steuerung Xbox 360 Kinect

13 PHÄNOMEN # 3 Die Nutzererwartungen verändern sich 13

14 PHÄNOMEN # 3 Anything Anyme Anywhere User 2.0 Anytime Die Nutzererwartungen verändern sich rapide 14

15 PHÄNOMEN # 3 User expectations are changing User expectations for state-of-the art interfaces 15

16 PHÄNOMEN # 3 Die Nutzererwartungen verändern sich rapide Alles muss touchbar sein. 16

17 PHÄNOMEN # 3 17

18 PHÄNOMEN # 4 Das Design verändert sich Aus GUI wird NUI 18

19 GRAPHICAL USER INTERFACE DESIGN Service Interaction Interface Design Orientation/Navigation Brand Design Corporate Design LOOK FEEL Behaviour Dialogue Multimedia Usability Aussehensbasiert Zeitbasiert 19

20 NATURAL USER INTERFACE DESIGN Service Interaction Interface Design Brand Design Corporate Design LOOK UX FEEL UX Orientation Navigation Behaviour Dialogue Multimedia Usability 20

21 PARADIGMENWECHSEL Von der Gestaltung des visuellen Aussehens (GUI) zur Gestaltung von visuellem Verhalten (NUI). 21

22 HD+ Produktfinder 22

23 PHÄNOMEN # 5 Aus Webseiten werden Web-Interfaces 23

24 VON DER WEBSEITE ZUM WEB-INTERFACE WEB-PAGES WEB-INTERFACE HOMEPAGE MEDIA CHANNEL MEDIA INTEGRATION SUBHOMEPAGES CONTENTPAGES MEDIA SYNDICATION MEDIA CONTAINER Navigation durch hierarchisch organisierte Seiten

25 VON DER WEBSEITE ZUM WEB-INTERFACE WEB-PAGES WEB-INTERFACE HOMEPAGE MEDIA CHANNEL MEDIA INTEGRATION SUBHOMEPAGES CONTENTPAGES MEDIA SYNDICATION MEDIA CONTAINER Navigation durch hierarchisch organisierte Seiten Adaptive mediale Inhalte kommen auf den Nutzer zu

27 PHÄNOMEN # 6 Gute Usability wird immer wichtiger 27

28 ! Für Tablets EASE-OF-USE USABILITY JOY-OF-USE 28

29 Definition: Gebrauchstauglichkeit (Usability) Das Ausmaß, in dem ein Produkt durch bestimmte Benutzer in einem bestimmten Nutzungskontext genutzt werden kann, um bestimmte Ziele effektiv, effizient und zufriedenstellend zu erreichen. EN ISO

30 USABILITY BEI GOOGLE Reduce friction Wie gelangt ein Nutzer möglicht schnell an sein Ziel? 30

31 SCHNELLER BEIM TICKET Lufthansa Website 18 Schritte bis zum Ticket Lufthansa ipad App 8 Schritte bis zum Ticket

32 PHÄNOMEN # 7 Aus Webseiten werden Apps 32

33 AUS WEBSEITEN WERDEN APPS Spiegel Website Spiegel App BESSERE USABILITY

34 PHÄNOMEN # 8 Alles soll einfach und intuitiv sein

35 OSIT 35

36 OSIT = intuitivstes Handlungsschema von uns Menschen 36

37 AKRONYM O S I T RIENTIEREN ELEKTIEREN NFORMIEREN RANSAGIEREN 37

38 ORIENTIEREN = Überblick Wo bin ich? 38

39 SELEKTIEREN = Auswahl Was gibt es hier? 39

40 INFORMIEREN = Details Zeige mir die Detailinformationen 40

41 TRANSAGIEREN = Prozess Lege es in meinen Warenkorb 41

42 NEUROMARKETING KONGRESS 2012 ORIENTIEREN Wo bin ich? SELEKTIEREN Was gibt es hier? INFORMIEREN Details betrachten TRANSAGIEREN In den Warenkorb 42

43 OSIT ALS INTUITIVES UI-HANDLUNGSPRINZIP Orientieren Selektieren Informieren Transagieren Übersicht Auswahl Detail Aktion Coverflow, Gallery, Liste Produkt kommt auf Nutzer zu Vollbild mit allen Details Optionen zur Aktion Filter, Sortieren, Umgruppieren, Vergrößern... Zoom-in/-out Lesen, Sehen, Merken, Vergleichen, Kaufen, Bewerten, Empfehlen... 43

44 OSIT PRINZIPIEN 44

45 MERKE Je intuitiver ein Interaktionssystem ist, desto besser die Absatzwahrscheinlichkeit.

46 NOCH EIN LETZTES PHÄNOMEN Usability

47 NOCH EIN LETZTES PHÄNOMEN Usability Konsumpsychologie

48 Usability: Kann eine Nutzerin diesen Shop gut bedienen?

49 Konsumpsychologie: Mach mich interessant, damit sie mich kauft.

50 Streichpreis Sonderpreis Limitierung Videos Empfehlungen Produktdetails Call to Action Konsumpsychologie: Mach mich interessant, damit er/sie mich kauft.

51 KONSUMPSYCHOLOGISCHE PREISGEBUNG EUR Kauf mich

52 KONSUMPSYCHOLOGISCHE PREISGEBUNG EUR Kauf mich

53 KONSUMPSYCHOLOGISCHE PREISGEBUNG EUR EUR Kauf mich Kauf mich

54 KONSUMPSYCHOLOGISCHE PREISGEBUNG EUR EUR Kauf mich Kauf mich

55 KONSUMPSYCHOLOGISCHE PREISGEBUNG EUR EUR EUR Kauf mich

56 KONSUMPSYCHOLOGISCHE PREISGEBUNG EUR EUR EUR Kauf mich

57 KONSUMPSYCHOLOGISCHE PREISGEBUNG EUR EUR EUR Kauf mich

58 KONSUMPSYCHOLOGISCHE PREISGEBUNG EUR EUR EUR Kauf mich

59 KONSUMPSYCHOLOGISCHE PREISGEBUNG EUR Kauf mich EUR EUR EUR Kauf mich

60 It's all about people and changing their minds. Steve Jobs 2007

61 DANKE FÜR IHRE AUFMERKSAMKEIT ZEIT FÜR IHRE FRAGEN UND ANTWORTEN SENSORY-MINDS GMBH PROFESSOR WOLFGANG HENSELER Managing Creative Director Ludwigstrasse Offenbach am Main T M E w.henseler@sensory-minds.com de:bug #152 Natural User Interface Design Follow us on:

Ähnliche Dokumente

Wolfgang Henseler SENSORY-MINDS. Keynote Natural User Interface Design Einsichten zur Gestaltung initiativer Benutzeroberflächen

Wolfgang Henseler SENSORY-MINDS Keynote Einsichten zur Gestaltung initiativer Benutzeroberflächen NATURAL USER INTERFACE DESIGN EINSICHTEN ZUR GESTALTUNG INTUITIVER BENUTZUNGSOBERFLÄCHEN 1 PERSONAL INSIGHT