• Apply To Contribute To AlleyWatch
    • Write for AlleyWatch
  • Tell Us About Your Startup
  • Email Signup
  • Advertise on AlleyWatch
AlleyWatch
  • Business
  • Startups
  • Funding
  • Women in Tech
  • NYC Tech
No Result
View All Result
  • Business
  • Startups
  • Funding
  • Women in Tech
  • NYC Tech
No Result
View All Result
AlleyWatch
No Result
View All Result
Home Resources Advice

Home Page Usability: 5 Simple Rules for Rotating Banners

Linda Bustos by Linda Bustos
Home Page Usability: 5 Simple Rules for Rotating Banners
Share on FacebookShare on Twitter

website design tips_carousel

Home page carousels (or rotating banners) are a web designer’s darling, and are often demonized by Web usability experts because they take up valuable home page real estate, can be distracting and even detracting from conversion goals (in the case of the home page, a click rather than a bounce).

But user testing by the Baymard Institute supports the idea that users do like home page carousels (designers rejoice!) — provided they are implemented in a user-friendly way.

The following are 5 guidelines adapted from the Baymard Institute’s Home Page and Category Usability Report.

1. Users likely won’t see all slides, as they scroll on down, so beware of linking to important site features and offers only from carousel slides (e.g. product finder).

2. Because users are not likely to see every slide, your initial slide should be your most important slide.

3. Since an animated carousel quickly grabs attention, if it doesn’t reinforce the products you sell, your site’s flavor may not be inferred (example)

4. Auto-rotation is a good practice, provided slides don’t rotate too quickly (especially if they include text), and that slides pause when hovered over, and permanently pause when interacted with (clicked). Users can re-initiate rotation by clicking next/previous buttons, arrows or slide indicators.

Ring

If my mouse is above this, then it should really pause [..],” a subject explained at Blue Nile, “because otherwise I risk clicking the wrong slide just as it changes, like it just did, and I’ll get the wrong page. So, pause.”

5. Slides should not rotate too slowly. Users aren’t very patient online, you know. Baymard Institute recommends 5-7 seconds for simple slides, and up to 10 seconds for text-heavy slides. 

About the Home Page and Category Usability Report: Baymard Institute recruited 20 test subjects between the age range of 21–56, examining 19 of the largest e‐commerce websites following the “Think Aloud” protoco, including Amazon, Best Buy, Blue Nile, Chemist Direct, Drugstore.com, eBags, Gilt, GoOutdoors, H&M, IKEA, Macy’s, Newegg, Pixmania, Pottery Barn, REI, Tesco, Toys’R’Us and Zappos.

Reprinted by permission.

Image credit: CC by zigazou76

Tags: Baymard InstituteBlue NileCarouselHome pagePixmaniaPottery BarnRotationWeb usability
Previous Post

A VC Spotlight: Jeff Bussgang

Next Post

How to Disable Twitter’s Invasive New Ad Tracking

Next Post
How to Disable Twitter’s Invasive New Ad Tracking

How to Disable Twitter's Invasive New Ad Tracking

ABOUT ALLEYWATCH

ABOUT US
ADVERTISE
EDITORIAL GUIDELINES
LEGAL
PRIVACY
TERMS OF USE

CONTACT

CONTACT US
ADVERTISE
TIPS
WRITE FOR US

CHANNELS

NYC VC
NYC TECH EVENTS
NYC TECH NEWS
NYC STARTUPS
NYC COWORKING
TECH DIRECTORY

© 2023 AlleyWatch | All Rights Reserved | Proudly Made for NYC

No Result
View All Result
  • Home
  • Startups
  • Funding
  • AlleyTalk

© 2023 AlleyWatch | All Rights Reserved | Proudly Made for NYC

You are seconds away from signing up for the hottest list in New York Tech!

Join the millions and keep up with the stories shaping entrepreneurship. Sign up today.

Close this popup