JAMES MCCONNELL // UX & INTERACTION DESIGNER &ADNAN YAFI // INTERACTION DESIGNER18th FEBRUARY 2013KTHUXAN INTRODUCTION TO ...
SCREEN INTERACTIONAGENDAfirst halfWe are Screen InteractionWhat is User Experience?User Experience design principlesThe Ben...
JAMES MCCONNELL // UX & INTERACTION DESIGNER 23RD JANUARY 2013SCREEN INTERACTIONWE ARE
SCREEN INTERACTIONADNAN YAFIJAMES MCCONNELL4
SCREEN INTERACTION 6
SCREEN INTERACTIONKTH 2006, Computer Science (Datateknik)with a focus on HCI7
SCREEN INTERACTION 8
UX & HCIDEVELOPMENT
SCREEN INTERACTION 10
UX & HCIDEVELOPMENT
We have a vision to simplify everyday lifefor people through the digital servicesthey use.
SCREEN INTERACTION 14
SCREEN INTERACTIONTbroad understanding in various disciplinesdeep knowledge in a specific field15
SCREEN INTERACTION01What is User Experience?
SCREEN INTERACTIONA USER EXPERIENCE IS...The sum of interactions a person has with a product or service.
SCREEN INTERACTION
SCREEN INTERACTIONIt’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 accu...
SCREEN INTERACTIONPHILOSOPHY1. Focus on the user and all else will follow.http://www.google.com/about/company/philosophy/
SCREEN INTERACTIONTITLE IN CAPSEtiam porta sem malesuada magna mollis euismod. Cumsociis natoque penatibus et magnis dis p...
SCREEN INTERACTIONA USER EXPERIENCE ISSUBJECTIVE.
SCREEN INTERACTIONBORN 1948MALEBRITISHMARRIEDSUCCESSFULWEALTHY2 KIDSLIKE DOGSLOVE OF THE ALPS
SCREEN INTERACTIONHABITS // CULTURE // SOCIAL CONTEXT // MOTIVATIONSDID YOU CONSIDER...?BORN 1948MALEBRITISHMARRIEDSUCCESS...
SCREEN INTERACTIONCONTEXTISKING
SCREEN INTERACTION02UX Design Principles
SCREEN INTERACTION“You’ve got to start with thecustomer experience and workback toward the technology,not the other way ar...
SCREEN INTERACTIONBUSINESSNEEDSUSERNEEDSUX
SCREEN INTERACTIONBUSINESSNEEDSUSERNEEDSUX
SCREEN INTERACTIONUSER CENTERED DESIGN
SCREEN INTERACTIONMEET BASIC EXPECTATIONS
SCREEN INTERACTION
SCREEN INTERACTION
PEOPLE
ACTIVITY
CONTEXT
SCREEN INTERACTIONVIDEO
VIDEO
who?why?what?when?where?how?
SCREEN INTERACTIONHOW DOES KNOWING ALL THISHELP TO DESIGN A GREAT UX?
SCREEN INTERACTIONDiscuss in pairs.Think about the activity, context & person.What would you change, add, or remove to cre...
SCREEN INTERACTION03The Benefits of UX Design
SCREEN INTERACTIONUX IS WORTH...?43
SCREEN INTERACTIONUX IS WORTH...?44$1 BILLION
SCREEN INTERACTIONusefulusabledesirablemagicalearly adopters recurrent users sharers ambassadorsUSERVALUEBUSINESS VALUE
SCREEN INTERACTIONQUIZ
SCREEN INTERACTIONOur vision is to ________ everyday life for peoplethrough the digital services they use.The experience d...
SCREEN INTERACTIONAGENDAsecond halfUX Strategy & ProcessProcess in RealityDesirable UXCareersQUIZ TIMEWrap up
SCREEN INTERACTION04UX strategy & process
REQUIREMENTSCONTEXT OF USEBUSINESS NEED OR OPPORTUNITYCONCEPT / IDEAEXISTING SOLUTIONSUSER FLOWSPEOPLE & PERSONASPROTOTYPI...
PEOPLE & PERSONAS‣ Who will use it?‣ Why will they use it?
SCREEN INTERACTION
SCREEN INTERACTION
SCREEN INTERACTIONPERSONAS
- LAUNCH- LISTEN & LEARN- REITERATE
SCREEN INTERACTION05Process in Reality
PC PICTURE
PC PICTUREVS
RESEARCHINFORMATIONARCHITECTUREINTERACTIONDESIGN
SUSER FLOWSPROTOTYPINGWIREFRAMING
Ring Kundcenter0771-123 124Tillbaka till startsidanföräldrapenning6. Prata med din arbetsgivare7. Ansök om föräldrapenning...
SCREEN INTERACTION06Desirable User Experiences
THE SMALL THINGS
THE SMALL THINGS
SCREEN INTERACTION07Careers
KTH UX PRESENTATION V 1.0
SCREEN INTERACTION 71No matter your role,EVERYONE plays a part in...
SCREEN INTERACTIONQUIZ
SCREEN INTERACTIONTo understand the different target groups we create________.______ tests help us to understand human beha...
SCREEN INTERACTION08Wrap up
SCREEN INTERACTIONfacebook.com/screeninteractiontwitter.com/screentwitt
SCREEN INTERACTIONAdnan YafiInteraction Designer+46 73 550 20 1176THANK YOUJames McConnellUX & Interaction Designer+46 7 33...
Introduction to User Experience
Introduction to User Experience
Introduction to User Experience
Introduction to User Experience
Introduction to User Experience
Introduction to User Experience
Upcoming SlideShare
Loading in...5
×

Introduction to User Experience

379

Published on

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

Published in: Technology, News & Politics
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
379
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Introduction to User Experience

  1. 1. JAMES MCCONNELL // UX & INTERACTION DESIGNER &ADNAN YAFI // INTERACTION DESIGNER18th FEBRUARY 2013KTHUXAN INTRODUCTION TO USER EXPERIENCE DESIGN
  2. 2. SCREEN INTERACTIONAGENDAfirst halfWe are Screen InteractionWhat is User Experience?User Experience design principlesThe Benefits of UX designQUIZ TIME
  3. 3. JAMES MCCONNELL // UX & INTERACTION DESIGNER 23RD JANUARY 2013SCREEN INTERACTIONWE ARE
  4. 4. SCREEN INTERACTIONADNAN YAFIJAMES MCCONNELL4
  5. 5. SCREEN INTERACTION 6
  6. 6. SCREEN INTERACTIONKTH 2006, Computer Science (Datateknik)with a focus on HCI7
  7. 7. SCREEN INTERACTION 8
  8. 8. UX & HCIDEVELOPMENT
  9. 9. SCREEN INTERACTION 10
  10. 10. UX & HCIDEVELOPMENT
  11. 11. We have a vision to simplify everyday lifefor people through the digital servicesthey use.
  12. 12. SCREEN INTERACTION 14
  13. 13. SCREEN INTERACTIONTbroad understanding in various disciplinesdeep knowledge in a specific field15
  14. 14. SCREEN INTERACTION01What is User Experience?
  15. 15. SCREEN INTERACTIONA USER EXPERIENCE IS...The sum of interactions a person has with a product or service.
  16. 16. SCREEN INTERACTION
  17. 17. SCREEN INTERACTIONIt’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.
  18. 18. SCREEN INTERACTIONPHILOSOPHY1. Focus on the user and all else will follow.http://www.google.com/about/company/philosophy/
  19. 19. SCREEN INTERACTIONTITLE IN CAPSEtiam porta sem malesuada magna mollis euismod. Cumsociis natoque penatibus et magnis dis parturient montes,nascetur ridiculus mus. Aenean lacinia bibendum nulla sedconsectetur. Cras mattis consectetur purus sit ametfermentum.21The experience does not start and end atthe interface.
  20. 20. SCREEN INTERACTIONA USER EXPERIENCE ISSUBJECTIVE.
  21. 21. SCREEN INTERACTIONBORN 1948MALEBRITISHMARRIEDSUCCESSFULWEALTHY2 KIDSLIKE DOGSLOVE OF THE ALPS
  22. 22. SCREEN INTERACTIONHABITS // CULTURE // SOCIAL CONTEXT // MOTIVATIONSDID YOU CONSIDER...?BORN 1948MALEBRITISHMARRIEDSUCCESSFULWEALTHY2 KIDSLIKE DOGSLOVE OF THE ALPS
  23. 23. SCREEN INTERACTIONCONTEXTISKING
  24. 24. SCREEN INTERACTION02UX Design Principles
  25. 25. SCREEN INTERACTION“You’ve got to start with thecustomer experience and workback toward the technology,not the other way around.”
  26. 26. SCREEN INTERACTIONBUSINESSNEEDSUSERNEEDSUX
  27. 27. SCREEN INTERACTIONBUSINESSNEEDSUSERNEEDSUX
  28. 28. SCREEN INTERACTIONUSER CENTERED DESIGN
  29. 29. SCREEN INTERACTIONMEET BASIC EXPECTATIONS
  30. 30. SCREEN INTERACTION
  31. 31. SCREEN INTERACTION
  32. 32. PEOPLE
  33. 33. ACTIVITY
  34. 34. CONTEXT
  35. 35. SCREEN INTERACTIONVIDEO
  36. 36. VIDEO
  37. 37. who?why?what?when?where?how?
  38. 38. SCREEN INTERACTIONHOW DOES KNOWING ALL THISHELP TO DESIGN A GREAT UX?
  39. 39. SCREEN INTERACTIONDiscuss in pairs.Think about the activity, context & person.What would you change, add, or remove to create abetter user experience?
  40. 40. SCREEN INTERACTION03The Benefits of UX Design
  41. 41. SCREEN INTERACTIONUX IS WORTH...?43
  42. 42. SCREEN INTERACTIONUX IS WORTH...?44$1 BILLION
  43. 43. SCREEN INTERACTIONusefulusabledesirablemagicalearly adopters recurrent users sharers ambassadorsUSERVALUEBUSINESS VALUE
  44. 44. SCREEN INTERACTIONQUIZ
  45. 45. SCREEN INTERACTIONOur vision is to ________ everyday life for peoplethrough the digital services they use.The experience does not start and end at the________.Context is ____.
  46. 46. SCREEN INTERACTIONAGENDAsecond halfUX Strategy & ProcessProcess in RealityDesirable UXCareersQUIZ TIMEWrap up
  47. 47. SCREEN INTERACTION04UX strategy & process
  48. 48. REQUIREMENTSCONTEXT OF USEBUSINESS NEED OR OPPORTUNITYCONCEPT / IDEAEXISTING SOLUTIONSUSER FLOWSPEOPLE & PERSONASPROTOTYPINGKNOWLEDGEWIREFRAMINGVISUAL DESIGN
  49. 49. PEOPLE & PERSONAS‣ Who will use it?‣ Why will they use it?
  50. 50. SCREEN INTERACTION
  51. 51. SCREEN INTERACTION
  52. 52. SCREEN INTERACTIONPERSONAS
  53. 53. - LAUNCH- LISTEN & LEARN- REITERATE
  54. 54. SCREEN INTERACTION05Process in Reality
  55. 55. PC PICTURE
  56. 56. PC PICTUREVS
  57. 57. RESEARCHINFORMATIONARCHITECTUREINTERACTIONDESIGN
  58. 58. SUSER FLOWSPROTOTYPINGWIREFRAMING
  59. 59. Ring Kundcenter0771-123 124Tillbaka till startsidanföräldrapenning6. Prata med din arbetsgivare7. Ansök om föräldrapenning8. Fler kontaktvägar till ossFöräldrautbildning för blivandewww.forsakringskassan.seOm mobila webbenSkicka e-postFörsäkringskassanRing Kundcenter0771-123 124Vanligaste sökningar - BostadBostadBlanketterBesöksadressFöräldrarpenningwww.forsakringskassan.seOm mobila webbenSkicka e-postÖvrigt - BostadTillbaka till startsidanFörsäkringskassanFörälderSjukBostadStuderandeVanliga tjänster i mobilenBeräkna prel. FPBeräkna prel. bostadsbidragAnmäl TFPBeställ EU-kortVisa alla tjänster i mobilenVabba på webben!Vi besvarar frågor på facebook!Mest ställda frågorStartsidaStuderand2314576Nivå 2Nivå 4
  60. 60. SCREEN INTERACTION06Desirable User Experiences
  61. 61. THE SMALL THINGS
  62. 62. THE SMALL THINGS
  63. 63. SCREEN INTERACTION07Careers
  64. 64. KTH UX PRESENTATION V 1.0
  65. 65. SCREEN INTERACTION 71No matter your role,EVERYONE plays a part in...
  66. 66. SCREEN INTERACTIONQUIZ
  67. 67. SCREEN INTERACTIONTo understand the different target groups we create________.______ tests help us to understand human behavioursand attitudes.The small things help to create __________ userexperiences.
  68. 68. SCREEN INTERACTION08Wrap up
  69. 69. SCREEN INTERACTIONfacebook.com/screeninteractiontwitter.com/screentwitt
  70. 70. SCREEN INTERACTIONAdnan YafiInteraction Designer+46 73 550 20 1176THANK YOUJames McConnellUX & Interaction Designer+46 7 3333 7216facebook.com/screeninteractiontwitter.com/screentwitt

×