Designing Blog Posts That People Read

  • 2,015 views
Uploaded 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.

More 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

Views

Total Views
2,015
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
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