User friendly & conversion oriented design
description
Transcript of User friendly & conversion oriented design
![Page 1: User friendly & conversion oriented design](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/1.jpg)
ConversionXL reviewsUser Friendly Design
![Page 2: User friendly & conversion oriented design](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/2.jpg)
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](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/3.jpg)
![Page 4: User friendly & conversion oriented design](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/4.jpg)
First Impression: This Is Pretty Nice.
- Easy On The Eyes- Big Bold Image- Lots of Personality
![Page 5: User friendly & conversion oriented design](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/5.jpg)
However...
![Page 6: User friendly & conversion oriented design](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/6.jpg)
The Navigation at the Very Top Was A Little Confusing
![Page 7: User friendly & conversion oriented design](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/7.jpg)
I’d Expect It To Be Somewhere Around Here
![Page 8: User friendly & conversion oriented design](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/8.jpg)
This About Box On The Side Doesn’t Lead Me To An About Page
![Page 9: User friendly & conversion oriented design](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/9.jpg)
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](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/10.jpg)
These are pretty, but are they actually leading to more followers? if not, get rid of it
![Page 11: User friendly & conversion oriented design](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/11.jpg)
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](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/12.jpg)
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](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/13.jpg)
Recommend changing to something specific & food related. (find tonight’s dinner for under $10)
![Page 14: User friendly & conversion oriented design](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/14.jpg)
Relatively Speaking, This Headline Feels Small & Over-Shadowed
![Page 15: User friendly & conversion oriented design](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/15.jpg)
The Difference Between A Sans Serif and Serif Font Also Feels... Weird
![Page 16: User friendly & conversion oriented design](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/16.jpg)
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](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/17.jpg)
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](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/18.jpg)
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](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/19.jpg)
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](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/20.jpg)
![Page 21: User friendly & conversion oriented design](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/21.jpg)
Insurance & Financial Services...
Ok...
So What Does That Do For Me?
![Page 22: User friendly & conversion oriented design](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/22.jpg)
Automatic Sliders Kill Conversions.
(proof)
![Page 23: User friendly & conversion oriented design](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/23.jpg)
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](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/24.jpg)
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](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/25.jpg)
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](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/26.jpg)
Also Make it more obvious what kinds of insurance you offer by moving these
![Page 27: User friendly & conversion oriented design](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/27.jpg)
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](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/28.jpg)
Also, do any of these elements help sell insurance?
If not, remove them
![Page 29: User friendly & conversion oriented design](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/29.jpg)
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](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/30.jpg)
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](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/31.jpg)
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](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/32.jpg)
Thank youFor 13 Ways To Increase Your Conversions Right Now
visithttp://ConversionXL.com
![Page 33: User friendly & conversion oriented design](https://reader031.fdocuments.in/reader031/viewer/2022013003/54c81c164a795923408b4584/html5/thumbnails/33.jpg)
For weekly reviews and interviews with Industry Experts
Don’t Forget To