Defining the desktop experience.
Number of Designer: 1, reported to the senior designer on Search domain
Current process in work: Handing off design specs
Scope: UX/UI for website flow.
Next Steps: Working on long term improvements
Platform: Web Responsive
circa: 2015
Problem
eBay’s Desktop experience has proven challenging in on-boarding and retaining new users. How can we improve that experience, while keeping in mind the needs of our expert users?
Plan of Execution
LEFT HAND NAVIGATION
Simplify the existing filtering system to reduce cognitive load
RESULT SET LAYOUTS
Optimizing List View and Gallery View for different types of information
DESKTOP REDESIGN- LEFT HAND NAVIGATION
BROAD SEARCH WORKFLOW (CURRENT)
Current aspects reorganizes and collapses once the user selects an aspect.
DESKTOP REDESIGN- LEFT HAND NAVIGATION
SPECIFIC SEARCH WORKFLOW (CURRENT)
2. The overlay reveals aspects that already available in the left hand navigation
DESKTOP REDESIGN- LEFT HAND NAVIGATION
TAXONOMY
DESKTOP REDESIGN- LEFT HAND NAVIGATION
BROAD SEARCH WORKFLOW (NEW)
Only the top 5 choices of each aspect shows
“show more" reveals inline
Different category of sizes easily accessed through drop down menu
Selected aspects now stay in place
Chevrons as a means to collapse and expand
Advanced search access point is now placed inline within the LHN. The nomenclature for the button now reads “Advanced Refinements” to make it appropriate within the context.
DESKTOP REDESIGN- LEFT HAND NAVIGATION
SPECIFIC WORKFLOW (NEW)
Aspect keywords in search are automatically placed as aspect pills in the “Filter by" module.
When an aspect has more options, the modal will change state to disclose all aspects. Here, “Show All” in Brands will take to user to another context
The extended Brand module has a search bar, as well as an inline expanded list of all brands. Users can select multiple brand options but must tap the “Apply Refinements" button at the bottom to apply the condition.