Vom User Interface über User Experience zum User Behavior

Ivo Wessel iCodeCompany, Berlin www.we-make-apps.com

1

Die Zeiten ändern sich …Vom Mobiltelefon zum Smartphone Vom Tablet PC zum Pad Von der Uhr zur Smart Watch

2

3

4

5

Die Zeiten ändern sich …„The most personal device we ever build“ „Not with you but on you“ „On your wrist, not in your pocket“ „Part of your life“ „Coach on your wrist“ (Tim Cook, Apple CEO)

6

UI, UX, UBUser Interface: Wie wir mit der App umgehen

User Experience: Wie wir uns mit der App fühlen

User Behavior: Wie sich die App an uns gewöhnt

7

8

9

10

11

Was nervt bei Computern?„Mein Computer versteht mich nicht“ „… und er lernt einfach nichts dazu“ „Ich habe ihm schon hun-dert-mal gesagt …“ „Er müsste doch langsam wissen …“ „Er müsste doch merken, wie’s mir geht“

12

Drei MantrasDon’t make me think (Steve Krug) Don’t make me sick Don’t make me sigh

13

Vier KlassikerGolden Krishna:The Best Interface is No Interface Jakob Nielsen:10 Heuristics for User Interface Design Dieter Rams:ten principles for good design Don Norman:Design of Everyday Things

14

Interaction DesignYvonne Rogers, Helen Sharp, Jenny Preece:Beyond Human-Computer Interaction Visibility – can I see it? Feedback – what is it doing now? Affordance – how do I use it? Mapping – where am I and where can I go? Constraint – why can’t I do that? Consistency – I think I have seen this before?

15

Apple: 27 Guidelines for MUXD1. Focus on the Primary Task 2. Elevate the Content that People Care About 3. Think Top Down 4. Give People a Logical Path to Follow 5. Make Usage Easy and Obvious 6. Use User-Centric Terminology 7. Minimize the Effort Required for User Input

16

Apple: 27 Guidelines for MUXD8. Downplay File-Handling Operations 9. Enable Collaboration and Connectedness 10. De-emphasize Settings 11. Brand Appropriately 12. Make Search Quick and Rewarding 13. Entice and Inform with a Well-Written Description

17

Apple: 27 Guidelines for MUXD14. Be Succinct 15. Use UI Elements Consistently 16. Consider Adding Physicality and Realism 17. Delight People with Stunning Graphics 18. Handle Orientation Changes 19. Make Targets Fingertip-Size 20. Use Subtle Animation to Communicate

18

Apple: 27 Guidelines for MUXD21. Support Gestures Appropriately 22. Ask People to Save Only When Necessary 23. Make Modal Tasks Occasional and Simple 24. Start Instantly 25. Always Be Prepared to Stop 26. Don’t Quit Programmatically 27. If Necessary, Display a License Agreement or Disclaimer

19

Apple: 27 Guidelines for MUXD2. Elevate the Content that People Care About 6. Use User-Centric Terminology 7. Minimize the Effort Required for User Input 10. De-emphasize Settings 12. Make Search Quick and Rewarding 13. Entice and Inform with a Well-Written Description 22. Ask People to Save Only When Necessary

20

Learning by doingFrüher: „Persona“ definieren Ergebnis: Benutzer-Prototyp

Heute: Profil lernen Ergebnis: Personalized User Experience

21

22

Humanized UI, UX, UB„Daten wurden gerade aktualisiert“ Verdeckte Passwort-Eingabe Kein Speichern-Button Icon-Badges

23

Personalized UI, UX, UBDatei-Operationen „Last Used“-Liste „Most used“-Liste Sicherheitsabfragen Undo-Funktion vs. Papierkorb vs. Historie Back-Button Tap-/Klick-Areas

24

Know the UserWer sitzt vorm Rechner? Analyse statt Settings Personalized Interface Geschwindigkeit Funktionen Hilfe

25

Know the UserPast Analysis:Wie hat der Benutzer früher reagiert? Present Analysis:Wie geht’s dem Benutzer gerade? Future Analysis:Benutzer sind Gewohnheitstiere

26

Wearables als VorreiterBezahlen Smart Home Aktivitäten Smartphone steuern Smartphone suchen Smartphone ersetzen

27

Wearables als VorreiterNachrichten Benachrichtigungen (Passiv) telefonieren Wecker Navigieren

28

Humanisierte Navigation„In 375 m rechts abbiegen“ „In 300 m rechts abbiegen“ „Biegen Sie rechts in die Poststraße ein“ „An der dritten Kreuzung rechts abbiegen“ „Biegen Sie hinter dem Baumarkt rechts ab“

29

Humanisierte NavigationApple-Patent vom 23. April 2015 www.freepatentsonline.com/20150112593.pdf

30

AusblickLess User Interface No User Interface Vom Pull zum Push

Danke! Fragen?Ivo Wessel

iCodeCompany Lehrter Str. 57, Haus 2 D–10557 Berlin

(0 30) 89 62 64 77 (01 77) 4 86 93 77 mail@we-make-apps.com

31