SlideShare une entreprise Scribd logo
1  sur  29
Télécharger pour lire hors ligne
Survive the Landing Page Blink Test

Don’t lose users in the
first 0.5 seconds!
an epic slideshare brought to you by
“There can be as much value in the
blink of an eye as in months of rational
analysis.”
― Malcolm Gladwell, Blink: The
Power of Thinking without Thinking
Top 20 internet users
by country:
1. China
2. USA
3. India
4. Japan
5. Brazil
6. Russia
7. Germany
8. Indonesia
9. UK
10. France
11. Nigeria
12. Mexico
13. Iran
14. Korea
15. Turkey
16. Italy
17. Phillippines
18. Spain
19. Vietnam
20. Egypt

The world total…

2,405,518,376 users
Image credit
For entrepreneurs, this means a huge
market of technologically capable
people in a geographically borderless
market.
And plenty of solutions, tools and gimmicks to offer
them.
This also means that what makes the
biggest impact on your potential users will
be the first thing they see on your website.

So, how fast do people make up their minds
about what they see online?
0.5 seconds
(study conducted at Carleton University Canada, 2006)
Sucks to be you, Web Designer!
Add to that, the number of new websites
created every year…
In 2012 alone, that was 51 million.
I’m too old for this sh!%
Image credit
But never fear, there is hope!
A follow-up study by University of Basel in Switzerland in
2012 proved this about website design:
Step 1: Use a Template
Why use a template
instead of building
my own site?

Resources for
themes:
Themeforest
Template Monster
Themetrust

• Faster
• Cheaper
• Code is clean (pay for your
template from a reputable
site!!!)
• Customizable (usually – or
just ask the creator to pop in
a feature)
• Already been tested for user
optimization
• You can choose one that is
cross-browser and crossdevice capable from the getgo
Alternatively… if you know a website you
want to “borrow”…

Right click > “View source” and check the links for the CSS or JS to
see if it’s WordPress, Joomla etc. and what the theme name is. Then
search for it on Google.
Pro tip: see what others in your industry
are doing and take the best features from
them. You’ll need to research them in any
case to get the “prototypical” aspects
correct.
It may be tempting to go for an eyecatching and unique design at the start…
Image credit

…but if your brand is very new, it will drive
people away
Rule of thumb: keep it simple, clean and clear
until you have gained a loyal user base
Check out the hard facts on this infographic by
Calvin Sellers:
Human Visual Processing – Why understanding
it is Crucial for Web Design
Step 2: User Testing
a) The Coffeeshop Test

Get out on the street
with your laptop and
smartphone, and ask
people to tell you what
they think.

Image credit

Make sure to charge your
devices fully before starting!
b) Heatmapping
and metrics
Choose from a
range of tools:
-CrazyEgg
-Clicktale
-Mouseflow
-Google InPage Analytics
-Mixpanel
Conversion and retention combined
are the Holy Grail
With all of the information interpreted from
mapping and analytics, from coffeeshops to
templates, you will be able to refine your
website to optimal user retention and higher
conversion rates.
Good luck!
Hopefully you will end up with a pretty website like
Squarespace…
…and not this eyesore!
Find the original article that inspired this Slideshare on The
Next Web:
“Don’t lose users for eternity in the first five seconds: how to
survive the blink test”
Got questions? Click on an icon!
Design your website to survive the landing page blink test

Contenu connexe

Similaire à Design your website to survive the landing page blink test

Digital Futures Webinar with Amaze CSO Rick Curtis Jan 2014
Digital Futures Webinar with Amaze CSO Rick Curtis Jan 2014Digital Futures Webinar with Amaze CSO Rick Curtis Jan 2014
Digital Futures Webinar with Amaze CSO Rick Curtis Jan 2014amazeplc
 
What’s After MakerSpaces - NEFLIN
What’s After MakerSpaces - NEFLINWhat’s After MakerSpaces - NEFLIN
What’s After MakerSpaces - NEFLINBrian Pichman
 
Fallon Brainfood x Planning-ness 2010: How To Plan Apps
Fallon Brainfood x Planning-ness 2010: How To Plan AppsFallon Brainfood x Planning-ness 2010: How To Plan Apps
Fallon Brainfood x Planning-ness 2010: How To Plan AppsAki Spicer
 
How To Write An Essay From An Interview
How To Write An Essay From An InterviewHow To Write An Essay From An Interview
How To Write An Essay From An InterviewLeslie Sanchez
 
10 Ways Digital Can Help You Thrive in a Recession
10 Ways Digital Can Help You Thrive in a Recession10 Ways Digital Can Help You Thrive in a Recession
10 Ways Digital Can Help You Thrive in a RecessionCritical Mass
 
10 Ways Digital Can Help You Thrive in a Recession
10 Ways Digital Can Help You Thrive in a Recession10 Ways Digital Can Help You Thrive in a Recession
10 Ways Digital Can Help You Thrive in a RecessionDavid Armano
 
Managing talent a strategic approach to your success
Managing talent a strategic approach to your successManaging talent a strategic approach to your success
Managing talent a strategic approach to your successPeter Cosgrove
 
Innovation Excellence Weekly - Issue 18
Innovation Excellence Weekly - Issue 18Innovation Excellence Weekly - Issue 18
Innovation Excellence Weekly - Issue 18Innovation Excellence
 
Disruptive Innovation (is the new punk rock)
Disruptive Innovation (is the new punk rock)Disruptive Innovation (is the new punk rock)
Disruptive Innovation (is the new punk rock)Geoffrey Colon
 
13 Signs Your UX Needs an Exorcism
13 Signs Your UX Needs an Exorcism13 Signs Your UX Needs an Exorcism
13 Signs Your UX Needs an ExorcismCrystal Beasley
 
The future of marketing emerging from technology of today: 3 things to watch
The future of marketing emerging from technology of today: 3 things to watchThe future of marketing emerging from technology of today: 3 things to watch
The future of marketing emerging from technology of today: 3 things to watchYay!Starter Marketing
 
Online marketing Best practices
Online marketing Best practices Online marketing Best practices
Online marketing Best practices Dave Chaffey
 
How Web Design will reinvent manufacturing
How Web Design will reinvent manufacturingHow Web Design will reinvent manufacturing
How Web Design will reinvent manufacturingMike Kuniavsky
 
8 Interactive Trends Changing the Business Landscape
8 Interactive Trends Changing the Business Landscape8 Interactive Trends Changing the Business Landscape
8 Interactive Trends Changing the Business LandscapeTim Sandlund
 
SXSW Interactive 2015 Recap
SXSW Interactive 2015 RecapSXSW Interactive 2015 Recap
SXSW Interactive 2015 RecapJuston Western
 

Similaire à Design your website to survive the landing page blink test (20)

Digital Futures Webinar with Amaze CSO Rick Curtis Jan 2014
Digital Futures Webinar with Amaze CSO Rick Curtis Jan 2014Digital Futures Webinar with Amaze CSO Rick Curtis Jan 2014
Digital Futures Webinar with Amaze CSO Rick Curtis Jan 2014
 
Blogging
BloggingBlogging
Blogging
 
What’s After MakerSpaces - NEFLIN
What’s After MakerSpaces - NEFLINWhat’s After MakerSpaces - NEFLIN
What’s After MakerSpaces - NEFLIN
 
Fallon Brainfood x Planning-ness 2010: How To Plan Apps
Fallon Brainfood x Planning-ness 2010: How To Plan AppsFallon Brainfood x Planning-ness 2010: How To Plan Apps
Fallon Brainfood x Planning-ness 2010: How To Plan Apps
 
How To Write An Essay From An Interview
How To Write An Essay From An InterviewHow To Write An Essay From An Interview
How To Write An Essay From An Interview
 
10 Ways Digital Can Help You Thrive in a Recession
10 Ways Digital Can Help You Thrive in a Recession10 Ways Digital Can Help You Thrive in a Recession
10 Ways Digital Can Help You Thrive in a Recession
 
Building data science teams
Building data science teamsBuilding data science teams
Building data science teams
 
The price of free
The price of freeThe price of free
The price of free
 
10 Ways Digital Can Help You Thrive in a Recession
10 Ways Digital Can Help You Thrive in a Recession10 Ways Digital Can Help You Thrive in a Recession
10 Ways Digital Can Help You Thrive in a Recession
 
Managing talent a strategic approach to your success
Managing talent a strategic approach to your successManaging talent a strategic approach to your success
Managing talent a strategic approach to your success
 
Innovation Excellence Weekly - Issue 18
Innovation Excellence Weekly - Issue 18Innovation Excellence Weekly - Issue 18
Innovation Excellence Weekly - Issue 18
 
Ama Web Trends Presentation
Ama Web Trends PresentationAma Web Trends Presentation
Ama Web Trends Presentation
 
Disruptive Innovation (is the new punk rock)
Disruptive Innovation (is the new punk rock)Disruptive Innovation (is the new punk rock)
Disruptive Innovation (is the new punk rock)
 
13 Signs Your UX Needs an Exorcism
13 Signs Your UX Needs an Exorcism13 Signs Your UX Needs an Exorcism
13 Signs Your UX Needs an Exorcism
 
The future of marketing emerging from technology of today: 3 things to watch
The future of marketing emerging from technology of today: 3 things to watchThe future of marketing emerging from technology of today: 3 things to watch
The future of marketing emerging from technology of today: 3 things to watch
 
Online marketing Best practices
Online marketing Best practices Online marketing Best practices
Online marketing Best practices
 
Redefining Innovation
Redefining InnovationRedefining Innovation
Redefining Innovation
 
How Web Design will reinvent manufacturing
How Web Design will reinvent manufacturingHow Web Design will reinvent manufacturing
How Web Design will reinvent manufacturing
 
8 Interactive Trends Changing the Business Landscape
8 Interactive Trends Changing the Business Landscape8 Interactive Trends Changing the Business Landscape
8 Interactive Trends Changing the Business Landscape
 
SXSW Interactive 2015 Recap
SXSW Interactive 2015 RecapSXSW Interactive 2015 Recap
SXSW Interactive 2015 Recap
 

Design your website to survive the landing page blink test

  • 1. Survive the Landing Page Blink Test Don’t lose users in the first 0.5 seconds!
  • 2. an epic slideshare brought to you by
  • 3. “There can be as much value in the blink of an eye as in months of rational analysis.” ― Malcolm Gladwell, Blink: The Power of Thinking without Thinking
  • 4. Top 20 internet users by country: 1. China 2. USA 3. India 4. Japan 5. Brazil 6. Russia 7. Germany 8. Indonesia 9. UK 10. France 11. Nigeria 12. Mexico 13. Iran 14. Korea 15. Turkey 16. Italy 17. Phillippines 18. Spain 19. Vietnam 20. Egypt The world total… 2,405,518,376 users
  • 6. For entrepreneurs, this means a huge market of technologically capable people in a geographically borderless market. And plenty of solutions, tools and gimmicks to offer them.
  • 7. This also means that what makes the biggest impact on your potential users will be the first thing they see on your website. So, how fast do people make up their minds about what they see online?
  • 8. 0.5 seconds (study conducted at Carleton University Canada, 2006)
  • 9. Sucks to be you, Web Designer!
  • 10. Add to that, the number of new websites created every year… In 2012 alone, that was 51 million.
  • 11. I’m too old for this sh!% Image credit
  • 12. But never fear, there is hope! A follow-up study by University of Basel in Switzerland in 2012 proved this about website design:
  • 13. Step 1: Use a Template
  • 14. Why use a template instead of building my own site? Resources for themes: Themeforest Template Monster Themetrust • Faster • Cheaper • Code is clean (pay for your template from a reputable site!!!) • Customizable (usually – or just ask the creator to pop in a feature) • Already been tested for user optimization • You can choose one that is cross-browser and crossdevice capable from the getgo
  • 15. Alternatively… if you know a website you want to “borrow”… Right click > “View source” and check the links for the CSS or JS to see if it’s WordPress, Joomla etc. and what the theme name is. Then search for it on Google.
  • 16. Pro tip: see what others in your industry are doing and take the best features from them. You’ll need to research them in any case to get the “prototypical” aspects correct.
  • 17. It may be tempting to go for an eyecatching and unique design at the start…
  • 18. Image credit …but if your brand is very new, it will drive people away
  • 19. Rule of thumb: keep it simple, clean and clear until you have gained a loyal user base
  • 20. Check out the hard facts on this infographic by Calvin Sellers: Human Visual Processing – Why understanding it is Crucial for Web Design
  • 21. Step 2: User Testing
  • 22. a) The Coffeeshop Test Get out on the street with your laptop and smartphone, and ask people to tell you what they think. Image credit Make sure to charge your devices fully before starting!
  • 23. b) Heatmapping and metrics Choose from a range of tools: -CrazyEgg -Clicktale -Mouseflow -Google InPage Analytics -Mixpanel
  • 24. Conversion and retention combined are the Holy Grail With all of the information interpreted from mapping and analytics, from coffeeshops to templates, you will be able to refine your website to optimal user retention and higher conversion rates. Good luck!
  • 25. Hopefully you will end up with a pretty website like Squarespace…
  • 26. …and not this eyesore!
  • 27. Find the original article that inspired this Slideshare on The Next Web: “Don’t lose users for eternity in the first five seconds: how to survive the blink test”
  • 28. Got questions? Click on an icon!