Tad Blake-Weber, UXC | Portfolio

40 Indian Road | Waltham, MA 02451 | Email me

Home 9 Project 9 Consolidation of product formats (2021)

“Don’t make me dig”— A consolidation of product formats (2021)

Designed using Adobe XD

Product landing page

Context and the problem

We have some products on our site with 7-13 different formats — audio downloads, leather covers, paperback, hardcover, etc. How do we make it easier for users to choose the product’s format that they want and purchase it?

  • Customers accidentally bought the wrong format of products.
  • Users want more of an “Amazon” like experience to choose format options.
  • Have format photos change on the same page when users select new format without going to a new page.

Design mock up — Desktop

Product landing page

Hypothesis 1: Provide buttons displaying all of the formats available on one product

After listening to users we determined that the best route would be to do the following:

  • Display multiple format of products on a single page.
  • Give users at more of an “Amazon” like experience to choose format options.
  • Have format photos change on the same page when users select new format.

Team’s design process plan:

  1. Step 1: Listened to users.
  2. Step 2: Format our the design problem to scope the project.
  3. Step 3: Form a hypothesis of what the users want based on user feedback.
  4. Step 4: Create lo-fi mock up for review
  5. Step 5: Review with stakeholders
  6. Step 6: Create high fidelity interactive mock up
  7. Step 7: Test mock up with users and user testing
  8. Step 8: Review findings
  9. Step 9: Iterate on original design
  10. Step 10: Review with stakeholders
  11. Step 11: Go live
  12. Step 12 (later date): Get feedback on the updated/current/live design
  13. Step 13 (later date): Assess feedback from users
  14. Step 15: (later date): iterate on the design

 

Design mock up — Mobile

Consolidated format (Mobile)

Results

  • Users gave a thumbs up — we made some minor iterative changes.
  • Stakeholders felt comfortable with the feedback, the iterative changes, and asked that we implement the new design.
  • Went live and are now planning getting feedback via up user testing.