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
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
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
mkasumi
0
1.1k
アイデアを加速させる!Firefly ボードで発想の幅を広げよう
connecre
1
340
Ralph Penel Portfolio
ralphpenel
0
320
2026年の勢い / Momentum for 2026
bebe
0
390
デザインするために「多様性」について考える
iflection
0
220
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
bitkey
PRO
0
270
UI/UX & Web Design Portfolio 2025|Madoka Kumagai
madoka_portfolio
2
170
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
root_recruit
0
400
越境するデザイン人材:デザイナーが社会資本となる世界へ
goodpatch
2
540
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
koyaman
1
1.5k
Signull 団体説明資料
signull
0
130
OJTで学んだ 「心を動かす」ファシリテーション
saki822
1
260
Featured
See All Featured
エンジニアに許された特別な時間の終わり
watany
106
240k
Balancing Empowerment & Direction
lara
5
930
Art, The Web, and Tiny UX
lynnandtonic
304
21k
Odyssey Design
rkendrick25
PRO
2
540
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
1.9k
Being A Developer After 40
akosma
91
590k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.4k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
380
ラッコキーワード サービス紹介資料
rakko
1
2.5M
Bash Introduction
62gerente
615
210k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
110
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?