▷ Figma Developer Training Material | |
---|---|
Figma Demo - Developer Handshakehttps://web.microsoftstream.com/video/1f227aae-4455-4b20-953a-331f739deabd |
PLP UI/UX Deliverables
User Testing Prototype:
Tickets | ||||
---|---|---|---|---|
Name | Ticket Details | Deliverables | Notes | |
Below you'll find the deliverable detailed for each ticket in sprint | ||||
1 | Updated UI - Grid View - PLP | User Story As a customer browsing products on Ferguson.com, I want the product grid view to be visually updated, so that I see more valuable information on the search results page without the need to access the details page. Acceptance Criteria
| DeliverablesPLP
Compare (Grid View)
Swatches
| Design Comments Swatches
|
2 | Updated UI - List View - PLP | User Story As a customer browsing products on Ferguson.com, I want the product list view to be visually updated, so that I see more valuable information on the search results page without the need to access the details page. Acceptance Criteria
| Early Mockups
DeliverablesCompare (List View)
| |
3 | Updated UI - Sort Drop-down - PLP - EWOK-4250Getting issue details... STATUS | User Story As a customer sorting the products on the PLP, I want the “Sort” drop-down UI updated to match the new page style, so that the look and feel is uniform. Acceptance Criteria
| Early Mockups | |
4 | Updated UI - Items Per Page Drop-down - PLP- EWOK-4257Getting issue details... STATUS | User Story As a customer changing the number of items displayed on the PLP, I want the "Items Per Page" drop-down UI updated to match the new page style, so that the look and feel is uniform. Acceptance Criteria
| Early MockupsN/A DeliverablesPagination
| |
5 | Availability Refiner - PLP | User Story Acceptance Criteria
| Early Mockups
DeliverablesRefiners | |
6 | Change Store - Availability Refiner - PLP | User Story As a customer searching for products, I want the ability to change my selected store location from the Availability refiner, so that I can see the product availability at other locations. Acceptance Criteria
| Early Mockups N/A | |
7 | Display Add to Cart Modal in PLP Product Card - PLP - EWOK-4080Getting issue details... STATUS | User Story As a customer that has searched for products on Ferguson.com, I want the Add to Cart button on the PLP page to open an "Add to Cart" modal, so I can quickly order products without going to each product PDP page. Acceptance Criteria
| Early Mockups N/A DeliverablesAdd to Cart Interaction
| |
8 | DUPLICATE
-
EWOK-4326Getting issue details...
STATUS
| User Story As a customer browsing products on Ferguson.com, I want the product grid view to be visually updated, so that I see more valuable information on the search results page without the need to access the details page. Acceptance Criteria
| N/A | N/A |
9 | DUPLICATE
| User Story As a customer browsing products on Ferguson.com, I want the product list view to be visually updated, so that I see more valuable information on the search results page without the need to access the details page. Acceptance Criteria
| N/A | N/A |
10 | ||||
11 | ||||
12 | ||||
13 |