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
120
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
240
Quora - A Versatile Research Tool
labettis
1
73
IndoorNavigation
labettis
2
150
Content Marketing
labettis
0
180
Other Decks in Design
See All in Design
アプリ360onWeb使い方と裏ワザ?紹介!
ikejun360
0
320
新卒の目から見たサイボウズのデザイン組織
ryota5884
0
220
Memory Man v3 (WIP)
storybychad
PRO
0
2.7k
越境するデザイン人材:デザイナーが社会資本となる世界へ
goodpatch
0
240
Character Experience AI 〜 AIキャラクターのつくりかた 〜
smartbank
1
380
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
650
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
2k
A Platform Connecting Brand Philosophy and Assets: "LY Corporation Design Hub"
lycorptech_jp
PRO
0
450
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
410
Portfolio 齋藤明敏 Hiroyuki Saito
crearedesign
0
120
Goodpatch Tour💙 / We are hiring!
goodpatch
31
900k
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
root_recruit
PRO
0
230
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
697
190k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Docker and Python
trallard
46
3.6k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
jQuery: Nuts, Bolts and Bling
dougneiner
65
7.9k
Build The Right Thing And Hit Your Dates
maggiecrowley
38
2.9k
The Pragmatic Product Professional
lauravandoore
36
7k
Music & Morning Musume
bryan
46
6.9k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
Unsuck your backbone
ammeep
671
58k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
A designer walks into a library…
pauljervisheath
209
24k
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?