Alternatives to a Product Add-On Carousel
I have started updating my companies website to be more accessible and as I began to work on our carousel slider I ran into numerous articles stating that carousels should be avoided all together. The main reasons being they are typically inaccessible and often unused.
The website I am working on has an Add-Ons
carousel positioned below the product and description the user is currently purchasing. It is a bit similar to the panel Amazon has that offers Frequently bought together
products. The main difference is that our add ons require some description and are not as image forward.
Currently our carousel only has 5 items in it and I don't see that number growing past 10.
So the ideas I currently have to replace the carousel are:
#1. A vertically scrolling panel
- I'm not really sure that this would be used more than the carousel, however it may be possible to fit all the items on the screen at once.
#2. From the product page after the user clicks next
or checkout
navigate them to an add-ons page.
- This could be a stand alone page or a modal. It would provide enough space to display all of the items at once and it would assure that the user sees the potential add on choices.
#3. Open up a side panel (replacing the side navigation) with a scrollable list of add ons.
- This would require a back or exit option so the user could switch back to the side navigation panel.
- Additionally, this is probably the least accessible of the options because it requires the user to tab to a side panel to make a selection.
If anyone has any advice to offer I would greatly appreciate it. I am not a UX designer so I don't want to overlook any obvious considerations while making this decision.