ways to make your blog moreuser friendly
Hi, I’m GUSTAVOhttp://gustavohernando.com@gehernando
why is usability important?
“What we remember about thepleasurable quality of our past experienceis almost entirely determined by twothings: how the e...
happy visitors      =loyal readers
what you will learn• how to create a blog that is easy to use,  intuitive, accessible, and makes finding  things very easy•...
1  make contentscannable
shortcake
• short and sweet paragraphs• break up text with subheadings
• use bulleted and numbered lists• bold important concepts
2 usefewerlinks
• links in text reduce comprehension• put relevant links at the bottom• have each link serve a purpose
no     yes
3predictable  layouts              3
• logo top-left• navigation top horizontal• sidebar right• search box top-right
• keep amount of primary nav links low• reserve for quick access to major areas• minimize the number of clicks• keep sideb...
4whitespace
• no text running into images or sidebar• increase line heights and padding• give headings special breathing room
noyes
5  useexcerpts           5
• users can see more posts in homepage• increases the number of page views• better track popular posts
6  makeheadlines   pop            6
• color headlines different than body text• use a different (serif) font• not just a little bigger, WAY bigger
Serif    vs.Sans-serif
7categorize  simply
• have clear, distinct categories• use tags for sub-categorizing• use words that relate to your visitors
yesno

8     8    useeasy-to-read   colors
• dark text on light background.
Hi, I’m Text.I’m black.Yay.
9 make it easy tocomment           9
• don’t take users to a new page• require registration only if necessary• kill those CAPTCHAs
noyes
• separate each comment visually• make author comments stand out• separate author, date, number etc
10do not cram with junk !!!
“In anything, perfection isfinally attained not when thereis nothing to add, but whenthere is nothing to take away.” Saint ...
• don’t allow auto-play music, videos or ads• don’t blend ads in content• don’t embed every widget known to man• don’t lis...
Blog Roll
designing for ads• place 125 x 125 ads in the sidebar, up to 6• noticeable but do not overpower the content• don’t let the...
some no-nos...                 !
• dont upload huge images• don’t use a domain owned by a blogging service• don’t have posts wider than 2/3 of the screen• ...
lets review
logo top left
navigation top horizontal
sidebar right
search top right
use excerpts
bullet lists
play nice with ads
categorize simply
easy to read comments
clean and simple sharing
make headlines pop
thanks!http://gustavohernando.com@gehernando
10 ways to make your blog more user friendly
10 ways to make your blog more user friendly
10 ways to make your blog more user friendly
10 ways to make your blog more user friendly
10 ways to make your blog more user friendly
10 ways to make your blog more user friendly
Upcoming SlideShare
Loading in...5
×

10 ways to make your blog more user friendly

608

Published on

Learn some basics on how to communicate, not decorate; how to draw attention to your content
and how to keep attention on your content.

Published in: Design, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
608
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "10 ways to make your blog more user friendly"

  1. 1. ways to make your blog moreuser friendly
  2. 2. Hi, I’m GUSTAVOhttp://gustavohernando.com@gehernando
  3. 3. why is usability important?
  4. 4. “What we remember about thepleasurable quality of our past experienceis almost entirely determined by twothings: how the experiences felt when theywere at their peak (best or worst), and howthey felt when they ended.” Daniel Kahneman
  5. 5. happy visitors =loyal readers
  6. 6. what you will learn• how to create a blog that is easy to use, intuitive, accessible, and makes finding things very easy• how to communicate, not decorate• how to draw attention to your content• how to keep attention on your content
  7. 7. 1 make contentscannable
  8. 8. shortcake
  9. 9. • short and sweet paragraphs• break up text with subheadings
  10. 10. • use bulleted and numbered lists• bold important concepts
  11. 11. 2 usefewerlinks
  12. 12. • links in text reduce comprehension• put relevant links at the bottom• have each link serve a purpose
  13. 13. no yes
  14. 14. 3predictable layouts 3
  15. 15. • logo top-left• navigation top horizontal• sidebar right• search box top-right
  16. 16. • keep amount of primary nav links low• reserve for quick access to major areas• minimize the number of clicks• keep sidebar free of random links• divide sidebar into different areas
  17. 17. 4whitespace
  18. 18. • no text running into images or sidebar• increase line heights and padding• give headings special breathing room
  19. 19. noyes
  20. 20. 5 useexcerpts 5
  21. 21. • users can see more posts in homepage• increases the number of page views• better track popular posts
  22. 22. 6 makeheadlines pop 6
  23. 23. • color headlines different than body text• use a different (serif) font• not just a little bigger, WAY bigger
  24. 24. Serif vs.Sans-serif
  25. 25. 7categorize simply
  26. 26. • have clear, distinct categories• use tags for sub-categorizing• use words that relate to your visitors
  27. 27. yesno
  28. 28.
  29. 29. 8 8 useeasy-to-read colors
  30. 30. • dark text on light background.
  31. 31. Hi, I’m Text.I’m black.Yay.
  32. 32. 9 make it easy tocomment 9
  33. 33. • don’t take users to a new page• require registration only if necessary• kill those CAPTCHAs
  34. 34. noyes
  35. 35. • separate each comment visually• make author comments stand out• separate author, date, number etc
  36. 36. 10do not cram with junk !!!
  37. 37. “In anything, perfection isfinally attained not when thereis nothing to add, but whenthere is nothing to take away.” Saint Exupery
  38. 38. • don’t allow auto-play music, videos or ads• don’t blend ads in content• don’t embed every widget known to man• don’t list 20 social media share links
  39. 39. Blog Roll
  40. 40. designing for ads• place 125 x 125 ads in the sidebar, up to 6• noticeable but do not overpower the content• don’t let them be mistaken for actual links
  41. 41. some no-nos... !
  42. 42. • dont upload huge images• don’t use a domain owned by a blogging service• don’t have posts wider than 2/3 of the screen• don’t use complex URLs• don’t open links in new window• don’t use small buttons
  43. 43. lets review
  44. 44. logo top left
  45. 45. navigation top horizontal
  46. 46. sidebar right
  47. 47. search top right
  48. 48. use excerpts
  49. 49. bullet lists
  50. 50. play nice with ads
  51. 51. categorize simply
  52. 52. easy to read comments
  53. 53. clean and simple sharing
  54. 54. make headlines pop
  55. 55. thanks!http://gustavohernando.com@gehernando

×