10 ways to make your blog more user friendly

720 views
667 views

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
720
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

×