SlideShare uses cookies to improve functionality and performance, and to provide you with relevant advertising. If you continue browsing the site, you agree to the use of cookies on this website. See our User Agreement and Privacy Policy.
SlideShare uses cookies to improve functionality and performance, and to provide you with relevant advertising. If you continue browsing the site, you agree to the use of cookies on this website. See our Privacy Policy and User Agreement for details.
Successfully reported this slideshow.
Activate your 14 day free trial to unlock unlimited reading.
1.
Designing Mobile Search
by Tyler Tate, TwigKit
photos by Matthew Kenwrick, , Mikhail Koninin, Neil Oliver,
Iam Carroll, Pithawat Vachiramon, Kamshots
6.
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
7.
1
THE RISE OF
CROSS-CHANNEL
EXPERIENCES
photos by William Hook, Risager, and Whatleydude
15.
Cross-Channel Design Principles
✴ Consistency
Users should be able to accomplish a given task
in a like manner across all channels.
16.
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.
17.
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.
18.
2
CHARACTERISTICS
OF MOBILE SEARCH
photos by William Hook, Risager, and Whatleydude
19.
“Mobile will be bigger than
desktop Internet in 3 years”
– Morgan Stanley
34.
– Church & Smyth 2009, http://tinyurl.com/understandingintent
35.
Mobile Search Design Principles
✴ Answers over results
Mobile information needs are more defined than
some desktop searches and are contained in
shorter sessions.
36.
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.
37.
Mobile Search Design Principles
✴ Location awareness
When users are searching for nearby places or
services, filter the results to the user’s proximity.
38.
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.
39.
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.
54.
Best Match Refine
Price Date
Filter by
Category Acoustic
Condition
Price
Seller
Buying Formats
Location
55.
Best Match Refine
Price Date
Filter by
Category Acoustic
Condition
Price
Seller
Buying Formats
Location
56.
Best Match Refine
Price Date
Narrow by
New Refurb. Used Broken
Category Acoustic
Price
Buying Formats
Location
57.
Best Match Refine
Price Date
Narrow by
New Refurb. Used Broken
Price
Category Acoustic
Seller
Buying Formats
Location
58.
Best Match Refine
Price Date
Narrow by
New Refurb. Used Broken
Price
Category Acoustic
Seller
Buying Formats
Location
59.
Best Match Refine
Price Date
Sort by
Best Match Price Date
Narrow by
New Refurb. Used Broken
Price
Category Acoustic
Seller
Buying Formats
Location
60.
Always visible Search...
Sort Match
Best Price Date
Electric Acoustic Bass Aplifiers Access
61.
Always visible Search...
Sort Match
Best Price Date
Electric Acoustic Bass Aplifiers Access
69.
Gesture RefineBest Match Price Date
Full-screen
Used Broken
Acoustic
70.
Gesture Best Match Refine
Price Date
Full-screen Narrow by
New Refurb. Used Broken
Price
Category Acoustic
Seller
Buying Formats
71.
Button Guitar
Best Match Price Date efine
R
Full-screen
72.
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
73.
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
77.
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
78.
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
79.
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
83.
Designing Mobile Search
by Tyler Tate, TwigKit
photos by Matthew Kenwrick, , Mikhail Koninin, Neil Oliver,
Iam Carroll, Pithawat Vachiramon, Kamshots