Effective Websites
-
Upload
connexins -
Category
Technology
-
view
961 -
download
1
description
Transcript of Effective Websites
![Page 1: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/1.jpg)
©2011 THE S.M.A.R.T. GROUP LLC ALL RIGHTS RESERVED©2011 THE S.M.A.R.T. GROUP LLC ALL RIGHTS RESERVED
Sherif S. Morgan
Friday, May 11, 2012
![Page 2: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/2.jpg)
The 2 Famous Questions What “Web Design” is Audience and Goals Your Website Message Website Accessibility Credibility Examples Test and Optimize Additional Resources
![Page 3: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/3.jpg)
When someone lands on a website, top question:
“am I in the right place?”
Each page should answer basic questions for a visitor does this website understand my problem? provides a solution to my solution? where can I go next? does it make me feel welcome? can I trust this person/business?
Design Matters 0.1 second: visual appeal 0 to 10 seconds: is it worth staying?
![Page 4: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/4.jpg)
Who is your audience?
What are your goals?
![Page 5: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/5.jpg)
It has to be appealing, but it’s not art
The goal is to…
Communicate not to create something beautiful
http://blog.kissmetrics.com/sexy-websites-suck/
![Page 6: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/6.jpg)
![Page 7: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/7.jpg)
the focus is on Usability
Inspired by a problem or a goal Navigation, Layout, Branding and Colors
Current Web Design Trends: minimalistic typography clean and plenty of “white space” accessible / mobile-responsive
![Page 8: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/8.jpg)
Given any two solutions to the same problem, all other things being equal,
the simplest solution is the best.
![Page 9: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/9.jpg)
Branding | Layout | Navigation | Content
![Page 10: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/10.jpg)
The 2 Famous Questions What “Web Design” is Audience and Goals Your Website Message Website Accessibility Credibility Examples Test and Optimize Additional Resources
![Page 11: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/11.jpg)
A website is for its visitors.
What is their questions, needs, or goals?
Their ambitions? What motivates them?
How to get your message across to those people and help them take the next step?
Call to Action on every page!
![Page 12: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/12.jpg)
Leads
Sales (Online or Offline)
Customer Service
Newsletter Subscription
Credibility, Reputation, Trust
you?
![Page 13: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/13.jpg)
Call to action link, button, image, etc. size, color, wording, position, benefit, etc. Examples of “Actions”
Download E-book or Report, Sign Up for a Newsletter Get Started on a Free Trial
![Page 14: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/14.jpg)
In a blog postAsk them to comment, share, connectConclude with an engaging questionInclude email subscription box after the postMake it easy for them to participate
![Page 15: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/15.jpg)
The 2 Famous Questions What “Web Design” is Audience and Goals Your Website Message Website Accessibility Credibility Examples Test and Optimize Additional Resources
![Page 16: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/16.jpg)
![Page 17: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/17.jpg)
“A single, clear, compelling message that states why you are different and worth buying.”
– Steve Blank
![Page 18: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/18.jpg)
what is the primary reason…you are different or worth buying
what is the value…your product/service deliver to your customer which customer needs or problems…your product/service satisfies or solves
focus on the “finished story benefit” (i.e. success)…Feature Benefit Solution (problem, need, want)
![Page 19: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/19.jpg)
NewNeed
Improve Performance
Design
BrandStatus
Affordable
Money Saving
ReduceRisk
Save Time
![Page 20: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/20.jpg)
![Page 21: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/21.jpg)
[ communicate not create something beautiful ]
“Design your content, not the box it comes in.”
Designing the message and flow of info:
synergistic use of words and images to convey information and communicate your message
Call to Action What are your goals?
![Page 22: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/22.jpg)
![Page 23: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/23.jpg)
http://blog.hubspot.com/blog/tabid/6307/bid/31097/12-Critical-Elements-Every-Homepage-Must-Have-Infographic.aspx
![Page 24: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/24.jpg)
![Page 25: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/25.jpg)
![Page 26: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/26.jpg)
![Page 27: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/27.jpg)
Content Pages Services Each page should have a call-to-action
Actions Pages Contact/Estimate Calls to Actions Download Report/whitepaper
Blog
![Page 28: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/28.jpg)
Builds Traffic search engine traffic social media traffic email marketing
Increases credibility Pre-sell Establishes you as an expert
Voice and Authority
![Page 29: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/29.jpg)
![Page 30: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/30.jpg)
![Page 31: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/31.jpg)
www.feedburner.com
![Page 32: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/32.jpg)
Scannable Text Short Paragraphs Headlines Sub-Headlines Bullet Points
Use Headlines to Intrigue
![Page 33: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/33.jpg)
3 Must-Have Guides to Write Amazing Headlines
Write Headlines that SHINESpecificity / Helpfulness / Immediacy / Newsworthiness / Entertainment Valuehttp://blog.kissmetrics.com/how-to-write-headlines
A Scientific Approach to Writing Page Titlehttp://www.problogger.net/archives/2012/03/06/a-scientific-approach-to-writing-page-titles
52 Headline Hacks!http://headlinehacks.com
![Page 34: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/34.jpg)
The 2 Famous Questions What “Web Design” is Audience and Goals Your Website Message Website Accessibility Credibility Examples Test and Optimize Additional Resources
![Page 35: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/35.jpg)
Is there a logical next step? Clear Path? Too many options?
Simple Breadcrumbs Logical Comprehensive
![Page 36: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/36.jpg)
A responsive website automatically changes based on the size of the screen you’re viewing it on.
![Page 37: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/37.jpg)
![Page 38: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/38.jpg)
The 2 Famous Questions What “Web Design” is Audience and Goals Your Website Message Website Accessibility Credibility Examples Test and Optimize Additional Resources
![Page 39: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/39.jpg)
personal connection your photo your name
not really about you what problem would you solve for them? how can you help them?
![Page 40: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/40.jpg)
Name and PhotoIncreases believability of testimonials
![Page 41: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/41.jpg)
![Page 42: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/42.jpg)
![Page 43: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/43.jpg)
![Page 44: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/44.jpg)
![Page 45: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/45.jpg)
![Page 46: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/46.jpg)
![Page 47: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/47.jpg)
![Page 48: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/48.jpg)
![Page 49: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/49.jpg)
The 2 Famous Questions What “Web Design” is Audience and Goals Your Website Message Website Accessibility Credibility Examples Test and Optimize Additional Resources
![Page 50: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/50.jpg)
![Page 51: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/51.jpg)
![Page 52: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/52.jpg)
Headlines Unique Value Proposition
benefit vs pain point adding pain point increased conversions by 31%
size, color, wording
Call to action wording, color, location
Change from green to red, increase conversions by 34%
“See Plans & Pricing” to “Get Started Today” up 252%
Other: Sign Up Process / Copy / etc.
![Page 53: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/53.jpg)
The Anatomy of an Effective Homepage http://blog.kissmetrics.com/effective-homepage/
How do colors affect purchases http://blog.kissmetrics.com/color-psychology/
What Makes Someone Leave A Website? http://blog.kissmetrics.com/leave-a-website/
Stop Designing Pages and Start Designing Flows http://uxdesign.smashingmagazine.com/2012/01/04/stop-designing-pages-start-designing-flows/
10 Simple Ways to Increase Conversions by Reducing Friction http://blog.kissmetrics.com/reducing-friction/
Does Website Design Impact the Bottom Line? http://blog.kissmetrics.com/website-design-bottom-line/
What the Highest Converting Websites Do Differently? http://blog.kissmetrics.com/what-converting-websites-do/
![Page 54: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/54.jpg)
The 2 Famous Questions What “Web Design” is Audience and Goals Your Website Message Website Accessibility Credibility Examples Test and Optimize Additional Resources
![Page 55: Effective Websites](https://reader033.fdocuments.in/reader033/viewer/2022061217/54b55bf14a7959bb4e8b47c2/html5/thumbnails/55.jpg)
©2011 THE S.M.A.R.T. GROUP LLC ALL RIGHTS RESERVED©2011 THE S.M.A.R.T. GROUP LLC ALL RIGHTS RESERVED
The SMART Team
Dale Dillon Lips | Michael Gray | Aaron Eden | Danielle Lips, Media Assistant
@DrSherifMorgan ssmorgan & Connexins
(520) [email protected]