Advertisement
Designing Mobile Search: A workshop for eBay Classifieds Group
Oct. 15, 2013•0 likes•1,466 views
2 likes
Be the first to like this
Show More
views
Total views
0
On Slideshare
0
From embeds
0
Number of embeds
0
Download to read offline
Report
Design
Technology
Sports
Tyler TateFollow
Co-founder & CEO at Crema.coAdvertisement
Advertisement
Advertisement
Designing Mobile Search: A workshop for eBay Classifieds Group
- Designing Mobile Search by @TylerTate
- 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. .
- Problem 1: We didn't know exactly what we wanted.
- 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 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 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.
- Initiation
- Initiation Selection
- Initiation Selection Exploration
- Initiation Selection Exploration Formulation
- Initiation Selection Exploration Formulation Collection
- Initiation Selection Exploration Formulation Collection Action
- Initiation Selection Exploration Formulation Collection http://alistapart.com/article/the-ux-of-learning Action
- Search Type Search Motive
- Casual
- Casual Lookup
- Casual Lookup Learn
- Casual Lookup Learn Investigate
- Informational
- Informational Geographic
- Informational Geographic Personal Info
- Informational Geographic Personal Info Transactional
- Casual Info Geographic Personal Info Transaction Lookup Learn Investigate
- Casual Lookup Learn Investigate Info Window Shopping Trivia Information Gathering Research Geographic Friend Check-ins Directions Local Points of Interest Travel Planning Personal Info Checking Messages Checking Calendar Situation Analysis Lifestyle Planning Transaction Acting on Notifications Price Comparison Online Shopping Product Monitoring http://tinyurl.com/InfoNeedMatrix
- Task Environ Social Physical Personal
- Task Environ Social Physical Personal
- Task Environ Social Physical Personal
- Task Environ Social Physical Personal
- Task Environ Social Physical Personal
- Task Environ Social Physical Personal
- 1. Content Over Controls
- The Search Box
- In the navigation bar Sort Search...
- In a secondary toolbar Sort Search...
- Via a pull-toreveal gesture Sort Search...
- Via a pull-toreveal gesture Sort Search...
- Via a pull-toreveal gesture Sort Search...
- Via a pull-toreveal gesture Sort Search...
- As-you-type suggestions
- As-you-type suggestions
- Other Input Methods
- Location
- Audio
- Visual
- Drawing
- Display Formats
- List
- Grid
- Map
- Augmented Reality
- Toggling the Display Format
- Segmented control in a toolbar Search... List Map Images
- Segmented control centered in the navigation bar List Map Images
- Single button in the navigation bar Search... Map
- 2. Open-ended Exploration
- Inline Controls
- Dedicated Screen
- Best Match Price Refine Date
- Filtering Best Match Price Refine Date Filter by Category Condition Price Seller Buying Formats Location Acoustic
- Filtering with a segmented control Best Match Price Refine Date Narrow by New Refurb. Category Price Buying Formats Location Used Broken Acoustic
- Filtering with a slider Best Match Price Refine Date Narrow by New Refurb. Used Broken Price Category Seller Buying Formats Location Acoustic
- 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
- Dedicated refinement screens
- Accessing the Refinement Screen
- Button in the navigation bar Best Match Guitar Price R Date efine
- 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
- 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
- Button in the navigation
- Gesture
- Gesture RefineBest Match Used Broken Acoustic Price Date
- Gesture Best Match Price Refine Date Narrow by New Refurb. Used Broken Price Category Seller Buying Formats Acoustic
- Button or gesture
- Button and popover
- Breadcrumbs
- Best Match Guitar Price R Date efine Showing new, acoustic guitars. Sorting by price.
- 3. Cross-Channel Continuity
- 4. Collaborative Searching
- 5. Multi-session Tasks
- Problem: We didn't know exactly what we wanted.
- Problem: We didn't know exactly what we wanted. Solution: Design for open-ended exploration.
- Problem: When we saved items on one device, we couldn't access them from others.
- Problem: When we saved items on one device, we couldn't access them from others. Solution: Design for cross-channel continuity.
- Problem: We didn't have a good way to share what we'd found with one another.
- Problem: We didn't have a good way to share what we'd found with one another. Solution: Design for collaborative search.
- Problem: We had to perform the same searches everyday until we found just what we wanted.
- Problem: We had to perform the same searches everyday until we found just what we wanted. Solution: Design for multi-sessions tasks.
- Mobile Search Workshop, Part 1 Developing a CrossChannel Blueprint 13:45 - 14:45
- 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.
- A service blueprint created by Brandon Schauer.
- Resmini and Rosati’s CHU cube diagram
- Gianluca Brugnoli’s touchpoints matrix.
- 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
- Group time Break into groups and get ready to create your own cross-channel blueprint.
- 1. Identify user actions. What are the actions that users desire to perform throughout the ecosystem as a whole?
- 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
- 1. Identify user actions. 2. List the channels. What channels compose the ecosystem? Think both digital and physical.
- 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
- 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.
- 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
- 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.
- 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
- 1. A global view of important user actions
- 1. A global view of important user actions 2. The possible channels through which users might attempt those actions
- 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
- 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
- 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
- Mobile Search Workshop, Part 2 User Interface Sketching 15:00 - 16:00
- Inputting the query Viewing search results Refining the query Advanced features Combine the best ideas Share
- Inputting the query Viewing search results Refining the query Advanced features Combine the best ideas Share
- Inputting the query Viewing search results Refining the query Advanced features Combine the best ideas Share
- Inputting the query Viewing search results Refining the query Advanced features Combine the best ideas Share
- Inputting the query Viewing search results Refining the query Advanced features Combine the best ideas Share
- Inputting the query Viewing search results Refining the query Advanced features Combine the best ideas Share
- Designing Mobile Search by @TylerTate
Advertisement