Would you mind if I’m frank for a moment? Sometimes you have to do things in a way that you know isn’t the way they could or should be done but due to reasons above your pay grade, that’s the way it’s going to be. For example, the decision about whether or not your website’s homepage should use a rotating slider.

On 6/1/2016, ArtsHacker Ceci Dadisman published an article layout out the case for why website sliders are as dead as a dodo and why you should consider converting to static hero images.

But I’m willing to bet that more than a few readers work at an organization where making that conversion is not an option due to technical restraints or there’s someone at the top of the decision making food chain who really loves the sliders so they aren’t going anywhere.

If that sounds like your situation, then you’re in luck because Smashing Magazine published an article by Christian Holst on 7/6/2016 that examines how to go about implementing a landing page slider (which he calls a carousel) the best way possible.

wrong done right

It’s a great post and breaks everything down into ten requirements you need to consider in order to make the most of that option.

  1. All platforms: Sequence the slides carefully, because the first slide will get multiple times the exposure as subsequent slides.
  2. All platforms: The carousel should never be the only way to access a website’s features and content.
  3. Desktop: Only use auto-rotation when the diversion of attention away from other home page elements caused by the animated graphics is acceptable.
  4. Desktop: Rotate slides at a moderate pace — 5 to 7 seconds usually suffices for a slide with just a heading. If the amount of textual information differs between slides, a unique rotation time for each slide is usually called for (a detail almost never adhered to).
  5. Desktop: Pause auto-rotation on hover to avoid changing a slide that the user is likely reading or about to click.
  6. Desktop: Permanently stop auto-rotation after the user has clicked on the carousel’s interface controls.
  7. All platforms: Always indicate the current slide among the set, and allow users to navigate back and forth. Conventionally, this means using dots and arrows that are big enough and that contrast with the underlying image. On the desktop at least, this can be achieved in other ways, such as by using the “table of contents” design.
  8. Touch devices: Due to the lack of a hover state (and, therefore, a way to pause auto-rotation), never auto-rotate on mobile websites or for touch devices.
  9. Touch devices: Support swipe gestures, in addition to any other UI controls.
  10. Mobile devices: Ensure that the text in slides is still readable if you are scaling down artwork from the desktop.

Holt’s post is nothing but accessible and you don’t need to be a programmer or have anything but the most basic of web design knowledge to walk away with something useful.

Read the article at SmashingMagazine.com

About Drew McManus

In addition to my consulting business, I'm also the Principal of Venture Industries Online but don’t let that title fool you into thinking I'm just a tech geek. I bring 20+ years of global broad-based arts consulting experience to the table to help clients break the cycle of choosing one-size-fits-none solutions and instead, deliver options allowing them to get ahead of the tech curve instead of trying to catch up by going slower.

With the vision of legacy support strategy and the delights of creative insights, my mission is to deliver a sophisticated next generation technology designed especially for the field of performing arts. The first step in that journey began in 2010 when The Venture Platform was released, a purpose-designed managed website development solution designed especially for arts organizations and artists.

For fun, I write a daily blog about the orchestra business, provide a platform for arts insiders to speak their mind, lead a team of intrepid arts pros to hack the arts, lead an arts business incubator, and love a good coffee drink.

Don't Stop Hacking The Arts Yet...

  • Level Up Your Logo Design

    Is logo design something you love to hate? Serving as a crown jewel for your branding, it shows up in nearly everything you do but how many organizations consider…

  • website ux mistakes

    The Nielsen Norman Group is made up of researchers who have literally written the books on user experience and usability. Their website is full of helpful articles that you can…

Leave a Comment

Send this to a friend