User experience
-
Upload
joris-klerkx -
Category
Technology
-
view
113 -
download
0
description
Transcript of User experience
![Page 1: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/1.jpg)
USER EXPERIENCE
Joris Klerkx http://hci.cs.kuleuven.be@jkofmsk
CORILUS, NEDER-OVER-HEEMBEEK, 4 OKTOBER 2013
1
1
![Page 2: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/2.jpg)
2
Music
Technology Enhanced Learning
e-health
Research 2.0
2
![Page 3: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/3.jpg)
THANKS FOR THE INVITATION
3
3
![Page 4: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/4.jpg)
http://www.web42.com/badday/
Removing friction between users and information
UX
4
4
![Page 5: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/5.jpg)
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
![Page 6: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/6.jpg)
... BUT SO IMPORTANT
http://www.uxpassion.com/services/usability/usability-evaluations
NOT SO EASY...
6
6
![Page 7: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/7.jpg)
http://tweakers.net/nieuws/91693/philips-test-chirurgen-app-voor-google-glass.html
7
7
![Page 8: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/8.jpg)
UX
8
8
![Page 9: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/9.jpg)
UXNOT (only) about the user interface (UI)
What if i want a book from a small publisher? 9
9
![Page 10: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/10.jpg)
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
![Page 11: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/11.jpg)
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
![Page 12: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/12.jpg)
UX
Human factors science
Psychology
Information architecture
User-centered Design
12
12
![Page 13: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/13.jpg)
UX
Every solution should be tailored to goals, users, products, etc.
13
13
![Page 14: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/14.jpg)
http://www.insidefacebook.com/2013/10/03/why-facebook-hashtags-were-doomed-to-fail/
#fail
#success
Hashtags
14
14
![Page 15: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/15.jpg)
http://vimeo.com/51690799#
Everything is connected15
15
![Page 16: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/16.jpg)
http://www.mailboxapp.com/ 16
16
![Page 17: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/17.jpg)
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
![Page 18: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/18.jpg)
ALWAYS connected
Flu Outbreak
Blood test results patient X
18
18
![Page 19: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/19.jpg)
http://www.google.com/glass/start/what-it-does/
Answers without having to ask19
19
![Page 20: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/20.jpg)
EVERYTHING is connected
CONTENT first
http://healthdesignchallenge.com/showcase/method/method.pdf
20
20
![Page 21: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/21.jpg)
LITTLE EFFORT
UNDERSTANDABLE
ACTIONABLE
PERSONALIZED
DYNAMIC
ENGAGING21
21
![Page 22: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/22.jpg)
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
![Page 23: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/23.jpg)
ELECTRONIC FORMS MUST DIE
23
23
![Page 24: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/24.jpg)
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
![Page 25: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/25.jpg)
DESIGN-PROCESS
25
25
![Page 26: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/26.jpg)
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
![Page 27: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/27.jpg)
USER-CENTERED DESIGN
Image from http://connectedsocialmedia.com/10134/inside-it-user-centered-it/Instead...
27
27
![Page 28: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/28.jpg)
KNOW YOUR USERS...
STUDY THEIR WORKFLOW & HABITS28
28
![Page 29: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/29.jpg)
Users cannot tell you what they need (Steve Jobs)
Study behaviour not opinions
Don’t ask for opinions
29
29
![Page 30: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/30.jpg)
If the user does something “wrong”, it is the fault of the system designer!
ALWAYS RIGHT
30
30
![Page 31: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/31.jpg)
USER TRENDS
31
31
![Page 32: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/32.jpg)
ALWAYS CONNECTED
32
32
![Page 33: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/33.jpg)
http://www.fitbit.com/flex
QUANTIFYING
33
33
![Page 34: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/34.jpg)
awareness
(self) reflection
sense making
impact
data
questions
answers
behavior change or new meaning
34
34
![Page 35: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/35.jpg)
http://developer.runkeeper.com/healthgraph
SHARING
35
35
![Page 36: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/36.jpg)
36
36
![Page 37: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/37.jpg)
RATING
37
37
![Page 38: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/38.jpg)
38
38
![Page 39: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/39.jpg)
INVOLVED 39
39
![Page 40: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/40.jpg)
40
40
![Page 41: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/41.jpg)
SOCIAL
41
41
![Page 42: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/42.jpg)
Same UX as what they are used to!
42
42
![Page 43: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/43.jpg)
USER-CENTERED DESIGN
Image from http://connectedsocialmedia.com/10134/inside-it-user-centered-it/
43
43
![Page 44: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/44.jpg)
RAPID PROTOTYPING
ITERATIVE DESIGN
44
44
![Page 45: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/45.jpg)
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
![Page 46: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/46.jpg)
Paper prototypes
Digital prototypes
http://www.wired.com/design/2013/09/appseed-transforms-your-sketches-into-app-prototypes/?mbid=social12565664
Products
46
46
![Page 47: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/47.jpg)
Think aloud Usability lab Eye-tracking
questionnaires (SUS, TAM, ...)
47
47
![Page 48: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/48.jpg)
Unique does not mean useful
Usefulness! Usefulness! Usefulness!
48
48
![Page 49: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/49.jpg)
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
![Page 50: User experience](https://reader034.fdocuments.in/reader034/viewer/2022051819/54c697194a79593e338b457c/html5/thumbnails/50.jpg)
THANK YOU FOR YOUR ATTENTION!
@jkofmsk
50
50