Skip to content

Instantly share code, notes, and snippets.

@garrett
Last active February 12, 2018 16:51
Show Gist options
  • Save garrett/021dfb17b0bea4b476e2 to your computer and use it in GitHub Desktop.
Save garrett/021dfb17b0bea4b476e2 to your computer and use it in GitHub Desktop.
Why carousels are awful

Why carousels are awful

This is from a rant of mine on IRC a while back. It has been minimally cleaned up.

  1. tons of interaction issues
  2. if the content changes under the mouse, you click on the wrong thing
  3. timing is either too long or too short
  4. often not accessible
  5. everything but the first is not important, as it's often not seen
  6. obscures content by default
  7. maintaining them is hard
  8. they go stale very fast, especially for a project
  9. forced size makes either padding or reducing the message necessary
  10. do you click on the image, the text, or is there a link?
  11. is it just a bunch of images or is it really HTML?
  12. if HTML, is it going to overflow and be clipped or foul up the layout?
  13. if images, will it be translatable or editable?
  14. it doesn't work properly on touch-based devices (phones, tablets, Win8, etc.)

It's better to just organize the content on the page and make it all easy to look at and interact with (than to shove a lot of content into an animated area)

If you still insist on using carousels, then it's a very good idea to read this: http://www.nngroup.com/articles/designing-effective-carousels/

@garrett
Copy link
Author

garrett commented Oct 27, 2016

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment