Rules to Better Websites - Branding and Marketing

Hold on a second! How would you like to view this content?
Just the title! A brief blurb! Gimme everything!

  1. Do you add embedded social media to your website (aka Twitter Box)?

    People don't go to your Twitter profile as often as they visit your website. It's a good idea to have your Twitter timeline on your website. The Embeddable timelines are interactive and also enable your visitors to reply, Retweet, and favorite Tweets directly from your website pages.​​ The best place to put it is on the sidebar.

    Visit https://dev.twitter.com/web/embedded-timelines​ to view instructions on creating your embedded Twitter timeline.

    ​​​sswtv-twitterbox.jpg
    Figure: SSW TV Twitter timeline on SSW TV website sidebar​

    Note: Visit Facebook's Page Plugin to also integrate a Facebook Like Box to your website​

    Read more about Do you add embedded social media to your website (aka Twitter Box)?

  2. Do you avoid "Under Construction"?

    If all you have time to ftp up is a couple of simple html pages with few contact details and a brief "About Us", then leave it as that. Writing "Under Construction" says "We have a few ideas, but we really just don't have the resources to get our website together at the moment." Bad idea.

    ​

    Websites Under Construction
    Figure: "We just can't get our act together on our website"
    Read more about Do you avoid "Under Construction"?

  3. Do you avoid using a Counter?

    In the past, Web people thought it would be useful to tell people how many visitors the site has had. The idea behind it was that each visitor would see a figure and think "oh, this site must be good, it has had X number of visitors" and elect to stay with the site. It was basically a gimmick. So counters were born in various shapes and sizes and more and more sites used them until someone realised it wasn't actually adding anything useful to the site: the numbers meant nothing to the visitor especially if they were really high. And if the numbers were low or perceived to be low, depending on how long the site had been up, then visitors often left before going any further. Plus the counters were virtually useless for Web site owners. They didn't provide any useful information other than the fact that there were a certain amount of visitors. There was no way of knowing how many of these visitors were "unique" i.e. new to the site.

    Behind-the-scenes Web tracking software now makes it possible to get rid of the counters and most professional sites have. Google Analytics allows them to track their visitors much more comprehensively and use the statistics to guide their marketing efforts.

    See our to Better Google Analytics Reports

  4. Do you do a critique of competitor's websites?

    Here are my thoughts on a couple of product sites critiqued against our criteria. The following are the first 3 things I look on a product site:

    • Screenshots
    • Testimonials
    • Product Box

    Total Access Analyzer

    The good points about the website:

    • They have a user friendly left navigation bar allowing quick access to product specific information.
    • There is heaps of information to be read if you choose to.
    • I really like the "Convince Your Boss" section.
    • I think the "Quick Tour" is good with heaps of detailed information.

    The bad points about the website:

    • Seems busy
    • Took a while to find the screen shots - should be more obvious.
    • A significant amount of reading is required to understand what the product will do for you.
    • No links to product support or knowledge base.
    • No screen shots.

    SQL Compare

    The good points about the website:

    • Aesthetically pleasant with a simple easy to read layout.
    • Links are provided to more detailed information.
    • Access to evaluation copy and help files.

    The bad points about the website:

    • Screen shots are given but what is the purpose of making them so small I have to click every single image.
    • When you open up the first page you should see a quick summary of what the product will do for you. Such as the key features and benefits.
    • No description of system requirements.
    • No description of how it works.

    Rich Text Box

    The good points about the website:

    • They have a user friendly tool bar allowing quick access to product specific information.
    • Testimonials standout.
    • Feature section is good - Where appropriate information has been summarised or put into a table.
    • Compact design all in one screen full with links for more detailed information and a good menu bar at the top.
    • Links are used frequently for access to more detailed information.
    • There is a screen shot with a really good online demo.
    • A lot of effort has been taken to make this site look aesthetically very pleasing.

    The bad points about the website:

    • There are buttons in the top header which do nothing. I know now that is the intention but I think confusion should be avoided.
    • A lot of advertising clutter leaving web surfers confused as to where to go next.

    SSW Code Auditor

    Good points:

    • Outlines the problems that the program solves well
    • Good feature overview
    • Has box shot, giving the product some identity.
    • Has links to further information about related technologies (e.g. regular expressions).

    Bad points:

    • Testimonial is meaningless
    • Screenshot doesn't illustrate purpose of application
    • Too much content on one page, with no easy way to get to a specific area. Much of the content doesn't need its own section, and could be condensed to simply enhance the feel of the site.
    • No clear links to product knowledge base until the bottom of the page
    • Section about FxCop could be put on a separate page, with a feature comparison table, which is then linked to with a navigation item. This content won't be of interest to many surfers. Those who do know FxCop will see the link and click through.
    • Report demo should be made clearer. People want to see this.
    Read more about Do you do a critique of competitor's websites?

  5. Do you ensure that your contact details easy to find?

    It's crucial that contact details are placed exactly where the user expects to find them - preferably on every page. People will often come to your site just to find a phone number or an email address, so make sure they're search isn't harder than it needs to be.

    SSW has its contact details in the top navigation, which is found on all pages across the site.

    Figure: SSW's contact details on the web site
    Read more about Do you ensure that your contact details easy to find?

  6. Do you gather more personal information progressively?

    Most people don't like to disclose personal information and in some cases will give you dud data. This is more often the case when people are required to give a lot of information at one time. What we have found at SSW is that you will get better quality personal information at intervals and not all at once.

    For example: Lets say I go to a website to download some software, but to do this the company requires me to give my Name, Address, Phone Numbers & email address. The likelihood of them receiving my correct details are limited as I don't know what they will do with these details and I don't know the company at all. However, if that same company only asked me for my user name and email address only I would be more inclined to leave them the correct information as this is not as intrusive and a lot quicker. I would also be more inclined to go back to that website and download more, which is when you ask the user for that little bit more information.

    The second time round that company may ask me for my real name and a phone number. Again this is not as daunting because as the user I have already given this company some of my information and feel that I can trust them a bit more than the average company.

    The third time I go to download they ask me for a little bit more information, so by the time I have visited their site to download I have effectively given that company all my personal information.

    Of course this does not guarantee that people will cease inputting dud data, it does decrease the chances though!

  7. Do you go for Minimal Design?

    Not only do we try to keep our designs clean and simple without too many images, we also try to minimise the number of words. If something can be revised to make it cleaner and simpler, we will always do it. A lack of superfluous words means your readers don't get bored and will stick around longer.


    Figure: Testimonials as displayed on SSW's About Us page

    Web minimalism and simplicity means emphasizing what is essential and important to your readers. Remove every non-essential or unimportant element. Readers only have so much attention to give, if you present them with less they will have more attention to give to each element.

    Benefits of Simple Design

    • Pages load faster
    • Clearer and easier to scan
    • Easy to navigate
    • Quicker to design (more profitable)
    • Quicker to build
    • Quicker to redesign
    • Easier to maintain
    • Easier to make work on different browsers
    Read more about Do you go for Minimal Design?

  8. Do you have the ability for users to give you free feedback and report bugs on every page?

    How come there are so many pages I see that don't have an email address on the page? Every page on your site should have an email hyperlink.

    Even better make it easy for visitors to report the actual page they are referring to. A simple mail link will give users an easy way to report bugs or give feedback (check out the bottom of this page). By putting this code in your footer template, users will see this link on every page.

    <a href="mailto:infomation@***.com.au?subject=FeedBack&body=<%=Request.ServerVariables("URL")%>"> Feedback Please </a>

    Read more about Do you have the ability for users to give you free feedback and report bugs on every page?

  9. Do you know how to collect more email addresses?

    ​When a user enters your website for the first time, they should be encouraged to give you their email address via a nice popup.
    ​goodExampleEmailCollection.jpg

    ​​Figure: Good Example - the user profits from signing up with their email address.​

  10. Do you know the right format to show phone numbers?

    Every phone number should include the country code (with the + sign) so people in another country can call/text without having to look for the special numbers to go international. Make sure you always set your mobile number in the correct format.​

    ​Bad example: (503) 629-4000
    Good example: +1 (503) 629-4000
    Read more about Do you know the right format to show phone numbers?

  11. Do you organize your product information on your website appropriately?

    The way you present information to prospective clients determines its effectiveness. In a cluttered environment we skilfully organize information for the greatest impact. When advertising software we like to use the following standard.

    1. First Sentence (aka Tag Line)
      This is a one line sentence that explains the benefits of using the software. This description is non-technical, but should give an idea of who the software is for. E.g. "Automate your code reviews with SSW Code Auditor"
    2. First Paragraph
      A paragraph that describes in greater the detail what the software does, what Microsoft products it works with (e.g. Access, Outlook, SQL Server etc) and any initial technical notes. E.g. "SSW SQL Total Compare resolves data conflicts with SQL Server Replication. This tool reports the differences between the Publisher and Subscribers the data."
    3. Key Features & Benefits
      It's now time to convince the web surfer that they want the product. This section needs to summarize in bullet points why this product is going to solve their problems. If necessary group the benefits into logical categories.
    4. Screen Shots
      One screen shot on the first page is important for customers to get the look and feel of the application. Then link to more screenshots.
    5. A Recorded Demonstration
      Customers love demonstrations especially when they are faced with using a product that they have never used before. An .avi is a great and innovative way to coach people on how to use products, and work with regardless of where they are around the world.
    6. Testimonials
      Place a testimonial from another user who's already using the software. Customer's tesimonial tends to be informal and the message can be easily understood by your visitors.
    7. User Guide
      This is help facility is designed to quickly get you up and running. Once again if you can offer it to customers make sure you let them know about it
    8. How it works
      This is a brief technical description of what goes on behind the scenes
    9. System Requirements
      The minimum system specifications to run the application.
    10. Support
      One of the most important attributes that customers of software products look for when they make a purchase is whether or not there will be support if they are stuck and having difficulties with the software. One very cost effective method of support is to provide a knowledge base where customers are free to seek the answers to their own problems.


    Organize your product information
    Figure: How to organize your product information.
    Read more about Do you organize your product information on your website appropriately?

  12. Do you show testimonials on your website?

    Testimonials are a great way of making people comfortable with dealing with your company. They give the website a positive vibe and provide users with something relational that they will identify with (problems solved, needs met, people made happy, economic crisis avoided, etc.)

    SSW have a random testimonials box up the top of many pages. One example is the About Us page.

    ​
    Figure: Testimonials as displayed on SSW's About Us page

    Another alternative is having the testimonials listed down the right hand side of the screen. An example of this can be seen at: http://www.ericjsmith.net/codesmith/.

    An interesting spin on the previous link is a website that still has the testimonials down the right hand side of the page, however it displays exerts of these testimonials in comic book style speech bubbles. An example of this can be seen at: http://www.richtextbox.com/richtextbox/.

    Read more about Do you show testimonials on your website?

  13. Does your website have a favicon?

    Don't forget to add a favicon to the address bar of your website! That extra bit of polish gives your site credibility.

    Simply add the following within the head tags on your document:

    <head>
    <LINK REL="SHORTCUT ICON" HREF="/ssw/Images/icossw_v2.ico">
    </head>

    Read more about Does your website have a favicon?

  14. Does your website have an 'About Us' section?

    One of the first things you need to include when building a website is an 'About Us' section. An 'About Us' section gives the website credibility and more importantly gives readers an overview of you and your company.

    At SSW we based our 'About Us' page on 4 criteria; these are 4 aspects that we feel potential clients would want to know. Below is an example of the most important aspects we felt needed to be addressed on the SSW 'About Us' page:

    ​

    1. Target
      • Our location - Sydney
      • We specialise 'in .NET solutions for ...'
      • Products offered: 24 developer utilities for .NET developers
    2. Credibility
      • SSW has been running Microsoft .NET User Group for 10 years
      • Chief Architect is the Australian Microsoft Regional Director
    3. Services Offered
      • Technologies we use
      • Customized software solutions
    4. Goals
      • To develop customized solutions for each client to meet specific specifications

    To see the final result of these standards, see SSW 'About Us'.

    Read more about Does your website have an 'About Us' section?