It was written probably a decade ago but is unfortunately a classic.
It truly is the cause of and solution to all of your website's problems.
Or to view it more cynically, SEO is the Swiss Army knife that can simultaneously excuse away poor performance while justifying additional expenditure.
https://www.nytimes.com/interactive/2020/12/17/world/asia/in...
half way down the page - to suddenly reduce the size of the page content.
Example:
You are a contractor who makes their living off of their reputation. You have a set of testimonials (maybe 5-8).
A user visiting your website may be browsing for several reasons - and may or may not be interested in what others have to say about you. Collapsing all of the testimonials down into a single carousel shows you have testimonials and allows the user to browse through them if they’d like without forcing them to scroll through each one.
This content is repetitive - if you’ve seen one that conveys enough information - but each one potentially provides incremental reassurance for a user if they need that.
This is one of those things that really needs A/B testing. I'd bet the other direction: that sites get more conversions if they show a few testimonials on the landing page, than if there's a link to a page full of them but none directly on the landing page. Of course, you could just do both.
The stats don't lie.. but what is a better way to present information?
If you must hide some information for whatever reason (to preserve space, to increase user engagement metrics), perhaps tabs would work. They can have useful labels which are better than the navigation dots on the carousel.
1. Write a short summary of every content phase, and initially just straight up list those summaries each linking to details[0].
2. As an improvement, consider if you want the user to click/tap to expand a point without leaving the page. Pay special attention to accessibility, tabindex, aria-describedby et al. as you do that.
3. At certain viewport sizes, you may put details to the side, and highlight the expanded point.
4. Then, as a final step, you could also cycle expanded points until first user input. Respect prefers reduced motion flag.
Voilà, you have a carousel but thought-through, accessible and purposeful.
[0] There is a natural limit on the number of points that can be shown. Make sure to be clear about the purpose of the widget. If a business is attempting to list more than 4–5 points, either there is a problem with focus or there are nearly non-overlapping audiences (e.g., seller/buyer) and resource should correspondingly be split into multiple entry points. These are aspects where design cannot be decoupled from business decisions.
if you don't have space, then you have too much information and need to make prioritization decisions
carousels are often the reflection of the inability to make a decision
This is when the app forces you to click on one tip after another before you are allowed to use the app.
It just frustrates the user who just wants to get to the button that does the job. He doesn't want to pay attention to your tips. If your app is hard to figure out without those tips, redesign it.
[1] https://www.nngroup.com/articles/mobile-instructional-overla...
He says much the same, but has some good ways to fix it in a game world. I think it's much harder to have the environmental queues in an app, but I'd be curious what it'd look like.
Even if I wanted tips, brain is full.
This page executed flawlessly on this requirement. Bonus points for having one slide with very short text to make me click through and the next slide with very long text.
<p hidden>Senior management's latest idea</p>And so since its not optimizing for engagement, it is purely aesthetic, but aesthetic in the sense that it can have poor features that other serious companies use. A Fortune 500 website would have notoriously shitty aspects, do that if you want audiences that think that is clout.
Fortunately my non-North American and younger North American audiences don't even care about websites. All commerce is driven straight through chat apps. And do I really want the clientele that thinks I need a website that they will accidentally find on a search engine, or by accidentally typing a .com in the address bar by habit? no. I've considered make my fonts smaller and thinner hoping they think thats a problem and bounce, I like the aesthetics of thinner fonts but its more like thinking maybe I can just ignore the issue from the people who are less likely to be able to read it since they're not the target audience anyway.
I'm pretty much never doing things for SEO. Everyone's just going to click through from a chat app, or a twitter feed because someone else was talking about it. Since a lot of people swear by other e-commerce books that never made them a dime and have opposite advice, maybe I should release my own.
Or maybe the intent is just for the subliminal nature. So when you see the same or related images later, you'll pause just a bit longer.
Although a carousel to display a group of images ( like car shots, the interior, etc ) seems to be the best of what I know.
They’re not so good for text heavy or ‘critical’ content that you want people to definitely read.
It helps if the content is visual and users can see the next slide peeking through, it hints that there’s more to see. Autoplay is always bad imo
You can code this with basic CSS too unlike most carousel behaviours that have complex code for simulating scrolling and looping. If you check the open/closed GitHub issues on most carousel plugins, you'll see what a big source of bugs they are.
https://www.nngroup.com/articles/horizontal-scrolling/ (2014) says to avoid horizontal scrolling on desktop but is there anything more recent and with metrics?
Not all carousels are horrendous, but they are all bad. Even worse, all use cases have a significantly better, simpler solution.
Thanks for the share.
Mad Men, Carousel pitch: https://youtu.be/suRDUFpsHus
And the Carousel scene from Logan’s Run: https://youtu.be/viWT4JWWfTg
Forty is the new thirty…
Some previous discussions:
2 years ago https://news.ycombinator.com/item?id=23754676
9 years ago https://news.ycombinator.com/item?id=6018316
Coincidence?