A few years ago, everyone was clicking. Today, we’re all scrolling. Twitter, Pinterest, Facebook, Instagram, and Medium – it seems everyone is getting on the infinite scroll bus. What is it about this magical design pattern that has so many consumer web companies using it?
Not too long ago, users were forced to reload pages to progress from one piece of content to the next. Web designers were advised against creating websites with information appearing “below the fold”, the portion of the page underneath what is displayed on the screen. As mobile phones and tablets gained wider adoption, it looked like the swipe might become standard fare. But that’s all changed now. Today, designers are dumping the click and flick and opting for the scroll for one simple reason – it works.
The Endless Search
The infinite scroll is interaction design’s answer to our penchant for endlessly searching for novelty. Certainly, there are technical reasons for the scroll’s increasing ubiquity. The rise of dynamic content, like a new comment entering the feed, necessitated a better solution than pagination built for static content. But to really understand why the scroll works so well requires a brief trip inside the mind and back in time.
Our brains evolved through the millennia into incredible prediction machines, designed to help us make sense of our environment. Our species benefited from our ability to make good decisions based on what we know is likely to happen in the future, thus, keeping us alive long enough to make babies and spread our genes.
To make correct predictions, the brain accesses memories, which allow us to deduce what’s coming next in a nearly instantaneous process of pattern recognition. The ability to learn is simply the conditioning of the brain to recognize cause and (blank).
You were expecting “effect” weren’t you? Of course you were. That’s because your brain has learned that these two words, “cause” and “effect”, tend to go together.
It’s this conditioning that creates cognitive shortcuts and habits, allowing us to process tremendous amounts of information all at once. Our brains move known causal patterns to long-term storage so that our attention can be devoted to learning new things.
And nothing holds our attention better than the unknown. The things that captivate, engross, and entertain us, all have an element of surprise. Our brains can’t get enough of trying to predict what’s next and our dopamine system kicks into high-gear when we’re waiting to know if our team will make the field goal, how the dice will land, or how the movie plot ends. Like a loose slot machine, the infinite scroll gives users fast access to variable rewards.
Interestingly, our brain isn’t wired to seek pleasure alone. In fact, much of our motivation comes from alleviating the pain of desire. Dopamine levels spike when we’re just about to find reward and plummet after we receive it. To get us to do just about anything, evolution uses this chemical cascade to induce anticipation, motivation, and finally pain alleviation. Somehow we call this endless merry-go-round “fun.”
Once You Pop
Few other methods for displaying information produce the curiosity to see what’s next like the infinite scroll. Like coffee and chocolate, the infinite scroll pairs particularly well with another increasingly-used design pattern, the masonry grid layout made famous by Pinterest. Cliff Kuang, editor of Co.Design, wrote, “… the Pinterest-style grid forces the eye to zig-zag through content, slowing down your scrolling but packing more images onto the screen at any given point.”
The barrage of enticing content speeds users up, enticing them to scroll, while the grid slows them down, retaining their attention and moderating their thirst for more and more stimulation. The visual tension is mesmerizing and addictive. Don’t believe me? I dare you to go to the Pinterest homepage and not feel tempted to scroll just once. It’s like opening a can of digital Pringles.
To Mobile and Back
The infinite scroll has benefited both mobile and web interfaces as designers seize the opportunity to make consistent experiences across both versions of their products. Once users learn how to use a product, they form habits related to their expectations of how the service works. It is here that design becomes a competitive advantage as users find it difficult to switch to a competitor’s product because it “feels weird” even if its functionally works just as well.
Recently, the tail wags the dog as the constraints of the mobile experience influence the design of websites accessed on large screens. Creating an interface optimized for mobile and porting these interface decisions to the web, makes good sense given the projections that mobile is becoming the primary way people access the Internet. While certainly not perfect for every scenario, its efficient use of the mobile screen, ability to load dynamic content, and addictive characteristics, means we’ll all be doing a lot more scrolling.
Top Consumer Psychology Articles
- So, You Want To Become a Great Product Manager? [Q&A with Jackie Bavaro]
- Will Clubhouse be a Habit or Has-Been?
- The One Fitness App That Hooked Me For Good
- Here’s How Fortnite ‘Hooked’ Millions
- How Apps Can Shape Your Future Self
- How Netflix’s Customer Obsession Created a Customer Obsession
- Want to Design User Behavior? Pass the ‘Regret Test’ First
- How to Trigger Product Usage that Sticks
- How to Get People to Help Each Other, Online and Off
- Here’s How Amazon’s Alexa Hooks You
- How to Use Psychology to Make Persuasive Video
- How to Use Personality Science to Drive Online Conversions
- The Unbelievable Future of Habit-Forming Technology
- The Secret Marketing Power of Evolutionary Psychology
- Don’t Ask People What They Want, Watch What They Do
- How Cognitive Biases Can Help (and Hurt) Your Business
- What Most People Don’t Know About Behavioral Design
- How to Start a Career in Behavioral Design
- Your World is Full of Placebo Buttons (and That’s a Good Thing)
- How to Build Technology that Feels Like a Friend
- 3 Pillars of the Most Successful Tech Products
- Here’s How to Ethically Manipulate Other People
- How Two Companies Hooked Customers On Products They Rarely Use
- How to Hook Users in 3 Steps: An Intro to Habit Testing
- Die Dashboards, Die! Why Conversations Will Reinvent Software
- The Secret to Sending Emails and Notifications That Work
- How to Win Your Competition’s Customers
- Hooked for Good: How Habit-Forming Products Improve Lives
- Good Products Start With Good Questions
- Human + A.I. = Your Digital Future
- Why ‘Assistant-As-App’ Might Be the Next Big Tech Trend
- People Don’t Want Something Truly New, They Want the Familiar Done Differently.
- 4 Ways to Win Your Competitor’s Customer Habits (Slides)
- Here’s Why You’ll Hate the Apple Watch (and the Important Business Lesson You Need to Know)
- The Secret Psychology of Snapchat
- The Psychology of Notifications: How to Send Triggers that Work
- How Technology Tricks You Into Tipping More
- The Limits of Loyalty: When Habits Change, You’re Toast
- 4 Ways to Use Psychology to Win Your Competition’s Customers
- The Real Reason “Stupid” Startups Raise So Much Money
- The Psychology Behind Why We Can’t Stop Messaging
- The Psychology of a Billion-Dollar Enterprise App: Why is Slack so Habit-Forming?
- Framing Reward is as Important as Reward Itself
- A Free Course on User Behavior
- It’s Not All Fun And Games: The Pros and Cons of Gamification at Work
- Getting Traction: How to Hook New Users
- Designing for Behavior Change Book Review
- The Sneaky Trick Behind the Explosive Growth of the Kardashian Game
- How Successful Companies Design for Users’ Multi-Device Lives
- The Link Between Habits and User Satisfaction
- What Triggers The Best Word of Mouth Marketing?
- What Tech Companies Can Learn from Rehab
- The Secrets of Addictive Online Auctions
- Teach or Hook? What’s the Real Goal of Online Education?
- Using Mind Control to Raise Startup Cash
- How To Build Habits In A Multi-Device World
- How To Cope with Your Insane Jealousy Of The WhatsApp Deal
- Why Do Fads Fade? The Inevitable Death Of Flappy Bird
- You’d Be Surprised By What Really Motivates Users
- Nostalgia: A Product Designer’s Secret Weapon
- How You Can Help Users Change Habits
- Is “Lean Startup” Right for Your Idea?
- Hunting for Habits: Keying in on smart design to make a product irresistible
- Are Companies Too Obsessed With Growth? How to Measure Habits
- Refresh: The App a Secret Agent Would Love
- Angel or Devil: Who’s Really Investing In Your Start-Up?
- In 10 Years, We Won’t Use Personal Technology
- 4 Simple Things I Did to Control My Bad Tech Habits
- “Yes, And”: The Two Words that Created a #1 App
- From Laid to Paid: How Tinder Set Fire to Online Dating
- What if In-App Purchases Came to Real Life?
- Hooking Users One Snapchat at a Time
- How To Save Your Startup From The “Spotlight Effect”
- Bible App: Getting 100 Million Downloads is More Psychology Than Miracles
- How to Boost Desire Using the Psychology of Scarcity
- Marketplaces & The Curse of the Network Effect
- Today’s Behaviors, Tomorrow’s Startups
- Venture Capital and The Superstitious Investor
- The Future is Driven by Interface Changes
- Why Business is Addicted to Habits
- Viral Loops Or Viral ‘Oops’?
- Making a Marketplace
- What Killed Turntable.fm?
- What You Don’t Know About Human Intuition Can Hurt You
- Designing to Reward our Tribal Sides
- New Video – “Hooked: Building Habit-Forming Products”
- How Technology is Like Bug Sex
- Ways To Get People To Do Things They Don’t Want To Do
- The Network Effect Isn’t Good Enough
- Mass Persuasion, One User At A Time
- How Investment Drives Engagement (Slides)
- Getting Your Product Into the Habit Zone
- Where Have The Users Gone?
- Infinite Scroll: The Web’s Slot Machine
- Designing User Habits Video
- Psychology of Sports: How Sports Infect Your Brain
- This is Your Brain On Boarding: How to Turn Visitors Into Users
- User Investment: Make Your Users Do the Work
- Behavior by Design Video
- When Designing for Good Is Bad
- Stop Building Apps, Start Building User Behaviors
- The Next Secrets of the Internet
- User Growth and Engagement: A Hacker Metric
- Spotting the Next Facebook: Why Emotions are Big Business
- The Billion Dollar Mind Trick: An Intro to Triggers
- Why Everyone Hates I.T. People
- Hooking Users In 3 Steps: An Intro to Habit Testing
- Abolish The Reference Check
- Variable Rewards: Want To Hook Users? Drive Them Crazy
- How to Design Behavior (The Behavior Change Matrix)
- How To Design For “Normals”
- The Hook Model: How to Manufacture Desire
- User Habits: Why Startups Must Be Behavior Experts
- What Is, and Is Not, Your Product’s Job
- Pinterest’s Obvious Secret
- Personalized eCommerce Is Already Here, You Just Don’t Recognize It
- Where is the Web Going?
- The Developer Divide: When Great Companies Can’t Hire
- Being a Quitter Makes You a Good Entrepreneur
- Behavior by Design
- Why You Should Run Your Business Barefoot
- Are you a Startup Star, Wacko, or Wannabe?