Menu
  • UX Trending
  • UX PODCASTS
    • DESIGN UNTANGLED
    • UX CAKE
  • UX Reading Room
  • UX Portfolio Building
  • UX JOBS
    • Atlanta
    • Dallas
    • Los Angeles
UXShareLab… everything you need to know about UX and more…
for the user experience design community

Search

Browse: Home   /   multiple-products

Product carousel – how to present variants of a product?

Product carousel - how to present variants of a product?

I’m working on a product carousel for an e-commerce site.

I have a list of elements of one tile:

  • Price
  • Crossed price
  • Badge/ribbon
  • Image
  • Caption (Product’s name)
  • CTA (i.e. Show) as a button
  • Ratings/Reviews (stars, number of stars, grey if none)
  • Thumbnails (optional)
  • Availability in stock
  • Button, i.e. “More details”

Question:
Let’s say that we have a T-shirt available in 5 different colours. How can it be shown on product carousel on home page?

I thought about showing some colours block under the picture of a product. If doing so: How many of such colour blocks would be ok?

Second idea is to change the picture on a carousel randomly. It means: User goes on my page and sees blue T-shirt (maybe with colour blocks under the pic) among other products in product carousel. After reloading the page there will be a white T-shirt in carousel (maybe with colour blocks under the pic).

What would you recommend? What is the best way to show in product carousel that we have more colours on stock?

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

Topics

User Research WordPress Plugins Web Design UI Usability uxstackexchange UX wordpress UX Jobs Los Angeles User Interaction UX Jobs Atlanta User testing UX Jobs in Atlanta UX Jobs Dallas Visual Design UI design WordPress Gutenberg UX Rockstars web-app Universal Design & Accessibility user-behavior UX Design UX Toolbox User Experience uxbooth

Feeds

UI UI design Universal Design & Accessibility Usability user-behavior User Experience User Interaction User Research User testing UX uxbooth UX Design UX Jobs Atlanta UX Jobs Dallas UX Jobs in Atlanta UX Jobs Los Angeles UX Rockstars uxstackexchange UX Toolbox Visual Design web-app Web Design wordpress WordPress Gutenberg WordPress Plugins

<span>recent posts</span>

  • UX in 2018: The human element

    • Anywhere
  • Three Takeaways from the Hawai’i Missile False Alarm

    • Anywhere
  • UX in 2018: Content

    • Anywhere
  • UX in 2018: Design, Development, and Accessibility

    • Anywhere
  • The Power and Danger of Persuasive Design

    • Anywhere

connect to uxsharelab

Enter your email address to subscribe to receive notifications of new posts by email.

UXShareLab. Copyright © 2018. All rights reserved.

  • Contact UXShareLab
  • UXShareLab Community
  • UX PROCESS
  • Recommended Reading
  • UX StackExchange