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
0
130
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
Tweet
Share
More Decks by labettis
See All by labettis
User Story Mapping
labettis
1
240
Buzzwords vol. 1: Sprints/Phases and MVP
labettis
0
250
Quora - A Versatile Research Tool
labettis
1
91
IndoorNavigation
labettis
2
170
Content Marketing
labettis
0
200
Other Decks in Design
See All in Design
2026の目標「もっと定量的に事業、会社へ貢献する!」
yuri_ohashi
0
720
【pmconf2025】PdMの頭の中を見える化する体験構造図
kamechi7222222
1
2k
アンエシカルデザインの枠組みの提案 -HCD-Netダークパターン研究会活動報告-
securecat
0
220
AI時代、デザイナーの価値はどこに?
tararira
0
690
体験負債を資産に変える組織的アプローチ
hikarutakase
0
710
Figmaレクチャー会Part2 もっと使いこなす編@千株式会社 社内勉強会
designer_no_pon
1
280
これからの「Webデザイン」の話をしよう~デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値~
ds35mm
0
580
公開スライド)熊本市様-電子申請中級編
garyuten
0
970
図じゃなく言語で描く - Common Ground for Design AI Operations.
kazukiikeda
1
700
2026年の勢い / Momentum for 2026
bebe
0
390
モビリティプラットフォームの未来を築くクラウド基盤
kossykinto
0
220
デザイナーが主導権を握る、AI協業の本音と実践
satosio
7
2.9k
Featured
See All Featured
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.2k
エンジニアに許された特別な時間の終わり
watany
106
240k
Tell your own story through comics
letsgokoyo
1
830
How STYLIGHT went responsive
nonsquared
100
6k
The Limits of Empathy - UXLibs8
cassininazir
1
240
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
21k
Scaling GitHub
holman
464
140k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
61k
Into the Great Unknown - MozCon
thekraken
40
2.3k
The Art of Programming - Codeland 2020
erikaheidi
57
14k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.6k
Building AI with AI
inesmontani
PRO
1
760
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?