Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange
Join us in building a kind, collaborative learning community via our updated Code of Conduct.

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

4
votes
2answers
170 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 ...
3
votes
3answers
231 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 ...
2
votes
1answer
58 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 ...
2
votes
2answers
258 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 ...
0
votes
2answers
57 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 ...
0
votes
0answers
36 views

How can I make a set of content carousels with a set of selection buttons more accessible?

I have a set of buttons at the top of a content block. They allow the user to show and hide individual content carousels containing information cards. Some of these carousels are not shown on page ...
3
votes
2answers
151 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 ...
0
votes
0answers
78 views

Infinite carousel of 18 things or 4 carousels of 6 things

For a table interactive, I have a menu of 18 things presented in a carousel. Those 18 items are divided into four categories. The carousel will move by swiping either side, and the menu on top will ...
2
votes
2answers
187 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....
0
votes
1answer
113 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 ...
5
votes
1answer
286 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 ...
0
votes
1answer
78 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 ...
1
vote
2answers
92 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 ...
38
votes
6answers
7k 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? ...
1
vote
1answer
245 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. ...
3
votes
2answers
176 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? ...
2
votes
2answers
65 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 ...
0
votes
2answers
94 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 ...
0
votes
5answers
699 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/...
4
votes
2answers
176 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. ...
3
votes
2answers
112 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. ...
2
votes
3answers
712 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?
5
votes
8answers
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" ...
3
votes
4answers
654 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 ...
0
votes
1answer
117 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 ...
2
votes
2answers
687 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 ...
0
votes
2answers
292 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 ...
2
votes
2answers
783 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 ...
4
votes
3answers
191 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 ...
2
votes
2answers
70 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 ...
0
votes
2answers
130 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 ...
2
votes
2answers
2k 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 ...
0
votes
3answers
508 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 ...
6
votes
1answer
758 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 ...
2
votes
2answers
188 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 ...
1
vote
2answers
222 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 ...
1
vote
2answers
831 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 ...
2
votes
2answers
610 views

Best way to show a collection of images/media on a mobile site?

I am currently working on a mobile version of my website (separate from the desktop one) and I need to display a collection of images on a particular page. On the Desktop version, I had used a ...
3
votes
2answers
2k views

Swipe gesture vs prev/next buttons

Let's say you are navigating through an image carousel and you're on a touch device. Which navigation method do you prefer: prev/next buttons or swipe-left/right gesture? I'm trying to convince my ...
0
votes
2answers
509 views

Is it good to present unlimited data in carousel view?

I have unlimited list of contacts. That list will contain my contacts plus shared contacts with me. I want to know: It will be good practice to represent that list in carousel view. Or should i ...
2
votes
3answers
169 views

Display an entire list of items OR show a few at a time

PROBLEM Currently working on some enhancements to a control panel admin bar. This bar displays a list of modules that a user can install on their site. Currently the module list shows everything at ...
3
votes
4answers
643 views

What is an alternative for a horizontal accordion?

I currently have a vertical accordion in my design that is working for me. I have a potentially large number of top level items that I can load on-demand, and each accordion section has probably 10 ...
4
votes
2answers
259 views

Are carousels effective on non-Ecommerce sites [duplicate]

We run digital magazine websites. We use a carousel to feature content. Since we are interested in the user clicking through to view the content, and not converting them to anything (these are inhouse ...
2
votes
2answers
247 views

Should a homepage carousel rotate automatically or not? [duplicate]

For a media site with a lot of content (news/headlines) to display upfront, should the homepage carousel (each slide has an image associated with) rotate automatically or not? Are there any studies ...
1
vote
0answers
33 views

Is the use of carousels good? Do users actually know how to use a carousel? [duplicate]

The question is pretty much what is on the title. I keep having the feeling that building a multiscreen (responsive/adaptative) environment with carousels is something that the users don't know how to ...
0
votes
1answer
367 views

Add button as part of a custom carousel menu

A client wants a web app built where the user can add items to a 3*2 carousel. There would be arrow buttons on either side that make it slide to the next 6 items, and so on. However the design calls ...
3
votes
6answers
5k views

How long should an image carousel on a homepage wait before starting?

Assuming one has to go with an image carousel (see this question for reasons why this isn't the best UX to begin with), how long should the carousel wait before beginning and switching? I recently ...
5
votes
2answers
1k views

Should Carousels auto-scroll?

I am redesigning a portfolio site and a suggestion was given that we should use a carousel to show featured works. This would allow us the flexibility to define as many featured works as needed. ...
4
votes
1answer
642 views

Effect for smooth scrolling over slider/carousel

What is this effect called? http://ruudvaneijk.nl/ when you scroll down you see it scrolls a bit over the slider on the top. I searched the internet for half an hour but could not find how it's ...
3
votes
2answers
218 views

Do IT workers interact more with carousels?

I came across a question this morning. I've read many studies which demonstrates that carousel aren't effective at all, mainly because they look like banners and users are blind to them. One of the ...