user experience

USER EXPERIENCE

Joris Klerkx http://hci.cs.kuleuven.be@jkofmsk

CORILUS, NEDER-OVER-HEEMBEEK, 4 OKTOBER 2013

1

1

2

Music

Technology Enhanced Learning

e-health

Research 2.0

2

THANKS FOR THE INVITATION

3

3

http://www.web42.com/badday/

Removing friction between users and information

UX

4

4

http://erikduval.wordpress.com/2008/09/10/laptop-fun/

NOT SO EASY...

http://www.popsci.com/gadgets/article/2013-07/one-laptop-childs-de-evolution5

5

... BUT SO IMPORTANT

http://www.uxpassion.com/services/usability/usability-evaluations

NOT SO EASY...

6

6

http://tweakers.net/nieuws/91693/philips-test-chirurgen-app-voor-google-glass.html

7

7

UX

8

8

UXNOT (only) about the user interface (UI)

What if i want a book from a small publisher? 9

9

UX

Not (only) about usability

Copyright © David Siegel - Dray and Associates.http://www.interaction-design.org/encyclopedia/usability_evaluation.html

Quality attribute of the UI, covering whether the system is easy to learn,

efficient to use, pleasant, and so forth

http://www.nngroup.com/articles/definition-user-experience/

10

10

http://www.nngroup.com/articles/definition-user-experience/

Image from http://techmoran.com/ihub-launches-sub-saharan-africas-first-ux-lab-set-to-revolutionize-user-experience-design/

UX

11

11

UX

Human factors science

Psychology

Information architecture

User-centered Design

12

12

UX

Every solution should be tailored to goals, users, products, etc.

13

13

http://www.insidefacebook.com/2013/10/03/why-facebook-hashtags-were-doomed-to-fail/

#fail

#success

Hashtags

14

14

http://vimeo.com/51690799#

Everything is connected15

15

http://www.mailboxapp.com/ 16

16

http://www.google.com/landing/now/

15 minutes to patient X

Technology is an ENABLER between users and information

SEARCH IS SLIGHTY DISAPPEARING?17

17

ALWAYS connected

Flu Outbreak

Blood test results patient X

18

18

http://www.google.com/glass/start/what-it-does/

Answers without having to ask19

19

EVERYTHING is connected

CONTENT first

http://healthdesignchallenge.com/showcase/method/method.pdf

20

20

LITTLE EFFORT

UNDERSTANDABLE

ACTIONABLE

PERSONALIZED

DYNAMIC

ENGAGING21

21

A PICTURE SAYS 1000 WORDS

At the dawn of agriculture, about 8000 B.C., the population of the world was approximately 5 million. Over the 8,000-year period up to 1

A.D. it grew to 200 million (some estimate 300 million or even 600, suggesting how imprecise population estimates of early historical

periods can be), with a growth rate of under 0.05% per year.

A tremendous change occurred with the industrial revolution: whereas it had taken all of human history until around 1800 for world

population to reach one billion, the second billion was achieved in only 130 years (1930), the third billion in less than 30 years (1959), the

fourth billion in 15 years (1974), and the fifth billion in only 13 years (1987). During the 20th century alone, the population in the world

has grown from 1.65 billion to 6 billion.

World Population Growth

22

22

ELECTRONIC FORMS MUST DIE

23

23

THE ECONOMIST – OCT. 2004

http://www.economist.com/displaystory.cfm?story_id=3307363

To be truly successful, a complex technology needs to “disappear”

The real test is always the mom test

24

24

DESIGN-PROCESS

25

25

DESIGN-PROCESS

Image from http://uxdesign.smashingmagazine.com/2010/10/05/what-is-user-experience-design-overview-tools-and-resources/

You’re NOT the user!

You’re probably clueless!

26

26

USER-CENTERED DESIGN

Image from http://connectedsocialmedia.com/10134/inside-it-user-centered-it/Instead...

27

27

KNOW YOUR USERS...

STUDY THEIR WORKFLOW & HABITS28

28

Users cannot tell you what they need (Steve Jobs)

Study behaviour not opinions

Don’t ask for opinions

29

29

If the user does something “wrong”, it is the fault of the system designer!

ALWAYS RIGHT

30

30

USER TRENDS

31

31

ALWAYS CONNECTED

32

32

http://www.fitbit.com/flex

QUANTIFYING

33

33

awareness

(self) reflection

sense making

impact

data

questions

answers

behavior change or new meaning

34

34

http://developer.runkeeper.com/healthgraph

SHARING

35

35

36

36

RATING

37

37

38

38

INVOLVED 39

39

40

40

SOCIAL

41

41

Same UX as what they are used to!

42

42

USER-CENTERED DESIGN

Image from http://connectedsocialmedia.com/10134/inside-it-user-centered-it/

43

43

RAPID PROTOTYPING

ITERATIVE DESIGN

44

44

TimeRapid PrototypingIteration 1

...Iteration 2 Iteration 3 Iteration N

• Design focus on usefulness & usability• Find problems early on• Evaluate ideas in short iteration cycles

• with real users

• Evaluate in real-life settings• with real users

45

45

Paper prototypes

Digital prototypes

http://www.wired.com/design/2013/09/appseed-transforms-your-sketches-into-app-prototypes/?mbid=social12565664

Products

46

46

Think aloud Usability lab Eye-tracking

questionnaires (SUS, TAM, ...)

47

47

Unique does not mean useful

Usefulness! Usefulness! Usefulness!

48

48

FOUR MYTHSOnly experts create good designs experts faster, simple and effective techniques anyone can apply

We can fix the user interface at the end good design is more than just user interface having right features, building those features right

Good design takes too long / costs too much simple and effective techniques can reduce total development time & cost (finds problems early on)

Good design is just cool graphics graphics part of bigger picture of what to communicate & how

49

49

THANK YOU FOR YOUR ATTENTION!

joris.klerkx@cs.kuleuven.be

@jkofmsk

50

50