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
labettis
April 29, 2015
Design
140
0
Share
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
250
Buzzwords vol. 1: Sprints/Phases and MVP
labettis
0
280
Quora - A Versatile Research Tool
labettis
1
110
IndoorNavigation
labettis
2
180
Content Marketing
labettis
0
200
Other Decks in Design
See All in Design
UI/UX & Web Design Portfolio 2025|Madoka Kumagai
madoka_portfolio
4
240
はじめての演奏会フライヤーデザイン
chorkaichan
1
300
図面資産×AI 眠れる資産を起こす挑戦
aonomasahiro
0
130
30分でわかるインサイトマネジメント(2025年12月バージョン)
centou
1
620
セブンデックス プロジェクト事例 / innovation Scenes
sevendex
1
820
CULTURE DECK/Marketing Director
mhand01
0
1.3k
なぜ、インサイトを貯めるのか?
tajima_kaho
2
2k
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
abokadotyann
3
830
情報を翻訳する-伝わる可視化3原則とオープンデータ活用-
hjmkth
1
250
結びながら、ひらく - にじむ境界のデザイン
hilokifigma
4
1.7k
「見せる」登壇資料デザインの極意
takanorip
3
840
Техники структурирования беседы с собой, заказчиком и командо
ashapiro
0
150
Featured
See All Featured
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
190
Code Review Best Practice
trishagee
74
20k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Bash Introduction
62gerente
615
210k
Designing Powerful Visuals for Engaging Learning
tmiket
1
380
Git: the NoSQL Database
bkeepers
PRO
432
67k
Rails Girls Zürich Keynote
gr2m
96
14k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
390
The Limits of Empathy - UXLibs8
cassininazir
1
340
What's in a price? How to price your products and services
michaelherold
247
13k
Automating Front-end Workflow
addyosmani
1370
210k
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?