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
220
Buzzwords vol. 1: Sprints/Phases and MVP
labettis
0
230
Quora - A Versatile Research Tool
labettis
1
66
IndoorNavigation
labettis
2
140
Content Marketing
labettis
0
170
Other Decks in Design
See All in Design
Credence
lratmansunu
0
460
今日から始める グラレコ チャレンジ DevRel/Tokyo #94 〜グラレコ チャレンジ〜
moshimoshiyuki
0
110
デザインスプリントを活かすチームの在り方
mixi_design
PRO
2
790
私の困りごとと解決案 / My issues and proposed solutions
kubosho
1
290
Карта реализации историй — убийца USM
ashapiro
0
210
デザインからアプリ実装まで一貫したデザインシステムを構築するベストプラクティス
shuzo
14
6.2k
DMMデザイン組織の生成AI導入プロセス - Adobe Fireflyと振り返る約1年とこれから -
takumasaito
1
370
20241019-CUD友の会「困った!を解決するデザイン改訂版」交流会
majimasachi
0
260
Slip N Slime - Character Design Ideation
thebogheart
0
310
SpectrumTokyoMeetup12_自動貯金アプリ『finbee』での取り組みについて
shihorishimazu
2
390
Commune_Brand_Guideline_JA
commune
1
160
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
410
Featured
See All Featured
Site-Speed That Sticks
csswizardry
0
25
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
BBQ
matthewcrist
85
9.3k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
159
15k
The Cult of Friendly URLs
andyhume
78
6k
Automating Front-end Workflow
addyosmani
1366
200k
How GitHub (no longer) Works
holman
310
140k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.3k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Designing on Purpose - Digital PM Summit 2013
jponch
115
7k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
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?