Project Scope
Research
Research and Finds can be found on the PLP & Type-Ahead Preliminary Research page.
Design
Top-level
- Breadcrumb
- Search-result result
- Selected refinements
- Sort
- Layout changer
Sidebar
- Refiners
- Refiners by type
- Checkbox
- Swatch
- Interaction: Store Pickup
- See all
- Refiners by type
Product List
- Order or products displayed (store, dc, all)
- List item by type (grid, list, table, etc.)
- List Item layout. Describe and visualize how information is positioned (ex: padding above price on grid, prices and everything below locked together, etc)
- Pagination
Product List Items
- Variations of product by type, status
- Information/anatomy
- Compare
- Interaction: Display what happens when a user hovers and selects the compare checkbox. What does the list item look like in the selected state?
- Status indicators
- Image
- Family description
- Refiners
- Interaction: Swatch cycling. Present what it looks like to select different swatches and alter the contents of the list item. Additionally provide an example of how the whole row expands when one list item's height changes.
- Interaction: Swatch + more. Display this interaction. What happens when a user hovers and clicks on +more? How do they get out of it?
- Title
- Present variations of product titles according to product type
- Code
- Part # vs. Fast #
- Explain when Fast replaces Part #.
- Attributes
- Explain what these are, how many can show, where they come from/who controls them, etc.
- Price
- Display variations of prices, including commodity 4th decimal place, various UoMs (each, price per) and include one with price description.
- Availability
- Diaply variations of: in stock in store, not in stock in store, call for availability, pricing + 'not available online...' message, no pricing + 'not available online...' message. And the logged out message.
- Action
- Add to Cart
- Interaction: Present everything from hover to quantity adjustments and variations (or refer to them where they already exist)
- Add to Cart
- Compare