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
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
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
260
Quora - A Versatile Research Tool
labettis
1
94
IndoorNavigation
labettis
2
170
Content Marketing
labettis
0
200
Other Decks in Design
See All in Design
社員の意識を高めたブランド浸透施策の裏側!
mixi_design
PRO
0
110
公開スライド)熊本市様-電子申請中級編
garyuten
0
1.1k
爆速開発でAIプロダクトが40万インプレッションになった話
tsubura
0
220
コンテンツ作成者の体験を設計する
chiilog
0
130
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
pixyzehn
0
160
Vibe Coding デザインシステム
poteboy
3
1.8k
研修担当者が一番伸びた 熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
garyuten
2
340
デザイナーとエンジニアで 同じ山に登ろう
moco1013
0
190
設計と制作 意図を形に表す / Design and Making: Intent Made Form
usagimaru
3
1.3k
TUNAG BOOK 2024
stmn
PRO
0
1.5k
CREATIVE CLASS受講課題|無印良品を題材としたブランド再構築について
happy_ferret153
0
790
OJTで学んだ 「心を動かす」ファシリテーション
saki822
1
280
Featured
See All Featured
KATA
mclloyd
PRO
35
15k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
1
1.5k
Fashionably flexible responsive web design (full day workshop)
malarkey
408
66k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.6k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
2.6k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
2
610
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
160
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
490
Mind Mapping
helmedeiros
PRO
1
140
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
130
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
79
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?