We don’t
read pages.
We scan
them.
We don’t
make optimal
choices
We satisfice
We don’t
figure out how
things work
We muddle
through
Conventions are
our friends
Web Site Conventions
 They are useful. Conventions only become
conventions if they work.
 Designers are reluctant to use
conventions, they like to reinvent the
wheel.
 Innovate when you KNOW you have a
better idea, but use conventions when you
don’t.
Web Site Convention
Examples
 Navigation appearing along the top or
running down the left side of the page.
 Logo located in the upper left corner.
 Hyperlinks are underlined.
Keep the
noise
down
to a
dull roar
What Defines
A Good
Small Business
Web Site?
A Good Web Site Has:
 A tagline that clearly identifies what you do.
 Consistent design and navigation on all pages.
 Clear hierarchy of information.
 Footer links at the bottom of every page.
 Keywords that identify your business.
 Easy-to-find contact information.
 A means to gather user data.
Things to Avoid
 Splash or Intro Pages.
 Slow loading pages.
 Large blocks of text on the main site pages.
 White text on color background.
 Too much Flash and Music.
 Incomplete pages.
Information Architecture
 Create Usable Navigation System
 Easy to learn
 Consistent throughout the site
 Minimum number of clicks to destination.
 What is the mission or purpose of the site.
 Who are the intended audiences.
 Determine the organizational structure
 Hierarchy of information
 Narrow and deep or broad and shallow.
 Create a site map or blueprint of the site.
3 Important Concepts
Require Your Attention
 What the audience wants from you.
 What you want to say.
 How you arrange the content to best
meet your audience’s needs.
Break up pages into
clearly defined areas
Make it obvious what
is clickable
Important Considerations
 A clear, concise mission, vision, and
values statement.
 Include photographs to add visual
meaning to the site.
 All photos should be captioned to
increase comprehension & SEO.
Important Considerations
 FAQ’s- improves users understanding of
the information presented and reduces
demand on your staff.
 Site Map—Helps users navigate and
search your site.
 Page Footers offer the user a set of links
to other pages in addition to essential
data about the site.
Site Marketing
 Your Web site should be an integral part
of all marketing campaigns and
corporate communications programs,
and the URL for the site should appear
on every piece of correspondence and
marketing collateral.
Site Navigation
 Gives us something to hold on to.
 It tells us what’s inside.
 It instructs us how to use the site.
 Consistent Navigation allows users to
adapt easily and predict with confidence
the location of information.
Omit Needless Words
 Reduces noise level of the page.
 Makes useful content more
prominent.
 Makes pages shorter, reduces
scrolling.
Kill the Happy Talk
 Happy talk is like small talk, visitors to
your site are not interested.
 Contains no useful information.
Chunk It
 Few Web users spend time reading long
passages of text on-screen.
 Chunking can help organize and present
information in a uniform format.
 Concise chunks of information are better
suited to the computer screen. Long pages
tend to disorient readers and require users
to scroll long distances.
Stock Photography
 Google Images is NOT a source of photos
for your web site.
 Royalty Free: Pay fee for variety of usage.
 Rights Managed: Pay fee for very specific,
one-time usage.
 ShutterStock, Getty Images, FotoSearch
offer affordable plans for Royalty Free Stock
Images.
Design is Devine
 The design of your site should offer relief to
the eye by striking a balance between text
and graphic elements.
Design Your Own Site
 WordPress and Joomla are two CMS
products that use templates so you can
build your own Web Site and manage the
content.
 CMS allows you to add/edit and delete
pages from your site
Benefits of DIY Web Sites
 Saves you money.
 Template driven, plug-ins available to add
functionality.
 Provides content management system
(CMS) that archives content and allows
you to easily upload new content to the
site.
 Manage site content via a Web browser.
Social Media
 Drives traffic to your web site.
 Improves SEO with keyword rich content.
 Gain better understanding of clients’
perceptions of your business.
 Increased awareness of your business.
What Should You Post?
 Industry Content – trending topics, lists,
tutorials, news.
 Engaging Questions – create a dialogue.
 Quotes – Inspirational quotes get lots of
shares. Quotes from industry leaders
appeal to your target audience.
 Statistics – useful and interesting
 Promotion – latest products and deals.
80% of what you share should be
interesting and valuable to your
audience.
20% should be promotional items
about your business.
Grow Your Audience
 Add links to your social profiles
everywhere: your website, your blog, your
email signature, your e-newsletter.
 Engage with as many people as possible
on each network.
Rules of Engagement
 Twitter:
Search for discussions by keyword/hashtags
and reply using your business profile.
 Facebook:
Use your page to comment on other posts by
other Facebook pages in your industry (not
your competitors).
 LinkedIn:
Use your professional profile to join and
participate in groups within your industry.
Rules of Engagement
 Google+
Use your page to comment on posts on
other Google+ pages and communities in
your industry.
 Instagram & Pinterest:
Comment on other people’s shares using
your business account.
 YouTube:
Comment on other people’s videos using
your business channel.
Success Factors
 Facebook – 1 to 4 p.m.
 Twitter – 1 to 3 p.m.
 LinkedIn – 7 to 9 a.m. or 5 to 6 p.m.
 Google+ – 9 to 11 a.m.
 Pinterest – 2 to 4 p.m. or 8 p.m. to 1 a.m.
Know when the highest percentage of your audience is
eavesdropping on your social networks
Success Criteria
 Top of Mind Awareness within Marketplace.
 Content is relevant, informative, and addresses the
needs of the visitor.
 Information is easy to find and read.
 Increase unique visitor traffic to site.
 Reduce demand on staff when handling inquiries.
 Capture user data for future marketing.
 Connectedness–link to other Web properties.
 More product inquiries—MORE BUSINESS!
Social Media Evaluation
 Engagement Metrics – How many people
like your posts? Are they being shared?
 Conversion Rate – Are the posts doing
what you want? Landing Pages.
 Branding Success – How successful you
are at branding your business.
Web Site Evaluation
 Number of unique visits.
 Average duration of a visit.
 Top referring web sites.
 Top entry and exit pages.
 Top referring URL’s.
 Average number of users per day.
 Most active day of the week.
 A free service offered by Google that
generates detailed statistics about the
visitors to your web site.
 Shows you how people found your site,
how they explored it, and how you can
enhance their visitor experience.
Quality Update
 The key to creating a great website is to
create the best possible experience for your
audience with original and high quality
content.
 More valuable and useful than other sites.
 Engaging: Bring color and life to your site by
adding images of your products, your team,
or yourself.
Important Tools
 https://www.google.com/alerts
 http://www.google.com/analytics
 http://www.keywordspy.com/
 https://archive.org/web/
 https://moz.com/local
 http://www.seoquake.com/
 http://www.seomofo.com/snippet-optimizer.html
 http://www.copyscape.com/
 https://www.xml-sitemaps.com/
Website best-practices

Website best-practices

  • 2.
  • 3.
  • 4.
    We don’t figure outhow things work We muddle through
  • 5.
  • 6.
    Web Site Conventions They are useful. Conventions only become conventions if they work.  Designers are reluctant to use conventions, they like to reinvent the wheel.  Innovate when you KNOW you have a better idea, but use conventions when you don’t.
  • 7.
    Web Site Convention Examples Navigation appearing along the top or running down the left side of the page.  Logo located in the upper left corner.  Hyperlinks are underlined.
  • 8.
  • 9.
    What Defines A Good SmallBusiness Web Site?
  • 10.
    A Good WebSite Has:  A tagline that clearly identifies what you do.  Consistent design and navigation on all pages.  Clear hierarchy of information.  Footer links at the bottom of every page.  Keywords that identify your business.  Easy-to-find contact information.  A means to gather user data.
  • 11.
    Things to Avoid Splash or Intro Pages.  Slow loading pages.  Large blocks of text on the main site pages.  White text on color background.  Too much Flash and Music.  Incomplete pages.
  • 13.
    Information Architecture  CreateUsable Navigation System  Easy to learn  Consistent throughout the site  Minimum number of clicks to destination.  What is the mission or purpose of the site.  Who are the intended audiences.  Determine the organizational structure  Hierarchy of information  Narrow and deep or broad and shallow.  Create a site map or blueprint of the site.
  • 14.
    3 Important Concepts RequireYour Attention  What the audience wants from you.  What you want to say.  How you arrange the content to best meet your audience’s needs.
  • 15.
    Break up pagesinto clearly defined areas
  • 16.
    Make it obviouswhat is clickable
  • 17.
    Important Considerations  Aclear, concise mission, vision, and values statement.  Include photographs to add visual meaning to the site.  All photos should be captioned to increase comprehension & SEO.
  • 18.
    Important Considerations  FAQ’s-improves users understanding of the information presented and reduces demand on your staff.  Site Map—Helps users navigate and search your site.  Page Footers offer the user a set of links to other pages in addition to essential data about the site.
  • 19.
    Site Marketing  YourWeb site should be an integral part of all marketing campaigns and corporate communications programs, and the URL for the site should appear on every piece of correspondence and marketing collateral.
  • 21.
    Site Navigation  Givesus something to hold on to.  It tells us what’s inside.  It instructs us how to use the site.  Consistent Navigation allows users to adapt easily and predict with confidence the location of information.
  • 23.
    Omit Needless Words Reduces noise level of the page.  Makes useful content more prominent.  Makes pages shorter, reduces scrolling.
  • 24.
    Kill the HappyTalk  Happy talk is like small talk, visitors to your site are not interested.  Contains no useful information.
  • 25.
    Chunk It  FewWeb users spend time reading long passages of text on-screen.  Chunking can help organize and present information in a uniform format.  Concise chunks of information are better suited to the computer screen. Long pages tend to disorient readers and require users to scroll long distances.
  • 26.
    Stock Photography  GoogleImages is NOT a source of photos for your web site.  Royalty Free: Pay fee for variety of usage.  Rights Managed: Pay fee for very specific, one-time usage.  ShutterStock, Getty Images, FotoSearch offer affordable plans for Royalty Free Stock Images.
  • 29.
    Design is Devine The design of your site should offer relief to the eye by striking a balance between text and graphic elements.
  • 31.
    Design Your OwnSite  WordPress and Joomla are two CMS products that use templates so you can build your own Web Site and manage the content.  CMS allows you to add/edit and delete pages from your site
  • 32.
    Benefits of DIYWeb Sites  Saves you money.  Template driven, plug-ins available to add functionality.  Provides content management system (CMS) that archives content and allows you to easily upload new content to the site.  Manage site content via a Web browser.
  • 34.
    Social Media  Drivestraffic to your web site.  Improves SEO with keyword rich content.  Gain better understanding of clients’ perceptions of your business.  Increased awareness of your business.
  • 35.
    What Should YouPost?  Industry Content – trending topics, lists, tutorials, news.  Engaging Questions – create a dialogue.  Quotes – Inspirational quotes get lots of shares. Quotes from industry leaders appeal to your target audience.  Statistics – useful and interesting  Promotion – latest products and deals.
  • 36.
    80% of whatyou share should be interesting and valuable to your audience. 20% should be promotional items about your business.
  • 37.
    Grow Your Audience Add links to your social profiles everywhere: your website, your blog, your email signature, your e-newsletter.  Engage with as many people as possible on each network.
  • 38.
    Rules of Engagement Twitter: Search for discussions by keyword/hashtags and reply using your business profile.  Facebook: Use your page to comment on other posts by other Facebook pages in your industry (not your competitors).  LinkedIn: Use your professional profile to join and participate in groups within your industry.
  • 39.
    Rules of Engagement Google+ Use your page to comment on posts on other Google+ pages and communities in your industry.  Instagram & Pinterest: Comment on other people’s shares using your business account.  YouTube: Comment on other people’s videos using your business channel.
  • 40.
    Success Factors  Facebook– 1 to 4 p.m.  Twitter – 1 to 3 p.m.  LinkedIn – 7 to 9 a.m. or 5 to 6 p.m.  Google+ – 9 to 11 a.m.  Pinterest – 2 to 4 p.m. or 8 p.m. to 1 a.m. Know when the highest percentage of your audience is eavesdropping on your social networks
  • 42.
    Success Criteria  Topof Mind Awareness within Marketplace.  Content is relevant, informative, and addresses the needs of the visitor.  Information is easy to find and read.  Increase unique visitor traffic to site.  Reduce demand on staff when handling inquiries.  Capture user data for future marketing.  Connectedness–link to other Web properties.  More product inquiries—MORE BUSINESS!
  • 43.
    Social Media Evaluation Engagement Metrics – How many people like your posts? Are they being shared?  Conversion Rate – Are the posts doing what you want? Landing Pages.  Branding Success – How successful you are at branding your business.
  • 44.
    Web Site Evaluation Number of unique visits.  Average duration of a visit.  Top referring web sites.  Top entry and exit pages.  Top referring URL’s.  Average number of users per day.  Most active day of the week.
  • 45.
     A freeservice offered by Google that generates detailed statistics about the visitors to your web site.  Shows you how people found your site, how they explored it, and how you can enhance their visitor experience.
  • 47.
    Quality Update  Thekey to creating a great website is to create the best possible experience for your audience with original and high quality content.  More valuable and useful than other sites.  Engaging: Bring color and life to your site by adding images of your products, your team, or yourself.
  • 48.
    Important Tools  https://www.google.com/alerts http://www.google.com/analytics  http://www.keywordspy.com/  https://archive.org/web/  https://moz.com/local  http://www.seoquake.com/  http://www.seomofo.com/snippet-optimizer.html  http://www.copyscape.com/  https://www.xml-sitemaps.com/

Editor's Notes

  • #3 Studies show that most people read less than 30% of the content on a page.
  • #4 Web users choose the first reasonable option
  • #5 Few people take the time to read everything. There’s no penalty for guessing wrong. Weighing options may not improve our chance. Guessing is fun.
  • #6 Without being taught, we all learn to read newspapers, not the words, the conventions: Large type is usually the headline, text underneath a photo is a caption.
  • #7 Web design conventions are a set of rules that help visitors “feel at home” on your site even if it’s the first time they visit it. Most websites adhere to these rules and yours should to.
  • #9 There are two kinds of noise: Busy-ness, everything on the page is clamoring for attention. Background noise. Your web pages are like being at a cocktail party, no one source of noise is loud enough to be heard
  • #13 Make sure that you invest the time to properly plan the information architecture of your site
  • #16 The home page is reserved for high-priority tasks and should divide your audience and send them to their particular area of interest.
  • #17 We are always looking for the next thing to click. Don’t force users to think about something that should be obvious
  • #27 Discuss situation client experienced using photos lifted off the web.
  • #29 One of the most common mistakes that businesses make is focusing too much on the Form or Style and less time on the Function or Substance of their web site.
  • #33 With CMS, you can add calendars, online forms and blogs
  • #34 PEO Paid Earned Owned.