1. Designing the
Search Experience
BY TYLE R TATE

5. 1. Key concepts
2. Design solutions

6. Key Concepts1

7. 1. User expertise
2. Information needs
3. Stages of information seeking
4. Context

13. Domain expert
Domain novice

14. Technical novice Technical expert

15. Domain expert
Technical novice
Domain expert
Technical expert
Domain novice
Technical novice
Domain novice
Technical expert

16. Domain expert
Technical novice
Domain expert
Technical expert
Domain novice
Technical novice
Domain novice
Technical expert
http://boxesandarrows.com/novices-orienteer-experts-teleport/

17. ❖ How familiar are your users with your particular subject
matter?
❖ Is there a big gap in subject-matter expertise among
your users?
❖ How tech-savvy are your users?
❖ Is there a big gap in their technical expertise?

20. Casual Lookup Learn Investigate

21. Informational Geographic Personal Info Transactional

22. Search
Motive
Search Type

23. Casual Lookup Learn Investigate
Info
Geographic
Personal
Info
Transaction
Price
Comparison
Acting on
Notifications
Online
Shopping
Product
Monitoring
Trivia
Window
Shopping
Information
Gathering
Research
Directions
Friend
Check-ins
Local Points
of Interest
Travel
Planning
Checking
Calendar
Checking
Messages
Situation
Analysis
Lifestyle
Planning
http://tinyurl.com/InfoNeedMatrix

24. ❖ What motivates people to use your search
application?
❖ Do they want to quickly lookup a simple fact, or are
they more interesting in digging deep? Or do they
just want to kill time?
❖ What types of searches do your users want to
perform?
❖ Does your current search application effectively
facilitate the user’s search motive and type?

27. Initiation

28. Initiation Selection

29. Initiation Selection Exploration

30. Initiation Selection Exploration Formulation

31. Initiation Selection Exploration Formulation Collection

32. Initiation Selection Exploration Formulation Collection Action

33. Initiation Selection Exploration Formulation Collection Actionhttp://alistapart.com/article/the-ux-of-learning

34. ❖ At what phases of the information seeking process
do users want you use your search application?
❖ What stages of the information seeking process does
your search application currently facilitate?
❖ Is there more you could do to engage users earlier in
the process?

38. Task
Physical
PersonalSocial
Environ

39. Design Solutions2

40. 1. Entering the query
2. Displaying results
3. Faceted navigation

41. Entering the query

45. SortSearch...In the navigation
bar

46. Sort
Search...
In a secondary
toolbar

47. SortSearch...Via a pull-to-
reveal gesture

48. Sort
Search...
Via a pull-to-
reveal gesture

49. Sort
Search...
Via a pull-to-
reveal gesture

50. Sort
Search...
Via a pull-to-
reveal gesture

51. Location

52. Audio

53. Visual

54. Drawing

56. Autocomplete

57. Autocomplete

58. Autosuggest

59. Autosuggest

60. Instant results

61. Instant results

62. Autocomplete, autosuggest, and instant results

63. Displaying results

64. List

65. Grid

66. Map

67. Augmented
Reality

68. Segmented
control in a
toolbar
List MapMap Images
Search...

69. Segmented
control
centered in the
navigation bar
List MapMap Images

70. Single button in
the navigation
bar
Search... Map

74. Faceted navigation

75. Vertical

76. Horizontal

77. Hybrid

78. Closed by default

79. Open by default

80. Hybrid

81. Standard links

82. Checkboxes

83. Custom controls (sliders)

84. Custom controls (color picker)

85. Standard links

86. Instant update

87. Instant update

88. Two-stage multi-facet selection

89. Two-stage single-facet selection

90. Inline breadcrumbs

91. Vertical breadbox

92. Horizontal breadcrumbs

93. Inline controls

94. Inline controls

95. Best Match Price Date
Best Match Price Date
New Refurb. Used Broken
Refine
Sort by
Narrow by
Category Acoustic
Seller
Price
Buying Formats
Location
Dedicated
refinement
screen

96. Dedicated refinement screens

97. Best Match Price DateRefineGuitarButton in the
navigation bar

98. Best Match Price DateRefineGuitarBest Match Price Date
Best Match Price Date
Best Match Price Date
New Refurb. Used Broken
Refine
Sort by
Narrow by
Price
RefineSearch...Button in the
navigation bar

99. Best Match Price DateRefineSearch...Best Match Price Date
Best Match Price Date
New Refurb. Used Broken
Refine
Sort by
Narrow by
Category Acoustic
Seller
Price
Buying Formats
Location
Done
Button in the
navigation bar

100. Button in the navigation bar

101. Gesture

102. Best Match Price DateRefine
Used Broken
Acoustic
Gesture

103. Best Match Price Date
New Refurb. Used Broken
Narrow by
Category Acoustic
Seller
Price
Buying Formats
RefineGesture

104. Button or gesture

105. Button and popover

121. Designing the
Search Experience
BY TYLE R TATE