• Like
  • Save
Get Above The Fold~Grab Their Attention In 10 Seconds   Understand How Visitors Read Web Pages
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Get Above The Fold~Grab Their Attention In 10 Seconds Understand How Visitors Read Web Pages



Published in Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads


Total Views
On SlideShare
From Embeds
Number of Embeds



Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

    No notes for slide


  • 1. Grab Their Attention in 10 Seconds: Understand How Visitors Read Web Pages
  • 2. How to download this presentation A pdf guide that may also be of interest Twitter, Facebook & LinkedIn: Why Should I Bother With Social Media? Google Local Search Listings: Get Your Red Balloon Listed First on the Google Map Download here: http://getabovethefold.co.uk/internet-services/web-design Download here: http://getabovethefold.co.uk/internet-services/local-search
  • 3. The F shape rule Heatmap showing strength of viewing About Page Product Page Google Results © Jakob Nielsen 2006
  • 4. Key messages to the left 69% of time spent viewing left side of a webpage
  • 5. 79% of visitors will scan your page Scannable text
    • Punchy title to draw in the visitor
    • 6. Compelling opening summary – retain interest
    • 7. Inverted pyramid approach – key facts first
    • 8. Highlighted keywords
    • 9. Sub-headings acting as signposts
    • 10. Bullet lists and images – break up text shape
    • 11. Use precise numbers – focal points in a scan
    • 12. One idea per paragraph
    • 13. Half the word count of conventional writing
  • 14. Example of a scannable page Keyword in title Inverted pyramid Bullets and exercise sheet break up text Informative subheading Short paragraphs Use of numbers
  • 15. Not everyone scans, 16% “plough” Lower literacy users will read word for word
  • 16. Teenagers – low attention span Use lots of images and very concise text
  • 17. Show numbers as numerals Eyetracking studies show that Users scanning a webpage fixate on numerals Absolute numbers represent facts. Visitors scan for facts. “2004” is better than “two thousand and four” “2004” is better than “around 2000”
  • 18. Know your audience Who are you targetting? http://quantcast.com
  • 19. Get Above the Fold Most visitors spend time browsing above the fold The fold 80% 20%
  • 20. Key messages above the fold Are your “Calls to Action” above the fold / scroll for all browser sizes? http://www.browsersize.googlelabs.com/
  • 21. Browsers give different views Get you key message seen in all browsers Use www.browsershots.org to check
  • 22. Users only give you 10 seconds waiting... waiting... Slow loading means the visitor will go elsewhere
  • 23. Web pages would make scanning easier Only use .pdfs for downloads
  • 24. Will your own website grab their attention in 10 seconds? If you need help in your website usability, or for more help, visit our website: http://www.getabovethefold.co.uk/internet-services/web-design