Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Above the Fold mentality in Web Design
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
labettis
April 29, 2015
Design
150
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Above the Fold mentality in Web Design
Lunch and learn topic for S|O on the Above the Fold mentality in Web Design
labettis
April 29, 2015
More Decks by labettis
See All by labettis
User Story Mapping
labettis
1
260
Buzzwords vol. 1: Sprints/Phases and MVP
labettis
0
300
Quora - A Versatile Research Tool
labettis
1
110
IndoorNavigation
labettis
2
180
Content Marketing
labettis
0
210
Other Decks in Design
See All in Design
AVI 2026 Keynote "Vision-Driven Design"
ishii_mit
0
110
CULTURE DECK/Creative Director
mhand01
1
1.5k
decksh object reference
ajstarks
2
1.8k
セブンデックス プロジェクト事例 / innovation Scenes
sevendex
1
1.7k
ISO 9241-171:2025っていうのがあってな
shosira
1
250
絵や写真から学ぶ、要素がもたらす副作用
kspace
0
480
デザインとフロントエンドの境界が融ける Claude Code × Figma
littlebusters
2
3.4k
Of Ordination and Rebellion exploration sketches
rezaline
0
200
改正JISを見据えた、企業のアクセシビリティ対応ロードマップ
securecat
1
430
PAMPHLET.pdf
mhand01
0
1.6k
Signull 団体説明資料
signull
0
780
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
nbkouhou
3
590
Featured
See All Featured
Paper Plane (Part 1)
katiecoart
PRO
1
10k
Evolving SEO for Evolving Search Engines
ryanjones
0
260
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
950
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
710
Amusing Abliteration
ianozsvald
1
260
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.8k
AI Search: Where Are We & What Can We Do About It?
aleyda
0
7.8k
Marketing to machines
jonoalderson
1
5.7k
Building the Perfect Custom Keyboard
takai
2
850
Between Models and Reality
mayunak
4
400
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
360
Transcript
Need to place this FOLD above the
users only look FOLD above the
start with carousel FOLD above the
a mentality FOLD above the
history
None
Yes! The content I was looking for is Above the
Fold!
what changed?
what changed? & expectations user behavior
what changed?
no patience
None
2006 76% 77%
80% 20%
66%
Control Image Scroll Arrow Short Image Animated Image v 91%
scrolled 91% scrolled immediately 91% reached bottom 100% scrolled 92% scrolled immediately 92% reached bottom 92% scrolled immediately 92% reached bottom 100% scrolled 91% scrolled 91% scrolled immediately 73% reached bottom
None
attention build up build up build up build up the
prize
None
carousels
sliders
history
None
None
None
None
None
None
reasons against?
reasons against? usability concerns
reasons against? performance
reasons against? (statistically) ineffective
usability
usability
usability
usability
usability
Top 5 Reasons for blah blah An important headline for
stuff This is the article to read Insightful things for people usability
Top An This Insig usability
None
Top 5 Reasons for blah blah An important headline for
stuff This is the article to read Insightful things for people } performance
Top 5 Reasons for blah blah An important headline for
stuff This is the article to read Insightful things for people performance
Complexity isn’t necessarily bad, and you can certainly justify extra
effort for something that will pay off, but… Brad Frost
ineffective
1% click through rate
1% click through rate 89% first slide
None
alternatives
None
None
other examples?