4

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.

mockup

download bmml source – Wireframes created with Balsamiq Mockups

Once the user reaches the end of the available content, say image 25, i'd like the scrolling to automatically recommence at image 1. However, the standard practice seems to be disabling the right arrow and getting the user to scroll back through all the images (using the left arrow) until they reach the first image.

Are there any ux issues regarding the implementation of this proposed behaviour?

I haven't been able to come up with any yet, aside from the fact that it won't be a good experience if there are only say, 6 images.

3

I think it is a mistake to show images in a loop, this is confusing.

It is important for users to know when the carousel ends. I always use a disabled arrow in the right when the last image is active.

  • Depends on the subject matter but it is import to have a bread crumb trail, usually dots, that are clickable, so users can move about. Carousels by their nature are a circle but again forward/back arrows (either instead or or as well as arrrows) plus a 'back to start' type of symbol or text at the end. Again that depends on the subject! – indofraiser Aug 3 '16 at 22:08
1

It depends...

If your slide show has a progressive flow with a clear start and finish - you should not loop.

Example: how to make a waffle or how to connect to a wifi network on an iPhone.

If images in your slideshow have no specific order - you can put them in a loop.

Example: park pictures, pictures of a car (2015 Audi RS4)

  • Rather specific car example.. :) – maxathousand Jul 29 '16 at 16:30
  • This is the answer I was going to write. – adriennetacke Jul 29 '16 at 17:00

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.