Search Patterns: Design for Discovery<br />Peter Morville<br />October 6, 2011<br />
2<br />
3<br />
4<br />
5<br />in•for•ma•tionar•chi•tec•turen.<br /><ul><li>The structural design of shared information environments.
The combination of organization, labeling, search, and navigation systems in web sites and intranets.
The art and science of shaping information products and experiences to support usability and findability.
An emerging discipline and community of practice focused on bringing principles of design and architecture to the digital ...
7<br />“Search is among the most disruptive innovations of our time. It influences what we buy and where we go. It shapes ...
8<br />
9<br />Marcia Bates: Berrypicking, Evolving Search (1989)<br />
10<br />Search is a…Complex, Adaptive System<br />Source: Search Patterns (2010)<br />
Principles of Design<br />Incremental Construction<br />Progressive Disclosure<br />Immediate Response<br />Predictability...
12<br />Incremental Construction		Progressive Disclosure<br />one step at a time…			more within reach…<br />
13<br />Immediate Response		Predictability<br />flow requires feedback…		feed-forward features and results…<br />
14<br />
15<br />Realtime Search<br />
16<br />Mobile Search<br />
17<br />There is one timeless way of building.<br />	It is thousands of years old, and the same today as it has always bee...
18<br />Window Place (180)<br />	Everybody loves window seats, bay windows, and big windows with low sills and comfortable...
19<br />
20<br />Behavior Patterns<br />
21<br />Design Patterns<br />
22<br />Because typing (and typos) take time.<br />
23<br />Auto-Complete<br />Auto-Suggest<br />
24<br />In search, results must be simple, fast, and relevant.<br />
25<br />43%<br />15%<br />10%<br />5%<br />Source: Marti Hearst’s <br />Search User Interfaces (2009)<br />
26<br />
27<br />
28<br />Because users don’t know where to look.<br />
29<br />
30<br />Multiple ways to search (and browse) in combination.<br />
31<br />"laptop"  >  $910 - $1070  >  Hewlett Packard  >  At least 1 GB  >  <br />14 - 15 Inch  >  Bluetooth  >  4 - 5 lbs...
32<br />
33<br />
34<br />
35<br />The Library of Congress<br />“To further the progress of knowledge and creativity.”.<br />
Fragmentation<br />Fragmentation into multiple sites, domains, and identities is clearly a major problem. Users don’t know...
37<br />Visual Thinking   Unwritten Rule #1 <br />“Whoever best describes a problem is the person most likely to solve the...
38<br />Web Strategy<br />One Library<br />Core Areas<br />Network Intelligence<br />
39<br />
40<br />Wireframes<br />Interfaces<br /><ul><li>Portal
Search
Object
Set
Page</li></ul>Caveats<br /><ul><li>Visual Design
Starting Point</li></li></ul><li>41<br />
42<br />
43<br />
44<br />
45<br />
46<br />Modes of Information Seeking<br />Marcia Bates, UCLA (2002)<br />“We absorb perhaps 80 percent of all our knowledg...
47<br />Redefining Search<br />
48<br />Question Answering<br />
49<br />Decision Making<br />
50<br />Understanding<br />
51<br />Pattern Recognition<br />
52<br />What We Search<br />
53<br />How We Search<br />
54<br />find·a·bil·i·tyn<br />	The quality of being locatable or navigable.<br />	The degree to which an object is easy to...
55<br />
56<br />“Information is blurring the lines between products and services to create multi-channel, cross-platform, trans-me...
57<br />World’s Best Information Architect<br />Source: Subject to Change (2008)<br />
59<br />
60<br />Desktop<br />Mobile<br />Kiosk<br />
61<br />
62<br />“After a half-hour, a three-tone alert sounds…If the bottle still has not been opened, the system makes an automat...
Upcoming SlideShare
Loading in...5
×

Search Patterns: UX Russia

3,041

Published on

Peter Morville's keynote for User Experience Russia 2011.

Published in: Design, Technology, Education

Search Patterns: UX Russia

  1. 1. Search Patterns: Design for Discovery<br />Peter Morville<br />October 6, 2011<br />
  2. 2. 2<br />
  3. 3. 3<br />
  4. 4. 4<br />
  5. 5. 5<br />in•for•ma•tionar•chi•tec•turen.<br /><ul><li>The structural design of shared information environments.
  6. 6. The combination of organization, labeling, search, and navigation systems in web sites and intranets.
  7. 7. The art and science of shaping information products and experiences to support usability and findability.
  8. 8. An emerging discipline and community of practice focused on bringing principles of design and architecture to the digital landscape.</li></li></ul><li>6<br />
  9. 9. 7<br />“Search is among the most disruptive innovations of our time. It influences what we buy and where we go. It shapes how we learn and what we believe.”<br />Illustrated by Jeff Callender, Q LTD<br />
  10. 10. 8<br />
  11. 11. 9<br />Marcia Bates: Berrypicking, Evolving Search (1989)<br />
  12. 12. 10<br />Search is a…Complex, Adaptive System<br />Source: Search Patterns (2010)<br />
  13. 13. Principles of Design<br />Incremental Construction<br />Progressive Disclosure<br />Immediate Response<br />Predictability<br />Alternate Views<br />Recognition Over Recall<br />Minimal Disruption<br />Direct Manipulation<br />Context of Use<br />11<br />
  14. 14. 12<br />Incremental Construction Progressive Disclosure<br />one step at a time… more within reach…<br />
  15. 15. 13<br />Immediate Response Predictability<br />flow requires feedback… feed-forward features and results…<br />
  16. 16. 14<br />
  17. 17. 15<br />Realtime Search<br />
  18. 18. 16<br />Mobile Search<br />
  19. 19. 17<br />There is one timeless way of building.<br /> It is thousands of years old, and the same today as it has always been.<br /> The great traditional buildings of the past, the villages and tents and temples in which man feels at home, have always been made by people who were very close to the center of this way.<br /> It is not possible to make great buildings, or great towns, beautiful places, places where you feel yourself, places where you feel alive, except by following this way.<br /> And, as you will see, this way will lead anyone who looks for it to buildings which are themselves as ancient in their form, as the trees and hills, and as our faces are.<br />The Timeless Way of Building<br /> Christopher Alexander<br />
  20. 20. 18<br />Window Place (180)<br /> Everybody loves window seats, bay windows, and big windows with low sills and comfortable chairs drawn up to them.<br />May be part of:<br />• Entrance Room(130)<br />• Zen View(134)<br />• Light on Two Sides(159)<br />• Street Windows(164)<br />May contain:<br />• Alcoves(179)<br />• Low Sill(222)<br />• Built-In Seats(202)<br />• Deep Reveals(223)<br />A Pattern Language<br /> Christopher Alexander et al.<br />
  21. 21. 19<br />
  22. 22. 20<br />Behavior Patterns<br />
  23. 23. 21<br />Design Patterns<br />
  24. 24. 22<br />Because typing (and typos) take time.<br />
  25. 25. 23<br />Auto-Complete<br />Auto-Suggest<br />
  26. 26. 24<br />In search, results must be simple, fast, and relevant.<br />
  27. 27. 25<br />43%<br />15%<br />10%<br />5%<br />Source: Marti Hearst’s <br />Search User Interfaces (2009)<br />
  28. 28. 26<br />
  29. 29. 27<br />
  30. 30. 28<br />Because users don’t know where to look.<br />
  31. 31. 29<br />
  32. 32. 30<br />Multiple ways to search (and browse) in combination.<br />
  33. 33. 31<br />"laptop" > $910 - $1070 > Hewlett Packard > At least 1 GB > <br />14 - 15 Inch > Bluetooth > 4 - 5 lbs<br />
  34. 34. 32<br />
  35. 35. 33<br />
  36. 36. 34<br />
  37. 37. 35<br />The Library of Congress<br />“To further the progress of knowledge and creativity.”.<br />
  38. 38. Fragmentation<br />Fragmentation into multiple sites, domains, and identities is clearly a major problem. Users don’t know which site to visit for which purpose.<br />Findability<br />Users can’t find what they need from the home page, but most users don’t come through the front door. They enter via a web search or a deep link, and are confused by what they find. Even worse, most never use the Library, because its resources aren’t easily findable.<br />
  39. 39. 37<br />Visual Thinking Unwritten Rule #1 <br />“Whoever best describes a problem is the person most likely to solve the problem.<br />…or, whoever draws the best picture gets the funding.”<br />
  40. 40. 38<br />Web Strategy<br />One Library<br />Core Areas<br />Network Intelligence<br />
  41. 41. 39<br />
  42. 42. 40<br />Wireframes<br />Interfaces<br /><ul><li>Portal
  43. 43. Search
  44. 44. Object
  45. 45. Set
  46. 46. Page</li></ul>Caveats<br /><ul><li>Visual Design
  47. 47. Starting Point</li></li></ul><li>41<br />
  48. 48. 42<br />
  49. 49. 43<br />
  50. 50. 44<br />
  51. 51. 45<br />
  52. 52. 46<br />Modes of Information Seeking<br />Marcia Bates, UCLA (2002)<br />“We absorb perhaps 80 percent of all our knowledge through simply being aware in our social context and physical environment.”<br />
  53. 53. 47<br />Redefining Search<br />
  54. 54. 48<br />Question Answering<br />
  55. 55. 49<br />Decision Making<br />
  56. 56. 50<br />Understanding<br />
  57. 57. 51<br />Pattern Recognition<br />
  58. 58. 52<br />What We Search<br />
  59. 59. 53<br />How We Search<br />
  60. 60. 54<br />find·a·bil·i·tyn<br /> The quality of being locatable or navigable.<br /> The degree to which an object is easy to discover or locate.<br /> The degree to which a system or environment supports wayfinding, navigation, and retrieval.<br />am·bi·entadj<br /> Surrounding; encircling; enveloping (e.g., ambient air)<br />the ability to find anyone or anything <br />from anywhere at anytime<br />
  61. 61. 55<br />
  62. 62. 56<br />“Information is blurring the lines between products and services to create multi-channel, cross-platform, trans-media, physico-digital user experiences.” Peter Morville<br />“People keep pretending they can make things deeply hierarchical, categorizable, and sequential when they can’t. Everything is deeply intertwingled.” Ted Nelson <br />
  63. 63. 57<br />World’s Best Information Architect<br />Source: Subject to Change (2008)<br />
  64. 64.
  65. 65. 59<br />
  66. 66. 60<br />Desktop<br />Mobile<br />Kiosk<br />
  67. 67. 61<br />
  68. 68. 62<br />“After a half-hour, a three-tone alert sounds…If the bottle still has not been opened, the system makes an automated reminder phone call to the patient or a caregiver. The GlowCap system compiles adherence data which anyone can be authorized to track. That way the doctor can make sure Gramps stays on his meds.”<br />
  69. 69. 63<br />
  70. 70. 64<br />Search is a Wicked Problem<br /><ul><li>Hybrid between design, engineering, and marketing.
  71. 71. No definitive formulation.
  72. 72. Considerable uncertainty.
  73. 73. Complex interdependencies.
  74. 74. Incomplete, contradictory, and changing requirements.
  75. 75. Stakeholders have radically different world views.
  76. 76. It’s a project and a process.
  77. 77. The problem is never solved. </li></li></ul><li>65<br />Touchpoint Taxonomy<br />
  78. 78. 66<br /> reFraming<br />Classic Information Architecture (Polar Bear). <br />Web Strategy (Web, Mobile, Social). <br />Cross-Channel Strategy (Physical, Digital). <br />Intertwingularity (Ubiquitous, Ambient).<br />
  79. 79. 67<br />
  80. 80. Thank youСпасибозавнимание<br />Peter Morville<br />Semantic Studios<br />http://semanticstudios.com/<br />
  1. A particular slide catching your eye?

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

×