1. Designing Mobile Search
by Tyler Tate, TwigKit
photos by Matthew Kenwrick, , Mikhail Koninin, Neil Oliver,
Iam Carroll, Pithawat Vachiramon, Kamshots
8. Designing Mobile Search
1 The Rise of the Cross-Channel Experience
2 Characteristics of Mobile Search
3 Design Patterns for Mobile Search
4 Implementation Strategies for Mobile Search
9. 1
THE RISE OF
CROSS-CHANNEL
EXPERIENCES
photos by William Hook, Risager, and Whatleydude
22. Cross-Channel Design Principles
✴ Consistency
Users should be able to accomplish a given task
in a like manner across all channels.
✴ Optimization
Each channel should play to its strengths.
23. Cross-Channel Design Principles
✴ Consistency
Users should be able to accomplish a given task
in a like manner across all channels.
✴ Optimization
Each channel should play to its strengths.
✴ Continuity
Each channel must be aware of all the others.
24. 2
CHARACTERISTICS
OF MOBILE SEARCH
photos by William Hook, Risager, and Whatleydude
25. “Mobile will be bigger than
desktop Internet in 3 years”
– Morgan Stanley
40. – Church & Smyth 2009, http://tinyurl.com/understandingintent
41. Mobile Search Design Principles
✴ Answers over results
Mobile information needs are more defined than
some desktop searches and are contained in
shorter sessions.
42. Mobile Search Design Principles
✴ Answers over results
Mobile information needs are more defined than
some desktop searches and are contained in
shorter sessions.
✴ Precision over recall
Mobile users are less likely to refine their search
than desktop users. Ensuring that the best matches
are on the first page is important for mobile.
43. Mobile Search Design Principles
✴ Location awareness
When users are searching for nearby places or
services, filter the results to the user’s proximity.
44. Mobile Search Design Principles
✴ Location awareness
When users are searching for nearby places or
services, filter the results to the user’s proximity.
✴ Time awareness
When users are interested in timely information,
and filter results by time period.
45. Mobile Search Design Principles
✴ Location awareness
When users are searching for nearby places or
services, filter the results to the user’s proximity.
✴ Time awareness
When users are interested in timely information,
and filter results by time period.
✴ Social awareness
Mobile search should both incorporate social
signals as well as facilitate collaboration.
61. Best Match Refine
Price Date
Filter by
Category Acoustic
Condition
Price
Seller
Buying Formats
Location
62.
63.
64. Best Match Refine
Price Date
Filter by
Category Acoustic
Condition
Price
Seller
Buying Formats
Location
65. Best Match Refine
Price Date
Narrow by
New Refurb. Used Broken
Category Acoustic
Price
Buying Formats
Location
66. Best Match Refine
Price Date
Narrow by
New Refurb. Used Broken
Price
Category Acoustic
Seller
Buying Formats
Location
67.
68.
69. Best Match Refine
Price Date
Narrow by
New Refurb. Used Broken
Price
Category Acoustic
Seller
Buying Formats
Location
70. Best Match Refine
Price Date
Sort by
Best Match Price Date
Narrow by
New Refurb. Used Broken
Price
Category Acoustic
Seller
Buying Formats
Location
71.
72.
73. Always visible Search...
Sort Match
Best Price Date
Electric Acoustic Bass Aplifiers Access
74.
75. Always visible Search...
Sort Match
Best Price Date
Electric Acoustic Bass Aplifiers Access
87. Gesture RefineBest Match Price Date
Full-screen
Used Broken
Acoustic
88. Gesture Best Match Refine
Price Date
Full-screen Narrow by
New Refurb. Used Broken
Price
Category Acoustic
Seller
Buying Formats
89. Button Guitar
Best Match Price Date efine
R
Full-screen
90. Button Search...
Guitar
Best Match Price Date efine
Refine
R
Full-screen
Best Match Refine
Price Date
Sort by
Best Match Price Date
Narrow by
New Refurb. Used Broken
Price
91. Button Search...
Best Match Refine
Price Date efine
RDone
Full-screen Sort by
Best Match Price Date
Narrow by
New Refurb. Used Broken
Price
Category Acoustic
Seller
Buying Formats
Location
95. 1. Native Apps
Pros: Cons:
✴ Apps feel native ✴ Must be built
per platform
✴ Greater access
to OS features ✴ Expensive to
build and
✴ Works offline
maintain
✴ Marketed in
✴ App store must
app store
approve &
takes cut of sale
96. 2. Mobile Web Apps
Pros: Cons:
✴ One app for all ✴ Doesn’t feel
mobile platforms native
✴ Easier to update ✴ Lacks access to
core OS features
✴ No maintenance
needed for OS
upgrades
✴ Keep all profits
97. 3. Responsive Websites
Pros: Cons:
✴ One code base ✴ Definitely doesn’t
for all channels – feel native
desktop & mobile
✴ Not as optimized
✴ Cheap to build for each channel
and maintain
✴ No offline access
✴ Consistent
✴ Lacks access to
experience
core OS features
across channels
103. Designing Mobile Search
by Tyler Tate, TwigKit
photos by Matthew Kenwrick, , Mikhail Koninin, Neil Oliver,
Iam Carroll, Pithawat Vachiramon, Kamshots