An introduction to User experience delivered to students at KTH in Stockholm

1. JAMES MCCONNELL // UX & INTERACTION DESIGNER &
ADNAN YAFI // INTERACTION DESIGNER
18th FEBRUARY 2013
KTH
UX
AN INTRODUCTION TO USER EXPERIENCE DESIGN

2. SCREEN INTERACTION
AGENDA
first half
We are Screen Interaction
What is User Experience?
User Experience design principles
The Benefits of UX design
QUIZ TIME

3. JAMES MCCONNELL // UX & INTERACTION DESIGNER 23RD JANUARY 2013
SCREEN INTERACTION
WE ARE

4. SCREEN INTERACTION
ADNAN YAFIJAMES MCCONNELL
4

6. SCREEN INTERACTION 6

7. SCREEN INTERACTION
KTH 2006, Computer Science (Datateknik)
with a focus on HCI
7

8. SCREEN INTERACTION 8

9. UX & HCI
DEVELOPMENT

10. SCREEN INTERACTION 10

11. UX & HCI
DEVELOPMENT

12. We have a vision to simplify everyday life
for people through the digital services
they use.

14. SCREEN INTERACTION 14

15. SCREEN INTERACTION
T
broad understanding in various disciplines
deep knowledge in a specific field
15

16. SCREEN INTERACTION
01What is User Experience?

17. SCREEN INTERACTION
A USER EXPERIENCE IS...
The sum of interactions a person has with a product or service.

18. SCREEN INTERACTION

19. SCREEN INTERACTION
It’s easy to use.
It’s fast.
It’s usable.
It has a nice, simple home page.
It gives me what I want.
It’s accurate and finds results quickly.
It’s focused and does not get too far away from its core value
—and that’s search.

20. SCREEN INTERACTION
PHILOSOPHY
1. Focus on the user and all else will follow.
http://www.google.com/about/company/philosophy/

21. SCREEN INTERACTION
TITLE IN CAPS
Etiam porta sem malesuada magna mollis euismod. Cum
sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Aenean lacinia bibendum nulla sed
consectetur. Cras mattis consectetur purus sit amet
fermentum.
21
The experience does not start and end at
the interface.

22. SCREEN INTERACTION
A USER EXPERIENCE IS
SUBJECTIVE.

23. SCREEN INTERACTION
BORN 1948
MALE
BRITISH
MARRIED
SUCCESSFUL
WEALTHY
2 KIDS
LIKE DOGS
LOVE OF THE ALPS

24. SCREEN INTERACTION
HABITS // CULTURE // SOCIAL CONTEXT // MOTIVATIONS
DID YOU CONSIDER...?
BORN 1948
MALE
BRITISH
MARRIED
SUCCESSFUL
WEALTHY
2 KIDS
LIKE DOGS
LOVE OF THE ALPS

25. SCREEN INTERACTION
CONTEXT
IS
KING

26. SCREEN INTERACTION
02UX Design Principles

27. SCREEN INTERACTION
“You’ve got to start with the
customer experience and work
back toward the technology,
not the other way around.”

28. SCREEN INTERACTION
BUSINESS
NEEDS
USER
NEEDSUX

29. SCREEN INTERACTION
BUSINESS
NEEDS
USER
NEEDSUX

30. SCREEN INTERACTION
USER CENTERED DESIGN

31. SCREEN INTERACTION
MEET BASIC EXPECTATIONS

32. SCREEN INTERACTION

33. SCREEN INTERACTION

34. PEOPLE

35. ACTIVITY

36. CONTEXT

37. SCREEN INTERACTION
VIDEO

38. VIDEO

39. who?
why?
what?
when?
where?
how?

40. SCREEN INTERACTION
HOW DOES KNOWING ALL THIS
HELP TO DESIGN A GREAT UX?

41. SCREEN INTERACTION
Discuss in pairs.
Think about the activity, context & person.
What would you change, add, or remove to create a
better user experience?

42. SCREEN INTERACTION
03The Benefits of UX Design

43. SCREEN INTERACTION
UX IS WORTH...?
43

44. SCREEN INTERACTION
UX IS WORTH...?
44
$1 BILLION

45. SCREEN INTERACTION
useful
usable
desirable
magical
early adopters recurrent users sharers ambassadors
USERVALUE
BUSINESS VALUE

46. SCREEN INTERACTION
QUIZ

47. SCREEN INTERACTION
Our vision is to ________ everyday life for people
through the digital services they use.
The experience does not start and end at the
________.
Context is ____.

48. SCREEN INTERACTION
AGENDA
second half
UX Strategy & Process
Process in Reality
Desirable UX
Careers
QUIZ TIME
Wrap up

49. SCREEN INTERACTION
04UX strategy & process

50. REQUIREMENTS
CONTEXT OF USE
BUSINESS NEED OR OPPORTUNITY
CONCEPT / IDEA
EXISTING SOLUTIONS
USER FLOWS
PEOPLE & PERSONAS
PROTOTYPING
KNOWLEDGE
WIREFRAMING
VISUAL DESIGN

51. PEOPLE & PERSONAS
‣ Who will use it?
‣ Why will they use it?

52. SCREEN INTERACTION

53. SCREEN INTERACTION

54. SCREEN INTERACTION
PERSONAS

55. - LAUNCH
- LISTEN & LEARN
- REITERATE

56. SCREEN INTERACTION
05Process in Reality

59. PC PICTURE

60. PC PICTURE
VS

61. RESEARCH
INFORMATION
ARCHITECTURE
INTERACTION
DESIGN

62. S
USER FLOWS
PROTOTYPING
WIREFRAMING

63. Ring Kundcenter
0771-123 124
Tillbaka till startsidan
föräldrapenning
6. Prata med din arbetsgivare
7. Ansök om föräldrapenning
8. Fler kontaktvägar till oss
Föräldrautbildning för blivande
www.forsakringskassan.se
Om mobila webben
Skicka e-post
Försäkringskassan
Ring Kundcenter
0771-123 124
Vanligaste sökningar - Bostad
Bostad
Blanketter
Besöksadress
Föräldrarpenning
www.forsakringskassan.se
Om mobila webben
Skicka e-post
Övrigt - Bostad
Tillbaka till startsidan
Försäkringskassan
Förälder
Sjuk
Bostad
Studerande
Vanliga tjänster i mobilen
Beräkna prel. FP
Beräkna prel. bostadsbidrag
Anmäl TFP
Beställ EU-kort
Visa alla tjänster i mobilen
Vabba på webben!
Vi besvarar frågor på facebook!
Mest ställda frågor
Startsida
Studerand
2
3
1
4
5
7
6
Nivå 2
Nivå 4

66. SCREEN INTERACTION
06Desirable User Experiences

67. THE SMALL THINGS

68. THE SMALL THINGS

69. SCREEN INTERACTION
07Careers

70. KTH UX PRESENTATION V 1.0

71. SCREEN INTERACTION 71
No matter your role,
EVERYONE plays a part in...

72. SCREEN INTERACTION
QUIZ

73. SCREEN INTERACTION
To understand the different target groups we create
________.
______ tests help us to understand human behaviours
and attitudes.
The small things help to create __________ user
experiences.

74. SCREEN INTERACTION
08Wrap up

75. SCREEN INTERACTION
facebook.com/screeninteraction
twitter.com/screentwitt

76. SCREEN INTERACTION
Adnan Yafi
Interaction Designer
+46 73 550 20 11
76
THANK YOU
James McConnell
UX & Interaction Designer
+46 7 3333 7216
facebook.com/screeninteractiontwitter.com/screentwitt