improving ux of your blog with adsense boosters

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

Upload: king-sidharth

Post on 19-Jun-2015

251 views

Category:

Design


0 download

DESCRIPTION

Addressing the most common UX design problems of blogs: Improve Readability, Rethinking Layout, Kill Sidebars and use advertisements more effectively.

TRANSCRIPT

Page 1: Improving UX of your Blog with AdSense Boosters

Improving UX of your Blog

with AdSense in Mind.

WordCamp Baroda 2013

King Sidharth

Page 2: Improving UX of your Blog with AdSense Boosters

Bad Design

Page 3: Improving UX of your Blog with AdSense Boosters
Page 4: Improving UX of your Blog with AdSense Boosters

Good Design

Page 5: Improving UX of your Blog with AdSense Boosters

King SidharthCo-Founder Web Mutiny

Entrepreneur, Designer and an Artist

www.kingsidharth.com@kingsidharth

Page 6: Improving UX of your Blog with AdSense Boosters

1. Readability

ContentTypographyReadability

Page 7: Improving UX of your Blog with AdSense Boosters

Repeat After Me:I will not use:

Arial

orHelvetica

Page 8: Improving UX of your Blog with AdSense Boosters
Page 9: Improving UX of your Blog with AdSense Boosters
Page 10: Improving UX of your Blog with AdSense Boosters
Page 11: Improving UX of your Blog with AdSense Boosters

Things to do:

•Font-Size: 14-16px

•Line-Height: 1.5em - 1.6em

•Characters Per Line: 60-90

http://www.pearsonified.com/typography/

Page 12: Improving UX of your Blog with AdSense Boosters
Page 13: Improving UX of your Blog with AdSense Boosters
Page 14: Improving UX of your Blog with AdSense Boosters
Page 15: Improving UX of your Blog with AdSense Boosters

Some Good Fonts Stacks

Lucid Grande, Lucida Sans, Tahoma, sans-serif;Verdana, sans-serif;Google Fonts:Open Sans, Droid Sans, Droid Serif, Ubuntu, Lato

Page 16: Improving UX of your Blog with AdSense Boosters

2. Layouts

What really matters.

Page 17: Improving UX of your Blog with AdSense Boosters
Page 18: Improving UX of your Blog with AdSense Boosters
Page 19: Improving UX of your Blog with AdSense Boosters

Do you really need to show all that

crap?

Page 20: Improving UX of your Blog with AdSense Boosters

Revisit:

•Home Page

•Sidebar

•Single Article Page

•Footer

Page 21: Improving UX of your Blog with AdSense Boosters

Seriously,Get rid of the crap.

It will make you look more professional & help you stand out.

Page 22: Improving UX of your Blog with AdSense Boosters

3. Kill the Sidebar

A Radical Idea.

Page 23: Improving UX of your Blog with AdSense Boosters
Page 24: Improving UX of your Blog with AdSense Boosters

Really?

Page 25: Improving UX of your Blog with AdSense Boosters
Page 26: Improving UX of your Blog with AdSense Boosters

“Perfection is achieved, not when there is

nothing more to add, but when there is

nothing left to take away.”

Antoine de Saint-Exupery

Page 27: Improving UX of your Blog with AdSense Boosters

4. Advertisements

The devil’s deal.

Page 28: Improving UX of your Blog with AdSense Boosters
Page 29: Improving UX of your Blog with AdSense Boosters

Do not Disturb!

Page 30: Improving UX of your Blog with AdSense Boosters

Where to place them?

Not in the content

Page 31: Improving UX of your Blog with AdSense Boosters

Place ads where people click

naturally:In Between Other Article / Related Article

Promotion

In Between Repetitive Content Blocks

Page 32: Improving UX of your Blog with AdSense Boosters
Page 33: Improving UX of your Blog with AdSense Boosters

Mix ads with self-promotion ads

Page 34: Improving UX of your Blog with AdSense Boosters
Page 35: Improving UX of your Blog with AdSense Boosters

Randomize Placement

Hide them sometimes

Page 36: Improving UX of your Blog with AdSense Boosters

Let them Read

Re-think Layout

Use Sidebars Wisely

Do not Disturb

Page 37: Improving UX of your Blog with AdSense Boosters

There is no substitute for good

content.

Page 38: Improving UX of your Blog with AdSense Boosters

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

Page 39: Improving UX of your Blog with AdSense Boosters

www.kingsidharth.com@kingsidharth

I Thank Thee!

for WordCamp Baroda 2013

www.64notes.com/speaking/wcbrd-2013/