33
ConversionXL reviews User Friendly Design

User friendly & conversion oriented design

Embed Size (px)

DESCRIPTION

For more website reviews visit: http://ConversionXL.com/category/website-reviews/ Tommy reviews Cheap Recipe Blog, and The Murray Group, an independent insurance agency out of Rochester NY for user friendliness & conversion oriented design. When I judge “user friendly” design, I’m looking for the following factors: - Is it easy to read? - Are all of the elements in “familiar” places? - Are the actions I’m supposed to take simple & clear? This one was fun for me, because it played so well into the article we recently published on the effect of typography has on user experience, and really drove home the importance of some of our older pieces as well. Recommended Reading: ---------------------------------------- http://conversionxl.com/why-simple-websites-are-scientifically-better/ http://conversionxl.com/10-useful-findings-about-how-people-view-websites/ http://conversionxl.com/19-things-we-can-learn-from-numerous-heatmap-tests/ http://conversionxl.com/is-emotion-necessary-to-make-more-sales/ http://conversionxl.com/how-why-you-should-invest-in-getting-good-testimonials-w-examples/ http://conversionxl.com/making-the-most-of-your-drip-email-campaign-content-length-frequency/ http://conversionxl.com/lead-magnets-email-list-building-on-steroids/ http://conversionxl.com/dont-use-automatic-image-sliders-or-carousels-ignore-the-fad/ --------------------------------------- Connect with us on Social: http://Twitter.com/PeepLaja http://Twitter.com/tommyismyname https://plus.google.com/+Conversionxl

Citation preview

Page 1: User friendly & conversion oriented design

ConversionXL reviewsUser Friendly Design

Page 2: User friendly & conversion oriented design

When I Talk About User Friendly Design

I’m asking

•Is The Typography Readable?•How Easy Is It For Me To Find Standard Elements?•Are The Actions I’m Supposed To Be Taking Clear?

Page 3: User friendly & conversion oriented design
Page 4: User friendly & conversion oriented design

First Impression: This Is Pretty Nice.

- Easy On The Eyes- Big Bold Image- Lots of Personality

Page 5: User friendly & conversion oriented design

However...

Page 6: User friendly & conversion oriented design

The Navigation at the Very Top Was A Little Confusing

Page 7: User friendly & conversion oriented design

I’d Expect It To Be Somewhere Around Here

Page 8: User friendly & conversion oriented design

This About Box On The Side Doesn’t Lead Me To An About Page

Page 9: User friendly & conversion oriented design

And I wonder If This Is Better Real Estate For A Call To Action For Your Email List

Page 10: User friendly & conversion oriented design

These are pretty, but are they actually leading to more followers? if not, get rid of it

Page 11: User friendly & conversion oriented design

The Name Of Your Blog States What It Is Really Well...but the tiny font size here doesn’t help drive the message home.

Page 12: User friendly & conversion oriented design

Is This Necessary? if it takes people off-site, or away from an a deeper blog post, I’d suggest that it is not.

Page 13: User friendly & conversion oriented design

Recommend changing to something specific & food related. (find tonight’s dinner for under $10)

Page 14: User friendly & conversion oriented design

Relatively Speaking, This Headline Feels Small & Over-Shadowed

Page 15: User friendly & conversion oriented design

The Difference Between A Sans Serif and Serif Font Also Feels... Weird

Page 16: User friendly & conversion oriented design

By Bumping The H2 Size Up To 45 and Turning It Into a Serif Font (in this case Baskerville)

We bring a more balance to the visual hierarchy and make it clear this is a blog post.

Page 17: User friendly & conversion oriented design

On A Similar Note, by changing the size of the body font from 13px to 16 px the body copy becomes much easier to read.

Something I’m almost certain your readers would appreciate as they are reading these recipes on their phone.

Page 18: User friendly & conversion oriented design

Recommendations:

• Move elements around to live in more “intuitive” places• Consider adjusting font sizes to be more readable from all screens• Look into using web font services like Typekit or Fontdeck to allow the

characteristics of your site to be reflected in the typography

Page 19: User friendly & conversion oriented design

Recommendations:

Read These Articles: •Why Simple Websites Are Scientifically Better•10 Useful Findings About How People View Websites•19 Things We Can Learn From Numerous Heatmap Tests•Useful Value Proposition Examples

Page 20: User friendly & conversion oriented design
Page 21: User friendly & conversion oriented design

Insurance & Financial Services...

Ok...

So What Does That Do For Me?

Page 23: User friendly & conversion oriented design

Cheesy Stock Photos That Don’t Use Real People Decrease Your Credibility(you’re a small agency who likely insures “townies” show them, I’ll trust you more)

Page 24: User friendly & conversion oriented design

I didn’t roll over & say to my wife last night “Honey, We NEED an Insurance Quote!”

I did however ask how we’d handle an unexpected emergency.

Page 25: User friendly & conversion oriented design

Lengthen Your Sales Funnel.

Don’t go straight for the quote, instead offer a resource that helps educate me on the kind of insurance I might need.

Page 26: User friendly & conversion oriented design

Also Make it more obvious what kinds of insurance you offer by moving these

Page 27: User friendly & conversion oriented design

to here (this demonstration isn’t perfect, but it it shows how the visual hierarchy helps set up the rest of the elements on the

page.)

Page 28: User friendly & conversion oriented design

Also, do any of these elements help sell insurance?

If not, remove them

Page 29: User friendly & conversion oriented design

Recommendations:

• Start w/ small adjustments, but consider full redesign• Use Testimonials, customer images & real stories for emotional

resonance • Find ways to infuse personality into site design. • Show individual agents so I can get a sense of individual personalities• Offer resource to explain the benefits of each of insurance you offer

Page 30: User friendly & conversion oriented design

Recommendations:

Read These Articles: •Is Emotion Necessary To Make More Sales? •How & Why You Should Invest In Customer Testimonials•Making The Most Of Your Email Autoresponder•Creating An Awesome Lead Magnet

Page 31: User friendly & conversion oriented design

Previous VideoIs Your Website Getting In The Way Of Making Sales?

Actionable From Industry Experts

Interviews With Smart People

Click Here To Play Video Click To Watch

Page 32: User friendly & conversion oriented design

Thank youFor 13 Ways To Increase Your Conversions Right Now

visithttp://ConversionXL.com

Page 33: User friendly & conversion oriented design

For weekly reviews and interviews with Industry Experts

Don’t Forget To