30 Best Web Design Standards Needed for Internet Site
A list of standard web design features needed in a great web site as presented by Andy Lee Graham founder of HoboTraveler.com 12 years in business.
A web designer needs to be 100 proud of everything on the site, there can be nothing allowed that is half done. There can be nothing stupid on the site, because all readers are looking for the one excuse to click away There is no such thing as a fair chance, they assume there is nothing relevant to them and will click away when they are the least confuse bit confused.
The WOW of a page is great, but there must be obvious benefits to returning, do not think a "Field of Dreams" attract them to a site, true value or fun keeps them coming back --- and you captured their e-mail...
Goals of a web page: To capture the e-mail of a new visitor to the site, that will then allow us to serve this person regular e-mails the that temps them to revisit the site. To become a super site the content needs to be created by reader, no one person can write enough content to be world class.
- Nothing stupid allowed: How does a webmaster do this? It is easy, you have a 5 page site, nothing to maintain, and easy to fix. When someone complains, you repair, and make good.
However, we do make large sites, try new things, and if we can, if we can focus, we fix permanently anything that ever reveals itself as stupid. READERS LEAVE ON STUPID AND NEVER RETURN.
- I have a need for speed: The sites must be in the the top 20-30 percent on planet, and 80 percent are slower. A web designer can use Alexa.com as a measure of speed, that compares your site to others.
(This one is extremely important)
- 5 average page views according to Alexa.com, this means the readers first impression was good enough, it is a measure of sticky. However, too sticky means they never click on advertisement, and this may be the demise of Facebook, nobody leaves by clicking on ads to pay for the site.
(This one is extremely important)
- 3 minutes average time on site according to Alexa.com
- CSS and HTML validated pages for the site, any page on the site needs to have a no error validated structure.
- There is an introduction on 100 percent of pages, this is the first 25 words to found by Google, or search engines. This line becomes the introduction when being tempted to click on a link after a sear. The introduction is editable on the page, in a WYSIWYG interface.
- No Slamming: Slamming is when a link Go to a page, or a reader click and lands on something with no idea why they are there, no explanation, they are required to think and think on what to do next.
- Not possible to make a duplicate title. For dynamic, database driven pages, there is a comparison made when writing a title, that refuses to allow a duplicate title to exist on the site.
- All links in header stay on site, none to lead off site, links going off site are at bottom of page, or possibly in footer. Exception, for sites owned by the same owner, they can go off with an explanation, be extreme clear here, there can be no slamming. All explanation on why the reader is leaving must be insanely simple to understand, in the few possible words.
- Navigation links in header are always mirrored in footer. Then the footer has additional business types links. Therefore, when you update the header, you in turn need to update the footer.
- SEVEN advertisement places reserved in CSS for page: three needs to be three above the fold, and four below. Unless the site is a non-profit, vanity, or government site, then the reason for being is to make money, Without advertising integrated into a site, the site is lacking in good business acumen.
- Heat Map Designed Page: Google Adsense, Affiliate advertising optimized for best location according to heat maps.
- Business links on Page: At bottom of all pages are links to Home, About, Contact, and Privacy. These are "standard names" for links, do not be clever here, the bot and the search engines are expecting to find them, and will give a page less rank and authority when they are missing.
- Edit Page Link: If you want anyone to edit the page, there is an edit button that is small and hard to see or find, it does not show easy. Always in same location on all pages for reader subconsciously will remember.
- Button Colored to make readers click: A bright easy to see colored button means the reader needs to find quickly. A soft color is for business to the site links, such as edit. If you are promoting something like subscribe to newsletter, make it bright. A site uses graphic links to entice readers to click on a link, more or less graphic links are advertisement on the site, leading to features that collect readers e-mails, or make them members.
- Close eyes and Open: The theme of the page must instantly be injected into the brain of the reader when they open their eyes.
- A person can drill down to all pages on site within 4 clicks that does not require search.
- All external links open or are sent to a page with a site header, above, that has advertisement in it, this allow the reader to look at the external page, then return to the site, the reader has an obvious path to return.
- There is always a next or previous that does not wiggle, there is always a way that leads a person to look at photos to get large numbers of page views.
- All support problems replied to, and CC to owner by e-mail within 24 hours.
- The Blog is a Digest of all Site Article and Updates: A reader can follow by e-mail, RSS feed, and update, Video, Photos, Blogs, Topics, New Members, Photos by new member, every page is has a photo, then a snippet.
- Sitemap and Mirrored by Navigation: A site map that allows simple drill down within four clicks, and there is a site map submitted to Google, bing, etc. There must always be a clickable path to any page within 4 clicks. Search is done for ease, but the click path is done for the Google Bot.
- Mash or Interweave Pages: The ability to connect, or link to from any page on the site, to mash from any page to any page in simple manner. This is to allow readers to find relevant links, or similiar topics. And for SEO it create a Christmas tree effect, that the bottom support the star page.
- No broken links. If by accident, a broken link or photo is auto created, the tech is to create a system whereby human error is not possible.
- Call to action links next to features, it the goal is to have someone add photos, then put the add photos link within 50 pixels of the photos.
- My or your 80 year old Mother is able to use any feature on the site, without them writing support questions.
- No way to write support easily: But when one does arrive, it is considered the 1 in 50 person that was annoyed, the other 49 left the site without notice.
- Viral Engine Connected to all Features: All features are designed to go viral there must be a way to e-mail share, twitter, or Facebook share. This creates a loop whereby a reader could click and return to the main page, do not sent anything to Facebook, without a link back.
- No Feature is Done Until used in Mass by Readers: It there is a feature, like upload photos, until it is widely used, and connected to a viral engine, it is not finished, it is not completed, it a broken feature.
- Instant Fixing of Seen Problems: The site needs to be 100 percent free of errors, if you notice a problem in wording, spelling error. The admin should instantly correct, there is no todo list here, it must be done immediately so the number of errors on site decrease, as new features come on board.
- No Crashing Borders: Here is an example below.
- All Negative Flamers or Trolls Banned Immediately: Do not warn of this, allow humans to expose their bad character, a good member is always with good humor or help. Members who try to be clever, or provoke, or prove one article false must be banned immediately. If a comment is not helpful, but the intention is to draw attention to the person writing by being clever, obnoxious or intends to provoke, he or she is to be banned with no recourse. There should be a one warning system for people who are on the edge, but no warning for flagrant flaming.
- Self Service WYSIWYG writing area, all writing updates need to easy, no HTML knowledge necessary. A person can click on an edit button and go to a What You See Is What You Get page to write.
- No Cognitive Dissonance created by navigation, or changes in page. If something changes, it needs to be for harmonious reasons.
Each new feature added to a site needs to pass all the ideas above to be completed and adequate.
A web site has the super intelligent designing a platform for the average person to use. The techs often lack any empathy, with lessor intelligence, and create a site only they can understand and use. The test of a good site is always done by allowing your 80 year old grandmother, mother, friend to use it. Sit her down, and ask her to use the site, if she is the least bit confused, you lose.
Andy Lee Graham
CEO / Founder of the HoboTraveler.com Network
12 Years under the HoboTravler.com Brand.