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.
Designing Mobile Search: A workshop for eBay Classifieds Group
Designing Mobile Search: A workshop for eBay Classifieds Group
1.
Designing Mobile Search
by @TylerTate
2.
800 million
Desktop PCs
Smartphones
Laptop PCs
Tablets
2005
2006
2007
2008
Forecast
2009
2010
2011
2012
2013
“Beyond the PC” by The Economist, Oct 8th 2011. Sources: Cisco, Gartner, Informa Telecoms & Media, KPCB, Morgan Stanley, UN,
Yankee Group, The Economist.
.
3.
Problem 1: We didn't know exactly what we wanted.
4.
Problem 1: We didn't know exactly what we wanted.
Problem 2: When we saved items on one device, we
couldn't access them from others.
5.
Problem 1: We didn't know exactly what we wanted.
Problem 2: When we saved items on one device, we
couldn't access them from others.
Problem 3: We didn't have a good way to share
what we'd found with one another.
6.
Problem 1: We didn't know exactly what we wanted.
Problem 2: When we saved items on one device, we
couldn't access them from others.
Problem 3: We didn't have a good way to share
what we'd found with one another.
Problem 4: We had to perform the same searches
everyday until we found just what we wanted.
59.
Filtering
Best Match
Price
Refine
Date
Filter by
Category
Condition
Price
Seller
Buying Formats
Location
Acoustic
60.
Filtering with a
segmented
control
Best Match
Price
Refine
Date
Narrow by
New
Refurb.
Category
Price
Buying Formats
Location
Used
Broken
Acoustic
61.
Filtering with a
slider
Best Match
Price
Refine
Date
Narrow by
New
Refurb.
Used
Broken
Price
Category
Seller
Buying Formats
Location
Acoustic
62.
Sorting with a
segmented
control
Best Match
Price
Refine
Date
Price
Date
Sort by
Best Match
Narrow by
New
Refurb.
Used
Broken
Price
Category
Seller
Buying Formats
Location
Acoustic
65.
Button in the
navigation bar
Best Match
Guitar
Price
R
Date efine
66.
Button in the
navigation bar
Best Match
Search...
Guitar
Price
Best Match
Price
Refine
Date
Price
Date
Refine
R
Date efine
Sort by
Best Match
Narrow by
New
Price
Refurb.
Used
Broken
67.
Button in the
navigation bar
Best Match
Search...
Price
Refine
R
Done
Date efine
Sort by
Best Match
Price
Date
Narrow by
New
Refurb.
Used
Broken
Price
Category
Seller
Buying Formats
Location
Acoustic
79.
Problem: We didn't know exactly what we wanted.
80.
Problem: We didn't know exactly what we wanted.
Solution: Design for open-ended exploration.
81.
Problem: When we saved items on one device, we
couldn't access them from others.
82.
Problem: When we saved items on one device, we
couldn't access them from others.
Solution: Design for cross-channel continuity.
83.
Problem: We didn't have a good way to share what
we'd found with one another.
84.
Problem: We didn't have a good way to share what
we'd found with one another.
Solution: Design for collaborative search.
85.
Problem: We had to perform the same searches
everyday until we found just what we wanted.
86.
Problem: We had to perform the same searches
everyday until we found just what we wanted.
Solution: Design for multi-sessions tasks.
87.
Mobile Search Workshop, Part 1
Developing a CrossChannel Blueprint
13:45 - 14:45
88.
The cross-channel blueprint provides an
overview of the ecosystem's two most
fundamental attributes: the channels of
which it's composed, and the user actions it
must facilitate.
89.
A service blueprint created by Brandon Schauer.
92.
Lookup
Shared Assets
High priority
Low priority
N/A
High priority
Immersive photography
Flip pages back/forth
Flip pages back/forth
Order by phone
Order by mail
Order online
High priority
High priority
High priority
High priority
High priority
Browse by category
Table view of selected
items
Favorites
Wish list / gift registry
Standard checkout
Expedited checkout
Order by phone
High priority
High priority
Medium priority
Medium priority
High priority
Catalog-like browsing
experience
Table view of selected
items
Favorites
Wish lists
Expedited checkout
Standard checkout
High priority
Medium priority
N/A
Low priority
High priority
Browse by category
Impractical due to
screen size
Add items to favorites
and wish list, but
limited ability to edit
Expedited checkout
High priority
High priority
Medium priority
Low priority
High priority
Clear signage
Store map
Helpful staff
Physical Store
Low priority
Search box
Voice input
Barcode scanner
Mobile App
Purchase
Search box
Voice input
Tablet App
Organize
Search box
Website
Compare
Table of contents
Index
Print Catalog
Explore
Wander the aisles
Compare side by side
Ask staff
Gift registry / wish list
Attendant-assisted
Self-checkout
Scan-as-you-go
Product taxonomy
Compare engine
Universal Favs
All channels powered by a single set of categories
Web & tablet powered
by one component
Favorites list shared by
web, tablet, mobile
Universal checkout
process for web,
tablet, and mobile
93.
Group time
Break into groups and get ready to create
your own cross-channel blueprint.
94.
1. Identify user actions. What are the actions that
users desire to perform throughout the ecosystem
as a whole?
95.
Lookup
Shared Assets
High priority
Low priority
N/A
High priority
Immersive photography
Flip pages back/forth
Flip pages back/forth
Order by phone
Order by mail
Order online
High priority
High priority
High priority
High priority
High priority
Browse by category
Table view of selected
items
Favorites
Wish list / gift registry
Standard checkout
Expedited checkout
Order by phone
High priority
High priority
Medium priority
Medium priority
High priority
Catalog-like browsing
experience
Table view of selected
items
Favorites
Wish lists
Expedited checkout
Standard checkout
High priority
Medium priority
N/A
Low priority
High priority
Browse by category
Impractical due to
screen size
Add items to favorites
and wish list, but
limited ability to edit
Expedited checkout
High priority
High priority
Medium priority
Low priority
High priority
Clear signage
Store map
Helpful staff
Physical Store
Low priority
Search box
Voice input
Barcode scanner
Mobile App
Purchase
Search box
Voice input
Tablet App
Organize
Search box
Website
Compare
Table of contents
Index
Print Catalog
Explore
Wander the aisles
Compare side by side
Ask staff
Gift registry / wish list
Attendant-assisted
Self-checkout
Scan-as-you-go
Product taxonomy
Compare engine
Universal Favs
All channels powered by a single set of categories
Web & tablet powered
by one component
Favorites list shared by
web, tablet, mobile
Universal checkout
process for web,
tablet, and mobile
96.
1. Identify user actions.
2. List the channels. What channels compose the
ecosystem? Think both digital and physical.
97.
Lookup
Shared Assets
High priority
Low priority
N/A
High priority
Immersive photography
Flip pages back/forth
Flip pages back/forth
Order by phone
Order by mail
Order online
High priority
High priority
High priority
High priority
High priority
Browse by category
Table view of selected
items
Favorites
Wish list / gift registry
Standard checkout
Expedited checkout
Order by phone
High priority
High priority
Medium priority
Medium priority
High priority
Catalog-like browsing
experience
Table view of selected
items
Favorites
Wish lists
Expedited checkout
Standard checkout
High priority
Medium priority
N/A
Low priority
High priority
Browse by category
Impractical due to
screen size
Add items to favorites
and wish list, but
limited ability to edit
Expedited checkout
High priority
High priority
Medium priority
Low priority
High priority
Clear signage
Store map
Helpful staff
Physical Store
Low priority
Search box
Voice input
Barcode scanner
Mobile App
Purchase
Search box
Voice input
Tablet App
Organize
Search box
Website
Compare
Table of contents
Index
Print Catalog
Explore
Wander the aisles
Compare side by side
Ask staff
Gift registry / wish list
Attendant-assisted
Self-checkout
Scan-as-you-go
Product taxonomy
Compare engine
Universal Favs
All channels powered by a single set of categories
Web & tablet powered
by one component
Favorites list shared by
web, tablet, mobile
Universal checkout
process for web,
tablet, and mobile
98.
1. Identify user actions.
2. List the channels.
3. Prioritise and describe each channel-action.
Determine the priority that each action should
receive for a given channel. At the same time as
setting priorities, also briefly describe how each
action would be achieved.
99.
Lookup
Shared Assets
High priority
Low priority
N/A
High priority
Immersive photography
Flip pages back/forth
Flip pages back/forth
Order by phone
Order by mail
Order online
High priority
High priority
High priority
High priority
High priority
Browse by category
Table view of selected
items
Favorites
Wish list / gift registry
Standard checkout
Expedited checkout
Order by phone
High priority
High priority
Medium priority
Medium priority
High priority
Catalog-like browsing
experience
Table view of selected
items
Favorites
Wish lists
Expedited checkout
Standard checkout
High priority
Medium priority
N/A
Low priority
High priority
Browse by category
Impractical due to
screen size
Add items to favorites
and wish list, but
limited ability to edit
Expedited checkout
High priority
High priority
Medium priority
Low priority
High priority
Clear signage
Store map
Helpful staff
Physical Store
Low priority
Search box
Voice input
Barcode scanner
Mobile App
Purchase
Search box
Voice input
Tablet App
Organize
Search box
Website
Compare
Table of contents
Index
Print Catalog
Explore
Wander the aisles
Compare side by side
Ask staff
Gift registry / wish list
Attendant-assisted
Self-checkout
Scan-as-you-go
Product taxonomy
Compare engine
Universal Favs
All channels powered by a single set of categories
Web & tablet powered
by one component
Favorites list shared by
web, tablet, mobile
Universal checkout
process for web,
tablet, and mobile
100.
1. Identify user actions.
2. List the channels.
3. Prioritise and describe each channel-action.
4. Identify shared components. Think about the
behind-the-scenes components that will be
necessary to empower each user action.
101.
Lookup
Shared Assets
High priority
Low priority
N/A
High priority
Immersive photography
Flip pages back/forth
Flip pages back/forth
Order by phone
Order by mail
Order online
High priority
High priority
High priority
High priority
High priority
Browse by category
Table view of selected
items
Favorites
Wish list / gift registry
Standard checkout
Expedited checkout
Order by phone
High priority
High priority
Medium priority
Medium priority
High priority
Catalog-like browsing
experience
Table view of selected
items
Favorites
Wish lists
Expedited checkout
Standard checkout
High priority
Medium priority
N/A
Low priority
High priority
Browse by category
Impractical due to
screen size
Add items to favorites
and wish list, but
limited ability to edit
Expedited checkout
High priority
High priority
Medium priority
Low priority
High priority
Clear signage
Store map
Helpful staff
Physical Store
Low priority
Search box
Voice input
Barcode scanner
Mobile App
Purchase
Search box
Voice input
Tablet App
Organize
Search box
Website
Compare
Table of contents
Index
Print Catalog
Explore
Wander the aisles
Compare side by side
Ask staff
Gift registry / wish list
Attendant-assisted
Self-checkout
Scan-as-you-go
Product taxonomy
Compare engine
Universal Favs
All channels powered by a single set of categories
Web & tablet powered
by one component
Favorites list shared by
web, tablet, mobile
Universal checkout
process for web,
tablet, and mobile
103.
1. A global view of important user actions
2. The possible channels through which users might
attempt those actions
104.
1. A global view of important user actions
2. The possible channels through which users might
attempt those actions
3. A set of task priorities for each channel
105.
1. A global view of important user actions
2. The possible channels through which users might
attempt those actions
3. A set of task priorities for each channel
4. A set of channel priorities for each action
106.
1. A global view of important user actions
2. The possible channels through which users might
attempt those actions
3. A set of task priorities for each channel
4. A set of channel priorities for each action
5. An overview of which components need to be
shared across channels
107.
Mobile Search Workshop, Part 2
User Interface Sketching
15:00 - 16:00
108.
Inputting the query
Viewing search results
Refining the query
Advanced features
Combine the best ideas
Share
109.
Inputting the query
Viewing search results
Refining the query
Advanced features
Combine the best ideas
Share
110.
Inputting the query
Viewing search results
Refining the query
Advanced features
Combine the best ideas
Share
111.
Inputting the query
Viewing search results
Refining the query
Advanced features
Combine the best ideas
Share
112.
Inputting the query
Viewing search results
Refining the query
Advanced features
Combine the best ideas
Share
113.
Inputting the query
Viewing search results
Refining the query
Advanced features
Combine the best ideas
Share