The document provides tips for improving the user experience of blogs by focusing on readability, layout, removing unnecessary elements like sidebars, and thoughtful advertisement placement. It recommends using readable fonts between 14-16px size with line heights of 1.5-1.6em. Non-essential elements like sidebars should be removed to make the blog look more professional. Advertisements should be placed in natural click locations without disturbing the content flow. Good content should be honored with good design.

1. Improving UX of
your Blog
with AdSense in Mind.
WordCamp Baroda 2013
King Sidharth

2. Bad Design

4. Good Design

5. King Sidharth
Co-Founder Web Mutiny
Entrepreneur, Designer and an Artist
www.kingsidharth.com
@kingsidharth

6. 1. Readability
Content
Typography
Readability

7. Repeat After Me:
I will not use:
Arial
or
Helvetica

11. Things to do:
• Font-Size: 14-16px
• Line-Height: 1.5em - 1.6em
• Characters Per Line: 60-90
http://www.pearsonified.com/typography/

15. Some Good Fonts
Stacks
Lucid Grande, Lucida Sans, Tahoma, sans-serif;
Verdana, sans-serif;
Google Fonts:
Open Sans, Droid Sans, Droid Serif, Ubuntu, Lato

16. 2. Layouts
What really matters.

19. Do you really need
to show all that
crap?

20. Revisit:
• Home Page
• Sidebar
• Single Article Page
• Footer

21. Seriously,
Get rid of the crap.
It will make you look
more professional &
help you stand out.

22. 3. Kill the Sidebar
A Radical Idea.

24. Really?

26. “Perfection is achieved,
not when there is
nothing more to add,
but when there is
nothing left to take
away.”
Antoine de Saint-Exupery

27. 4. Advertisements
The devil’s deal.

29. Do not Disturb!

30. Where to place
them?
Not in the content

31. Place ads where
people click
naturally:
In Between Other Article / Related Article
Promotion
In Between Repetitive Content Blocks

33. Mix ads with
self-promotion ads

35. Randomize
Placement
Hide them
sometimes

36. Let them Read
Re-think Layout
Use Sidebars Wisely
Do not Disturb

37. There is no
substitute for good
content.

38. And if you have good
content, honor it
with good design.

39. I Thank Thee!
www.64notes.com/speaking/wcbrd-2013/
www.kingsidharth.com
@kingsidharth
for
WordCamp Baroda 2013