designing mobile search, nyc edition
Post on 12-Apr-2017
4.249 Views
Preview:
TRANSCRIPT
Designing Mobile Search
by Tyler Tate, TwigKitphotos by Matthew Kenwrick, ゆうくんと 呼んで, Mikhail Koninin, Neil Oliver,Iam Carroll, Pithawat Vachiramon, Kamshots
design search
Desktop PCs
Laptop PCs
Smartphones
Tablets
2005 2006 2007 2008 2009 2010 2011 2012 2013
Forecast
800 million
“Beyond the PC” by The Economist, Oct 8th 2011. Sources: Cisco, Gartner, Informa Telecoms & Media, KPCB, Morgan Stanley, UN, Yankee Group, The Economist.
.
Units Shipped
Bring Your Own Device
✴ 28% of the current workforce is already using personal devices for work
✴ 56% of US companies already have a formal BYOD policy in place
✴ 94% of global companies plan to have a BYOD policy by mid-2013
– Citrix, http://www.citrix.com/site/resources/dynamic/additional/Citrix_BYO_Index_report.pdf
Mobile Searchers
Design Principles
Design Solutions
Implementation Strategies
Designing Mobile Search
2
3
4
1
1MOBILE
SEARCHERS
photos by William Hook, Risager, and Whatleydude
Average Query Length
Computer iPhone Mobile
Words 2.93 2.93 2.44
Characters 18.72 18.25 15.89
– Google, http://www2009.eprints.org/81/1/p801.pdf
Average Queries per Session
Computer iPhone Mobile
1.94 1.82 1.7
– Google, http://www2009.eprints.org/81/1/p801.pdf
Information Needs
Motive
Type
Casual
Search Motive
Casual Lookup
Search Motive
Casual Lookup Learn
Search Motive
Casual Lookup Learn Investigate
Search Motive
Informational
Search Type
Informational Geographic
Search Type
Informational Geographic Personal Info
Search Type
Informational Geographic Personal Info Transactional
Search Type
Informational Geographic Personal Info Transactional
Search Type
Casual Lookup Learn Investigate
Informational
Geographic
PersonalInformation
Management
Transactional
Casual Lookup Learn Investigate
Informational
Geographic
PersonalInformation
Management
Transactional
TriviaWindow
ShoppingInformationGathering
Research
Casual Lookup Learn Investigate
Informational
Geographic
PersonalInformation
Management
Transactional
TriviaWindow
ShoppingInformationGathering
Research
DirectionsFriend
Check-insLocal Pointsof Interest
TravelPlanning
Casual Lookup Learn Investigate
Informational
Geographic
PersonalInformation
Management
Transactional
TriviaWindow
ShoppingInformationGathering
Research
DirectionsFriend
Check-insLocal Pointsof Interest
TravelPlanning
CheckingCalendar
CheckingMessages
SituationAnalysis
LifestylePlanning
Casual Lookup Learn Investigate
Informational
Geographic
PersonalInformation
Management
TransactionalPrice
ComparisonActing on
NotificationsOnline
ShoppingProduct
Monitoring
TriviaWindow
ShoppingInformationGathering
Research
DirectionsFriend
Check-insLocal Pointsof Interest
TravelPlanning
CheckingCalendar
CheckingMessages
SituationAnalysis
LifestylePlanning
Delayed Grati!cation
Later30%
Never25%
At the time45%
– Sohn et al. 2008, http://tinyurl.com/mobileinfoneeds
2DESIGN
PRINCIPLES
photos by William Hook, Risager, and Whatleydude
1. Content Trumps Controls
Most search controls (such as sorting and filtering) should be displaced off-screen so that search results take center stage.
2. Answers Over Results
For “lookup” infor-mation needs, it’s often more ef!cient to directly answering the user’s query rather than force them to click on a search result.
3. Contextual Sensitivity
Strive for awareness of the the user’s context, such as their task, location, and social surroundings.
4. Cross-Channel Continuity
The actions performed on any particular channel should propagate to all other channels of the ecosystem.
4. Cross-Channel Continuity
3DESIGN
SOLUTIONS
re!ne searchresults
input
re!ne searchresults
input
The Search Box
SortSearch...In the navigation bar
Sort
Search...
In a secondary
toolbar
SortSearch...Via a pull-to-reveal
gesture
Sort
Search...Via a pull-to-reveal
gesture
Sort
Search...
Via a pull-to-reveal
gesture
Sort
Search...
Via a pull-to-reveal
gesture
As-you-type suggestions
As-you-type suggestions
Other Input Methods
Location
Audio
Visual
Drawing
re!ne searchresults
input
re!ne
input
searchresults
Display Formats
List
Grid
Map
Augmented
Reality
Toggling the Display Format
Segmented
control in a
toolbarList MapMap Images
Search...
Segmented
control centered
in the navigation
bar
List MapMap Images
Single button in
the navigation
bar
Search... Map
re!ne
input
searchresults
input
searchresultsre!ne
Inline Controls
Dedicated Screen
Best Match Price DateRefine
Best Match Price DateRefine
Filter by
Category Acoustic
Condition
Price
Seller
Buying Formats
Location
Filtering
Best Match Price Date
New Refurb. Used Broken
Refine
Narrow by
Category Acoustic
Price
Buying Formats
Location
Filtering with a
segmented
control
Best Match Price Date
New Refurb. Used Broken
Refine
Narrow by
Category Acoustic
Seller
Price
Buying Formats
Location
Filtering with a
slider
Best Match Price Date
Best Match Price Date
New Refurb. Used Broken
Refine
Sort by
Narrow by
Category Acoustic
Seller
Price
Buying Formats
Location
Sorting with a
segmented
control
Dedicated re!nement screens
Accessing the Re!nement Screen
Best Match Price DateRefineGuitarButton in the
navigation bar
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
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
DoneButton in the
navigation bar
Button in the navigation bar
Gesture
Best Match Price DateRefine
Used Broken
Acoustic
Gesture
Best Match Price Date
New Refurb. Used Broken
Narrow by
Category Acoustic
Seller
Price
Buying Formats
RefineGesture
Button or gesture
Button and popover
4IMPLEMENTATION
STRATEGIES
1. Native Apps
Pros:
✴ Apps feel native
✴ Greater access to OS features
✴ Works offline
✴ Marketed in app store
Cons:
✴ Must be built per platform
✴ Expensive to build and maintain
✴ App store must approve & takes cut of sale
2. Mobile Web Apps
Pros:
✴ One app for all mobile platforms
✴ Easier to update
✴ No maintenance needed for OS upgrades
✴ Keep all profits
Cons:
✴ Doesn’t feel native
✴ Lacks access to core OS features
3. Responsive Websites
Pros:
✴ One code base for all channels – desktop & mobile
✴ Cheap to build and maintain
✴ Consistent experience across channels
Cons:
✴ Definitely doesn’t feel native
✴ Not as optimizedfor each channel
✴ No offline access
✴ Lacks access to core OS features
ENTERPRISE SEARCHMeetupswww.searchmeetups.com
ENTERPRISESEARCHLondon
ENTERPRISESEARCHFrankfurt
Designing Mobile Search
by Tyler Tate, TwigKitphotos by Matthew Kenwrick, ゆうくんと 呼んで, Mikhail Koninin, Neil Oliver,Iam Carroll, Pithawat Vachiramon, Kamshots
top related