0
PATTERN RECOGNITION IN USER EXPERIENCE         Kai Weber       @techwriterkai UX camp CPH, 13 April 2013
ABSTRACTPattern recognition is an essential mental strategy for acquiringand disseminating knowledge, though most of us ar...
PROGRAM1. Who am I and what do I know?2. What is pattern recognition?3. Why should UX people care?4. The pattern recogniti...
WHO AM I AND WHAT DO I KNOW?
WHO AM I AND WHAT DO I KNOW?
WHO AM I AND WHAT DO I KNOW?
WHO AM I AND WHAT DO I KNOW?
WHO AM I AND WHAT DO I KNOW?
WHO AM I AND WHAT DO I KNOW?
WHAT IS PATTERN RECOGNITION?
http://livinglifewithchemobrain.blogspot.com/2011/03/apparitions-on-toast.html                                            ...
WHAT IS PATTERN RECOGNITION?http://livinglifewithchemobrain.blogspot.com/2011/03/apparitions-on-toast.html                ...
WHAT IS PATTERN RECOGNITION?Part of human perception:1. Receive sensation and organize it.
WHAT IS PATTERN RECOGNITION?Part of human perception:1. Receive sensation and organize it.2. Recognize patterns.
WHAT IS PATTERN RECOGNITION?Part of human perception:1. Receive sensation and organize it.2. Recognize patterns.3. Formali...
HOW ABOUT AN EXAMPLE?
HOW ABOUT AN EXAMPLE? Aardvark, J.R. (1980). Ants, and how to eat them.    Journal of Orycteropodidae Studies, 80, 11-17. ...
HOW ABOUT AN EXAMPLE?  Aardvark, J.R. (1980). Ants, and how to eat them.    Journal of Orycteropodidae Studies, 80, 11-17....
HOW ABOUT AN EXAMPLE?  Aardvark, J.R. (1980). Ants, and how to eat them.    Journal of Orycteropodidae Studies, 80, 11-17....
WHY SHOULD UX PEOPLE CARE?
WHY SHOULD UX PEOPLE CARE?We do it anyway…
WHY SHOULD UX PEOPLE CARE?We do it anyway…1. When we gather information      Reading specs and designs      Interviewing...
WHY SHOULD UX PEOPLE CARE?We do it anyway…1. When we gather information      Reading specs and designs      Interviewing...
WHY SHOULD UX PEOPLE CARE?We do it anyway, so we might as well do it smartly!
WHY SHOULD UX PEOPLE CARE?We do it anyway, so we might as well do it smartly!   If we make sense of our subject more effi...
THE PATTERN RECOGNITION EXPERIENCE
THE PATTERN RECOGNITION EXPERIENCE IN SPACEPhoto by Santiago Masquelet       Photo by Jure Šućurhttp://www.sxc.hu/photo/10...
THE PATTERN RECOGNITION EXPERIENCE IN SPACE                         d        *        d d               d                 ...
THE PATTERN RECOGNITION EXPERIENCE IN SPACE                         d        *        d d               d                 ...
THE PATTERN RECOGNITION EXPERIENCE IN SPACE                         d        *        d d               d                 ...
THE PATTERN RECOGNITION EXPERIENCE IN SPACE                         d        *        d d               d                 ...
THE PATTERN RECOGNITION EXPERIENCE IN SPACE                         d        *        d d               d                 ...
THE PATTERN RECOGNITION EXPERIENCE IN SPACE                 Sharing     d         *         d d                 d         ...
THE PATTERN RECOGNITION EXPERIENCE IN TIME
THE PATTERN RECOGNITION EXPERIENCE IN TIME                   Photo by Richard Cop                   http://www.sxc.hu/phot...
THE PATTERN RECOGNITION EXPERIENCE IN TIME   *     * * *    !
THE PATTERN RECOGNITION EXPERIENCE IN TIME   *     *      *     *    *     *   !
HOW DOES PATTERN RECOGNITION WORK?Bottom-up processing1. Experience and organize2. Match similarities3. Segment into group...
HOW DOES PATTERN RECOGNITION WORK?         What is this? How do you know?
HOW DOES PATTERN RECOGNITION WORK?         What is this? How do you know?
HOW DOES PATTERN RECOGNITION WORK?Top-down processing1. Know general concept and rules2. Contextualize them3. Apply them… ...
HOW DOES PATTERN RECOGNITION WORK?Bottom-up                       Top-down   No prior knowledge             Uses prior k...
HOW DOES PATTERN RECOGNITION WORK?                                       What is this? How do you know?Martin Boyce:Untitl...
HOW DOES PATTERN RECOGNITION WORK?                                       What is this? It’s part…Martin Boyce:Untitled, 20...
HOW DOES PATTERN RECOGNITION WORK?                                       What is this? It’s part of a chair!Martin Boyce:U...
HOW DOES PATTERN RECOGNITION WORK?Martin Boyce:                              Arne Jacobsen:Untitled, 2002.                ...
HOW DOES PATTERN RECOGNITION WORK?Bottom-up                       Top-down   No prior knowledge             Uses prior k...
PATTERN RECOGNITION IN UX
PATTERN RECOGNITION IN UX   To make sense of unknown subject matter   To group UI elements   To help your users navigat...
FINAL WORDS OF ADVICE AND WARNING
FINAL WORDS OF ADVICE AND WARNING   Patternicity: Humans are addicted to meaning.
FINAL WORDS OF ADVICE AND WARNING   Patternicity: Humans are addicted to meaning.   Some patterns refuse to be recognized.
FINAL WORDS OF ADVICE AND WARNING   Patternicity: Humans are addicted to meaning.   Some patterns refuse to be recognize...
FINAL WORDS OF ADVICE AND WARNING   Patternicity: Humans are addicted to meaning.   Some patterns refuse to be recognize...
QUESTIONS? COMMENTS?
THANK YOU! KEEP IN TOUCH!@techwriterkai                            kaiweber.wordpress.com
Upcoming SlideShare
Loading in...5
×

Pattern recognition for UX - 13 April 2013

4,473

Published on

Published in: Technology, Business
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
4,473
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
49
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Transcript of "Pattern recognition for UX - 13 April 2013"

  1. 1. PATTERN RECOGNITION IN USER EXPERIENCE Kai Weber @techwriterkai UX camp CPH, 13 April 2013
  2. 2. ABSTRACTPattern recognition is an essential mental strategy for acquiringand disseminating knowledge, though most of us are not awareof it. When applied consciously, UX designers can employpattern recognition processes to develop effective userexperiences more efficiently and help users orient themselves.The presentation is a fun whirlwind tour through humanperception and shows how you can apply pattern recognition to:- Make sense of unknown subject matter before you design- Overcome "designer’s block" and start designing- Group UI elements- Help users to navigate and understand
  3. 3. PROGRAM1. Who am I and what do I know?2. What is pattern recognition?3. Why should UX people care?4. The pattern recognition experience5. Pattern recognition in UX
  4. 4. WHO AM I AND WHAT DO I KNOW?
  5. 5. WHO AM I AND WHAT DO I KNOW?
  6. 6. WHO AM I AND WHAT DO I KNOW?
  7. 7. WHO AM I AND WHAT DO I KNOW?
  8. 8. WHO AM I AND WHAT DO I KNOW?
  9. 9. WHO AM I AND WHAT DO I KNOW?
  10. 10. WHAT IS PATTERN RECOGNITION?
  11. 11. http://livinglifewithchemobrain.blogspot.com/2011/03/apparitions-on-toast.html WHAT IS PATTERN RECOGNITION?
  12. 12. WHAT IS PATTERN RECOGNITION?http://livinglifewithchemobrain.blogspot.com/2011/03/apparitions-on-toast.html Search the web for “apparitions on toast” for more examples…
  13. 13. WHAT IS PATTERN RECOGNITION?Part of human perception:1. Receive sensation and organize it.
  14. 14. WHAT IS PATTERN RECOGNITION?Part of human perception:1. Receive sensation and organize it.2. Recognize patterns.
  15. 15. WHAT IS PATTERN RECOGNITION?Part of human perception:1. Receive sensation and organize it.2. Recognize patterns.3. Formalize patterns as rules to interpret and decide.
  16. 16. HOW ABOUT AN EXAMPLE?
  17. 17. HOW ABOUT AN EXAMPLE? Aardvark, J.R. (1980). Ants, and how to eat them. Journal of Orycteropodidae Studies, 80, 11-17. Barker, R. (1982). Rum babas, and what to do if you’ve got them. Reading: Goodnight From Him. Haley, W. (1955). Rock Around The Clock. New York: Decca. Izzard, E. (1998). Cake or Death? Gateaunomics, 10, 195-196. Lemur, R.-T. (2010). Strepsirrhinoplasty. Antananarivo: Raft Press. Leonard, E. (1996). Out of Sight. New York: Harper. Shorty, G. (in press). Okay, so they got me. Los Angeles: Cadillac.
  18. 18. HOW ABOUT AN EXAMPLE? Aardvark, J.R. (1980). Ants, and how to eat them. Journal of Orycteropodidae Studies, 80, 11-17. Barker, R. (1982). Rum babas, and what to do if you’ve got them. Reading: Goodnight From Him. …Rule set1. Last name, initial(s). (Year of publication).2. If it’s an article: Title, journal title, volume, pages.3. If it’s a book: Title. City: Publisher.
  19. 19. HOW ABOUT AN EXAMPLE? Aardvark, J.R. (1980). Ants, and how to eat them. Journal of Orycteropodidae Studies, 80, 11-17. Barker, R. (1982). Rum babas, and what to do if you’ve got them. Reading: Goodnight From Him. …Rule set1. Last name, initial(s). (Year of publication).2. If it’s an article: Title, journal title, volume, pages.3. If it’s a book: Title. City: Publisher.We learn patterns by examples – or by rules.
  20. 20. WHY SHOULD UX PEOPLE CARE?
  21. 21. WHY SHOULD UX PEOPLE CARE?We do it anyway…
  22. 22. WHY SHOULD UX PEOPLE CARE?We do it anyway…1. When we gather information  Reading specs and designs  Interviewing subject-matter experts
  23. 23. WHY SHOULD UX PEOPLE CARE?We do it anyway…1. When we gather information  Reading specs and designs  Interviewing subject-matter experts2. When we design and order UI elements  Create icons  Design color schemes and shapes
  24. 24. WHY SHOULD UX PEOPLE CARE?We do it anyway, so we might as well do it smartly!
  25. 25. WHY SHOULD UX PEOPLE CARE?We do it anyway, so we might as well do it smartly! If we make sense of our subject more efficiently… If we structure UI elements better… … we can provide better user experiences!
  26. 26. THE PATTERN RECOGNITION EXPERIENCE
  27. 27. THE PATTERN RECOGNITION EXPERIENCE IN SPACEPhoto by Santiago Masquelet Photo by Jure Šućurhttp://www.sxc.hu/photo/1001312 http://www.sxc.hu/photo/784032
  28. 28. THE PATTERN RECOGNITION EXPERIENCE IN SPACE d * d d d t * * d dd * ** d t t t t * * * d t t t t t t t t t t t t t t t t t
  29. 29. THE PATTERN RECOGNITION EXPERIENCE IN SPACE d * d d d t * * d dd * ** d t t t t * * * d t t t t t t t t t t t t t t t t t
  30. 30. THE PATTERN RECOGNITION EXPERIENCE IN SPACE d * d d d t * * d dd * ** d t t t t * * * d t t t t t t t t t t t t t t t t t
  31. 31. THE PATTERN RECOGNITION EXPERIENCE IN SPACE d * d d d t * * d dd * ** d t t t t * * * d t t t t t t t t t t t t t t t t t
  32. 32. THE PATTERN RECOGNITION EXPERIENCE IN SPACE d * d d d t * * d dd * ** d t t t t * * * d t t t t t t t t t t t t t t t t t
  33. 33. THE PATTERN RECOGNITION EXPERIENCE IN SPACE Sharing d * d d d t * *File handling d dd Edit image * ** d t t t t * * * d t t t t t t t t t tEdit text t t t t t t t
  34. 34. THE PATTERN RECOGNITION EXPERIENCE IN TIME
  35. 35. THE PATTERN RECOGNITION EXPERIENCE IN TIME Photo by Richard Cop http://www.sxc.hu/photo/326144
  36. 36. THE PATTERN RECOGNITION EXPERIENCE IN TIME * * * * !
  37. 37. THE PATTERN RECOGNITION EXPERIENCE IN TIME * * * * * * !
  38. 38. HOW DOES PATTERN RECOGNITION WORK?Bottom-up processing1. Experience and organize2. Match similarities3. Segment into groups… building up a representation from elements.
  39. 39. HOW DOES PATTERN RECOGNITION WORK? What is this? How do you know?
  40. 40. HOW DOES PATTERN RECOGNITION WORK? What is this? How do you know?
  41. 41. HOW DOES PATTERN RECOGNITION WORK?Top-down processing1. Know general concept and rules2. Contextualize them3. Apply them… searching for confirmation by “template matching”.
  42. 42. HOW DOES PATTERN RECOGNITION WORK?Bottom-up Top-down No prior knowledge  Uses prior knowledge Elements  concepts  Concepts  elements Emphasizes relations  Emphasizes context Slow, but usually correct  Quick, but sometimes wrong
  43. 43. HOW DOES PATTERN RECOGNITION WORK? What is this? How do you know?Martin Boyce:Untitled, 2002.http://www.mmk-frankfurt.de/de/sammlung/werkdetailseite/?werk=2002%2F112
  44. 44. HOW DOES PATTERN RECOGNITION WORK? What is this? It’s part…Martin Boyce:Untitled, 2002.http://www.mmk-frankfurt.de/de/sammlung/werkdetailseite/?werk=2002%2F112
  45. 45. HOW DOES PATTERN RECOGNITION WORK? What is this? It’s part of a chair!Martin Boyce:Untitled, 2002.http://www.mmk-frankfurt.de/de/sammlung/werkdetailseite/?werk=2002%2F112
  46. 46. HOW DOES PATTERN RECOGNITION WORK?Martin Boyce: Arne Jacobsen:Untitled, 2002. Chair 3107, c.1952.http://www.mmk-frankfurt.de/de/sammlung/ http://www.moma.org/explore/collection/indexwerkdetailseite/?werk=2002%2F112
  47. 47. HOW DOES PATTERN RECOGNITION WORK?Bottom-up Top-down No prior knowledge  Uses prior knowledge Elements  concepts  Concepts  elements Emphasizes relations  Emphasizes context Slow, but usually correct  Quick, but sometimes wrong
  48. 48. PATTERN RECOGNITION IN UX
  49. 49. PATTERN RECOGNITION IN UX To make sense of unknown subject matter To group UI elements To help your users navigate and understand
  50. 50. FINAL WORDS OF ADVICE AND WARNING
  51. 51. FINAL WORDS OF ADVICE AND WARNING Patternicity: Humans are addicted to meaning.
  52. 52. FINAL WORDS OF ADVICE AND WARNING Patternicity: Humans are addicted to meaning. Some patterns refuse to be recognized.
  53. 53. FINAL WORDS OF ADVICE AND WARNING Patternicity: Humans are addicted to meaning. Some patterns refuse to be recognized. Pattern recognition occurs in contexts.
  54. 54. FINAL WORDS OF ADVICE AND WARNING Patternicity: Humans are addicted to meaning. Some patterns refuse to be recognized Pattern recognition occurs in contexts Creating UX is often a bottom-up process … ... but using it is often top-down exploration!
  55. 55. QUESTIONS? COMMENTS?
  56. 56. THANK YOU! KEEP IN TOUCH!@techwriterkai kaiweber.wordpress.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×