Questions tagged [carousel]
Carousels, aka Sliders, are an interactive widget/design pattern used to present multiple featured content items in a limited space.
87 questions
1
vote
1
answer
69
views
Carousel - hide navigation elements?
My case:
should I have to hide navigation elements of carousel (like arrows or fors) when admin upload only one card to it? Or maybe I should display disabled arrows on the both sides?
I will be very ...
- 11
0
votes
0
answers
14
views
App revamp onboarding suggestions that is low development effort? [duplicate]
I'm working on an app revamp, and due to timeline constraints, I'm figuring out how to best onboard existing users to the newly designed app. Are there any best practices or suggestions to this?
I'm ...
- 51
1
vote
2
answers
303
views
Carousel with focusable items
I have a carousel with partial display of the items on the far left/right. Every item has a button to open additional information under the carousel (the item then becomes "active" with some ...
1
vote
3
answers
149
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 ...
- 21
1
vote
1
answer
284
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 ...
- 221
0
votes
2
answers
2k
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 ...
0
votes
1
answer
242
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. ...
- 111
0
votes
2
answers
328
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 | ?
- 3
0
votes
1
answer
275
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 ...
- 103
1
vote
3
answers
2k
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 ...
- 123
1
vote
2
answers
899
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 ...
1
vote
1
answer
56
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 ...
- 65
1
vote
1
answer
169
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 ...
- 243
1
vote
3
answers
696
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 ...
- 11
1
vote
1
answer
100
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 ...
3
votes
1
answer
615
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 ...
- 61
0
votes
1
answer
116
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....
-1
votes
1
answer
128
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 ...
- 101
5
votes
2
answers
2k
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 ...
4
votes
3
answers
6k
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 ...
- 1,773
2
votes
1
answer
328
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 ...
- 21
2
votes
2
answers
1k
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 ...
- 101
0
votes
2
answers
255
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 ...
- 103
3
votes
2
answers
306
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 ...
- 61
2
votes
2
answers
338
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....
- 23
0
votes
1
answer
218
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 ...
- 4,348
4
votes
1
answer
804
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 ...
- 4,348
0
votes
1
answer
94
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 ...
- 3
1
vote
2
answers
157
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 ...
- 121
38
votes
6
answers
9k
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,167
1
vote
1
answer
683
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.
...
- 7,935
2
votes
2
answers
546
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? ...
- 1,773
2
votes
2
answers
113
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 ...
- 277
0
votes
2
answers
114
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 ...
- 339
0
votes
5
answers
890
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/...
- 1
4
votes
2
answers
459
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.
...
- 999
3
votes
2
answers
123
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.
...
- 33
2
votes
3
answers
2k
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?
- 23
5
votes
8
answers
4k
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" ...
- 1,833
3
votes
4
answers
3k
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 ...
- 131
0
votes
1
answer
161
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 ...
- 1,298
2
votes
2
answers
2k
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 ...
- 123
0
votes
2
answers
2k
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 ...
- 451
2
votes
2
answers
3k
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 ...
- 3,089
4
votes
3
answers
2k
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 ...
- 143
2
votes
2
answers
91
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 ...
- 187
0
votes
2
answers
222
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 ...
- 153
3
votes
2
answers
7k
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 ...
- 33
0
votes
3
answers
891
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
1
answer
799
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,311