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
230
Buzzwords vol. 1: Sprints/Phases and MVP
labettis
0
230
Quora - A Versatile Research Tool
labettis
1
67
IndoorNavigation
labettis
2
140
Content Marketing
labettis
0
180
Other Decks in Design
See All in Design
ビジョン実現を加速させるデザインプログラムマネージャーの視座とキャリア/ Designship2024_Sato
root_recruit
0
260
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
3.1k
Where to Start with a Design System Across Different Frontend Frameworks | SpectrumTokyoMeetup#15
tararira
0
140
セブンデックス カルチャーブック
sevendex
0
2k
(第1回) アーキテクト・テックリード育成講座
masakaya
0
160
12年続くB2DサービスとUXデザイン / UX Design keeps B2D service alive over 12 years
tnj
0
280
OLTA株式会社/デザイン紹介資料
taxy
0
110
今日からできる実践アクセシビリティSNSというかXでaltをつけよう
securecat
1
150
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
3
3.4k
aya_murakami_portfolio
ayakaimi1101
0
1.1k
250131_product meetup
motokoishida
0
100
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
270
Featured
See All Featured
Bootstrapping a Software Product
garrettdimon
PRO
306
110k
What's in a price? How to price your products and services
michaelherold
244
12k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
46
2.3k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Facilitating Awesome Meetings
lara
52
6.2k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
30
4.6k
Documentation Writing (for coders)
carmenintech
67
4.6k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Into the Great Unknown - MozCon
thekraken
35
1.6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
Navigating Team Friction
lara
183
15k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
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?