Questions tagged [carousel]

Carousels, aka Sliders, are an interactive widget/design pattern used to present multiple featured content items in a limited space.

Filter by
Sorted by
Tagged with
1 vote
3 answers
48 views

Carousel to display colour variants: should the colour selected always be visible?

I'm working on a product page for an e-commerce website, and I have a carousel component to display different colour variants for the product itself. When you select a colour, the product picture ...
user avatar
1 vote
1 answer
36 views

Testimonial slider usability

I'm building a careers/recruiting landing page for a company and 1 of the things we decided should go into the page are some quotes from existing employees. My first inclination was to pull out the 3 ...
user avatar
  • 181
0 votes
2 answers
79 views

Carousel accessibility best practices

I am trying to design a new carousel component but struggling to figure out any accessibility best practices. These are some of the things I am trying to think about: Pagination indicators Should ...
user avatar
0 votes
1 answer
46 views

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. ...
user avatar
0 votes
2 answers
158 views

Is a carousel bad here

I have a carousel with three quotes, it looks fancy but some one informed me that carousel are unnecessary eye candy. would it better if i put the quotes next to each other 1 | 2 | 3 | ?
user avatar
0 votes
1 answer
77 views

How would a designer describe the 'scrolling carousel' type behaviour on this homepage?

I see some interesting UI behaviour on this landing page which I've not seen before, I'm trying to do some research on similar implementations but I'm unsure of the appropriate UI terms that designers ...
user avatar
  • 103
1 vote
3 answers
166 views

Best way to show attachments

I've designed an HTML table where each row can contain attachments. Each row has a grey paper clip icon which, when clicked, opens a file selector. The user can then upload file(s) to S3. After a ...
user avatar
1 vote
2 answers
208 views

Alternative to a carousel [closed]

Currently working on a client website, who is hot on accessibility. They want to be able to push and promote 4 different pages at a time in the hero section. I've pushed back on using a carousel, but ...
user avatar
1 vote
1 answer
48 views

Videos in image gallery of E commerce app

Do you think users find videos more relevant than images in product image gallery of an ecommerce app and videos should be the first thing users should be seeing on landing on the product page of any ...
user avatar
1 vote
1 answer
52 views

Page of carousels - Skip links / best keyboard navigation

This question relates to UX with keyboard navigation and a11y for screen reader users. We have an app that uses multiple carousels of movies, similar to Netflix or Disney+, with their respective ...
user avatar
1 vote
3 answers
148 views

Mobile side scrolling: On some screen sizes, the gap between elements land right at the right edge, so it looks like there isn't any scrolling

I have the elements going off the right edge of the screen to show it's horizontal scrolling. Issue is at some screen sizes, the gap between elements lands right at the right edge, so it looks like ...
user avatar
  • 11
1 vote
1 answer
63 views

Tips for mobile product Carousel for gallery of a single product, or should I use it at all?

Tips for mobile product Carousel, or should I use it at all? Read an article of NNP, saying the study suggests carousels on mobile have low discoverability. However, this study seems to focus on ...
user avatar
3 votes
1 answer
244 views

Mobile card carousel navigation

Background We are currently using a standard mobile pattern to showcase 3 cards where users can compare different plans. Problem The cards are very text heavy and contain alot of content below the ...
user avatar
  • 31
0 votes
1 answer
101 views

I know the carousel using is not user friendly but are Instagram stories different? [closed]

I know the carousel using is not user-friendly but why Instagram stories working like hell? It's a similar component. It has a lot of usability issues. When we use stories we don't know what we'll see....
user avatar
-1 votes
1 answer
106 views

Why don't messenger carousel auto slide? [closed]

I had read some article that we shouldn't use auto slide carousel in website but I have question on Facebook messenger platform since many ppl use carousel to present menu to user. Should it auto ...
user avatar
5 votes
2 answers
652 views

Carousel speed in mobile

Folks, What is the optimum speed for carousels in a mobile website? For you to answer better - optimized copy (say 6-10 words for mobile) as against 12-20 words in desktop Maximum of 4 banners in ...
user avatar
4 votes
3 answers
5k views

Content slider / carousel accessibility best practices?

I'm building a content slider for a news site and faced with the issue of keyboard and screen-reading accessibility. Case #1: Pure image slider For generic image slider it appears you can go with ...
user avatar
  • 1,721
2 votes
1 answer
162 views

Hovering Navigation Arrows

Is there any modern and accessible approach to implementing "hovering navigation arrows"? I was given a website layout to implement which features "hovering navigation arrows" to navigate to the ...
user avatar
2 votes
2 answers
918 views

What's the name of this vertical carousel UI element?

This 'vertical carousel' pattern seems really powerful for 'how it works' sections since, unlike a horizontal carousel, you can easily read through the steps without interacting with it. We're ...
user avatar
0 votes
2 answers
146 views

How does a slideshow on a webpage affect load times? [closed]

I am designing a website which has a slideshow on its homepage, which automatically rotates through a few pictures. I want these slideshow images to have good resolution without unnecessarily ...
user avatar
  • 103
3 votes
2 answers
262 views

What is more effective to promote new features on a website?

A client of ours wants us to highlight the new features of our redesign for his website. We think that we shouldn't explain too much, since it's a content-based website that hasn't had any drastic ...
user avatar
2 votes
2 answers
315 views

Carousel to explain the product

at our company we are struggling with the explanation of our product to our audience. Context: Tech B2B company, based in Czechia, 80-90% Czech customers, the name of the product couldn't be changed....
user avatar
0 votes
1 answer
185 views

How to layout tabs when the website becomes responsive?

We have this kind of layout on our e-commerce website. Basically, you can move from one tab to the next to view the different promotions. My question is since on the responsive version the screen ...
user avatar
  • 4,188
4 votes
1 answer
478 views

Is it better to display all products or use a carousel on a responsive website?

I have two versions for displaying products in an e-commerce website (responsive): Long version (all shown): Short version (with carousel): I am having a dilemma which to use. On one hand the long ...
user avatar
  • 4,188
0 votes
1 answer
90 views

Need suggestion on how can i start implementing the attached UI [closed]

I am new to building UIs, as a part of a project i was asked to come up with a UI (screenshot attached). Before posting it here, i have done my research and could not find a solution. Please look at ...
user avatar
  • 3
1 vote
2 answers
130 views

Carousel through anything?

In today's world, we have carousels everywhere. From file type carousels to go from image to image, to things like ads to display multiple ads, you name it. My question is, what do you think about a ...
user avatar
  • 121
38 votes
6 answers
8k views

Carousel with Down Arrow: Does it have a purpose? What's it called?

I've noticed that many websites that have sliders / carousels as a full height background have this "down arrow icon" centered in the middle. Sometimes you can click it. Does this arrow have a name? ...
user avatar
1 vote
1 answer
534 views

Handling image slider navigation with a lot of images

What's a better way to handle navigation in a slider with a lot of images? I'm currently working on the behaviour of an image slider. The image slider will look like the wireframe in the image below. ...
user avatar
2 votes
2 answers
494 views

Remove swipe action from responsive carousel on desktop?

I have a carousel on the site similar to Airbnb. It can be swiped on mobile as expected: On desktop though they add arrows and remove swipe. The question is should you remove swiping on desktop? ...
user avatar
  • 1,721
2 votes
2 answers
72 views

Best way to display the next batch of photos in a 3d carousel?

I have a 3d button that opens a row of curved images that form a circle around the 3d camera: The curved images start to stack one on top of another after reaching a certain number (since they form a ...
user avatar
  • 277
0 votes
2 answers
107 views

How to prevent non-proficient internet users from scrolling past a hero carousel?

If the biggest part of your clients are people who lack internet skills how do you prevent them from ignoring your hero if its a carousel? I'm not even sure if that would be the best approach. Should ...
user avatar
0 votes
5 answers
794 views

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/...
user avatar
4 votes
2 answers
316 views

Scrollable content carousels. Should the scrolling experience be never ending, or reach a dead end?

I'm in the process of designing a scrollable carousel that contains a row of thumbnail images. Around 5 thumbnail images are visible by default, but there are about 25-30 thumbnail images altogether. ...
user avatar
  • 989
3 votes
2 answers
116 views

Best way to show that there are many viewable photos for mobile app?

I'm working on a design for an application that shows used cars. On the car details page, some cars may have many photos, and I'm not sure how I should show that there are more/many viewable photos. ...
user avatar
  • 33
2 votes
3 answers
1k views

What do you think is the best option for Previous/Next icon buttons alongside product carousel in mobile?

I have the following ideas of how to solve this problem: What do you think is the best option to present a product image carousel alongside previous/next buttons for nearby category products?
user avatar
  • 23
5 votes
8 answers
3k views

Carousel: next and previous buttons

Many websites leverage carousel design pattern. I've seen many cases where on first page the "previous" arrow is either hidden, or disabled or active. Same is applied to the last page and "next" ...
user avatar
  • 1,803
3 votes
4 answers
2k views

What's the best way to present multiple images / content without having a long scrolling for mobile

Currently, I'm using a slider / carousel (owl carousel to be exact) as a way to serve a lot of pricelist tables (per category) and images of the team (employees). And there are a lot. Our users ...
user avatar
0 votes
1 answer
149 views

Best UX for suggesting members to connect with? Carousel on profile page or separate page with GRID

I am toying with how to show my users potential colleagues (friends if you will) on my site. These "friends" are a list of academics that have been drawn up based on 1) common research interests with ...
user avatar
  • 1,278
2 votes
2 answers
1k views

Are there disadvantages to using an accordion instead of a carousel?

I am required to use carousels very often in our designs - sometimes as many as 4 separate carousels on a homepage. To increase engagement & conversions with website visitors (and of course ...
user avatar
0 votes
2 answers
1k views

Using a carousel pattern to display a set of questions

I'm considering using the carousel pattern to ask questions in a more dynamic and engaging way (this is my hypothesis). The carousel isn’t the only element on the site and will be displayed at the ...
user avatar
  • 451
2 votes
2 answers
2k views

Infinite (looping) carousel vs lineal one

For a slider-carousel - not a banner-looking one, but one that acts as a very functional tabbed navigation -, is there any advantages to having it loop infinitely? In case it's not clear, there are ...
user avatar
  • 3,061
4 votes
3 answers
783 views

What is the optimal number of images in a carousel so the user can see all of it?

I am working on a client's clothing store website. He asked for 7 plus images in the carousel, all with the horizontal transition. He wants to update his product daily with the latest items in the ...
user avatar
2 votes
2 answers
85 views

Building a Jobs page, should I go with a list display or slider?

I'm wondering which would be the better route from a usability perspective to take as I've had some disagreement with a colleague of mine. We are trying to build a Jobs page which will list all of ...
user avatar
0 votes
2 answers
206 views

How to build a web UI to configure (start/stop) a slide-show?

We just launched a (very) new website on which we strive to give to the user a top-notch immersive experience. Feel free to dig deeper on the site to get used with the mood around there. It seems ...
user avatar
3 votes
2 answers
4k views

Sliders/Carousels vs. Scrolling

I'm trying to figure out the value of an image carousel vs. scrolling for a portfolio site. Obviously because it is a portfolio the images are the main content and at first glance displaying them in a ...
user avatar
  • 33
0 votes
3 answers
691 views

Three carousels side by side on the home page, bad idea?

My client wants to build an e-commerce website where he wants to display his products(clothing items) on carousels.He is asking me to add three carousels side by side as shown in the drawing in the ...
user avatar
6 votes
1 answer
794 views

Is an office-lobby monitor slideshow any more usable than a homepage carousel?

I've got a real-world variant on the classic "Are Carousels Effective" question. My office, like many others, has a 40 inch LCD TV hanging on the wall in the lobby, and on it displays a looping ...
user avatar
  • 2,301
2 votes
2 answers
201 views

Can I use the same touch gesture to navigate between screens and to interact with content on screen?

I have a situation where I don't really know if there is a possibility that the user experience can get sloppy. Its specifically for an iPhone app if it matters. Basically, I have two views, a list ...
user avatar
  • 125
1 vote
2 answers
240 views

Carousel - To have or not to have images on slides

As a developer I'm involved on a discussion about Carousels. We have a CMS backoffice where the user can activate a carousel for his/her site. The main point is wether or not is needed to make ...
user avatar
  • 113
1 vote
2 answers
1k views

On an E Commerce Website how effective is a Hero Banner?

We have a design where a Hero Banner covers nearly 70% of the Landing Screen of the HomePage, it consists of a carousel which has collection of 5 of our best offers. I have been going through data ...
user avatar
  • 85