Your SlideShare is downloading. ×
Designing Blog Posts That People Read
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Designing Blog Posts That People Read

2,177
views

Published on

Presentation I gave at Search Exchange 2011 in Charlotte NC where I outline best practices for designing easy to read, easy to consume blog posts.

Presentation I gave at Search Exchange 2011 in Charlotte NC where I outline best practices for designing easy to read, easy to consume blog posts.

Published in: Technology, Design

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,177
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • -probably more than that now stat from 2010 technorati state of the blogosphere-difficult to standout in todays environment. users dround in content.2010 technorati state of the blogosphere
  • -probably more than that now stat from 2010 technorati state of the blogosphere-difficult to standout in todays environment. users dround in content.2010 technorati state of the blogosphere
  • Usability standards shows 60-70 characters is optimal- hard to do though because you dont want your width of your blog to be less than 500 pixels
  • Jakob Nielsen useit.com
  • Jakob Nielsen useit.com
  • -probability of leaving is very high during these first few seconds because users are extremely skeptical
  • Usability standards shows 60-70 characters is optimal- hard to do though because you dont want your width of your blog to be less than 500 pixels
  • Break up the monotony and make it easy to read. Try not to utilize overused WP themes. People become blind to stock Wordpress designs.
  • but dont go overboard
  • http://outspokenmedia.com is a great example of a blog that does this well.
  • dreamstime.com is my favorite paid stock photo site b/c of good selection and cheap prices. click for list of a stockphoto comparison chart from smashingmagazine to compare a bunch at once
  • read up on font considerations for the web blog post on blueglass.com
  • -infographics are old. there is even a site (visualy) to automate the creation of them. infopages are the future.- Stay ahead of the game -set the standard in your vertical. Using cutting edge Content visualization tactics to keep your readers entertained and reading.-Look outside your vertical for ideas
  • - outspokenmedia has great, easy to read fonts, utilizes right aligned images and breaks up the content allowing for users to consume its content with ease.
  • -okcupid is one of the best examples of how to run a blog b/c of its exclusive content it extracts through data anlyzation with R. provides easy to understand graphics as you scroll down the page to alleviate complexity of content. great use of colors and subheadings that creates consistency across blogposts.
  • Transcript

    • 1. Designing Blog Posts That People Read
      Brian Chappell
    • 2. Overview
      Important Statistics and Research to consider
      Tactical Design Improvements
      Blogs Doing It Right
    • 3. 900,000 Blog Posts Created On A Daily Basis
      Src. 2010 Technorati State of The Blogosphere
    • 4. “On the average Web page, users have time to read at most 28% of the words during an average visit; 20% is more likely” - Jakob Nielsen
      Src: useit.com/alertbox/percent-text-read.html
    • 5. Most Visitors Are Using a Screen Resolution Higher Than 1024 x 768 Pixels
      Src. W3Schools
    • 6. Check your analytics to see how your audience is consuming your content
    • 7. The average page visit lasts a little less than a minute.
      Src: Jakob Nielsen Useit.com Sept. 2011
    • 8. What Do All These Stats Mean?
    • 9. Initial Perception Is Very Important
      Blog Post Perception = Content + Look and Feel
      • Test Perception with Fivesecondtest.com
    • Less Is More
      Minimize clutter and utilize just a few call to actions
    • 10. Clearly communicate your value proposition within 10 seconds.
    • 11. Play To Peoples Emotions With Blog Post Titles
      Don’t Be Ugly By Accident! > What Makes A Great Photo > 4 Ways To Take Great Pictures Of Yourself
    • 12. Craft a Great First paragraph
      First paragraph should explain what the reader will get out of the post
    • 13. Pro Tip: Utilize Right Aligned Images in Intro
      Usability standards shows 60-70 characters is optimal
      Hard to do because you dont want the width of your blog to be less than 500 pixels
    • 14. Make It Easy To Scan
      Headings and Subheadings
      Bullets
      Images
      Quotes
      Color
      Bold Important Words
    • 15.
    • 16. Whitespace is Your Friend
    • 17. Whitespace in Design: Before
    • 18. Whitespace In Design: After
    • 19. Line ItUp!
    • 20. Stick To Standards To Alleviate Confusion
    • 21. Grid: After
    • 22. High Quality Images Can Set Your Blog Apart
    • 23. Utilize Paid Stock Photo Sites
      See Full Chart: http://bit.ly/qn0YQ1
      Src: SmashingMagazine.com
    • 24. Typography Considerations
      Choose fonts that are easy on the eyes.
      Bad fonts can take away from the quality of your content
      Read More here: http://bit.ly/nVOYDQ
    • 25. Avoid YAWS
      Yet Another Wordpress Site
      Creates User Blindness
      Be creative with WP design while applying standard usability practices
    • 26. Length Of Blogposts Matters Right?
      No right answer, but always try to incorporate variety.
    • 27. What Does Success Look Like?
    • 28.
    • 29.
    • 30. Summary
      Create consistency to set user expectations
      Make it easy to read by following standard usability practices
      Keep It Simple
    • 31. Thank You Find me on Twitter @brianchappellor contact me at