Tuesday, February 26, 2008

Effective Web Design Usability Principles

1. Getting to know about audience members

You want a site that has personality and quality content based on your audience taste. You have to understand their color preferences, technical skills and any prevalence of special needs.

2. Make the interface simple and obvious

The more obvious the interface is, the less frustration the site visitor has to guess about how your site works. You want the audience to concentrate on the content, not the interface.

3. Readability

Make paragraph easy to read. Don’t use small text for font size.

4. Make your page fast loading

Reduce the waiting time is a must if your page over 20KB.

5. Avoid hidden (rollover to reveal) navigation

It makes for a very clean design if all your navigation is hidden, but it may also mean that people won’t know where to click to go somewhere.

6. Get user feedback

Find out what works and what doesn’t.

7. Study site visitor performance

How long does it take to performance a given task? The time it takes to do thing has got to be reasonable. If it’s not reasonable, improve user interaction wherever possible.

8. Help section (site map, 404)

When site visitors make a mistake try to provide many ways to help them out of it.

9. Test early and test often

Test your code for bugs on web browsers. Test the interface for usability. Ask your friends and colleagues for in depth and valuable feedback.

Please don’t think that the website usability techniques discussed above are the be all and end all of web usability as they are not.

Sam H Mah is a search engine optimization website designer who provides web standard compliant website for small and corporate clients around Canada and the world. Request a FREE usability / SEO website critique.

The Secrets to Successfully Learning Basic HTML

Learning the HTML basics is easy and should take less than an hour.

First you’ll need some type of software/editor to create your html pages. Here’s a few to try out (or not) and see which you feel most comfortable with.

Editors for Hand Coding:

(http://www.notepad.org) Notepad - This easy-to-use HTML editor is FREE (for Windows version 2.0 and above). If you are interested in learning how to code by hand then this editor is highly recommended. It is not cluttered with tons of features and is handy for all scripting languages, html, perl, php, etc.

Advanced Source Code Editors:

These editors are similar to Notepad by allowing you to create your webpage via hand coding, but they help to speed up the process of coding by hand with features such as syntax highlighting, spell checking, global find/replace, code libraries, code snippets, file explorers, page previews, and much more. Ideal for all scripting languages.

(http://www.alleycode.com) AlleyCode - This award winning HTML editor is fast and comes with many great features. You can view your progress in real time using it’s Synchro View feature. Another great editor if you want to learn to code by hand, comes with handy code snippets. Supports all scripting languages. Alleycode is FREE!

(http://www.evrsoft.com/download.shtml) 1stPage - This html editor comes packed with many features you won’t even find in the high-priced editors, and it’s free. This editor is perfect for everyone, from novice to expert. Some of it’s features include, 400+ javascripts, 15 dhtml scripts, 17 perl scripts, 6 html scripts, 2 cgi scripts.

(http://www.macromedia.com/software/homesite) Macromedia HomeSite - $99 (Free 30-day trial). HomeSite provides a lean, code-only editor for web development. Advanced coding features enable you to instantly create and modify HTML, CFML, JSP, and XHTML tags, while enhanced productivity tools allow you to validate, reuse, navigate, and format code more easily.

WYSIWYG: (What You See Is What You Get) I do not personally recommend using these. Reason being that the code can be messy, unnecessary tags can get put in, and most importantly, the code will NOT be valid. Valid code is important for a properly functioning, SEO-friendly webpage. Once you learn how to hand code you can use these editors to save time and just go over the source code and clean it up to be sure it’s valid.

WYSIWYG is a type of editor/software which allows the user to see the web page as it’s being created. In other words, you can drag and drop images exactly where you want them, place text where you want it and not really have to deal with the code side of creating a web page.

(http://www.macromedia.com/software/dreamweaver) DreamWeaver 8 - Free to try; $399 to buy. Generally known as the best of the WYSIWYG editors. Comes with an easy to use interface, expanded CSS support, background FTP.

(http://office.microsoft.com/en-us/FX010858021033.aspx) FrontPage 2003 - 30 Day Free Trial, $199 to buy. While being a popular choice and commonly used, FrontPage is also known to produce bloated, messy, invalid code, you’re best not to use this program. Features include the ability to upload your web site without requiring an FTP program, hit counters, feedback forms, and more.

(http://www.adobe.com/products/golive/main.html) GoLive - $399. Adobe® GoLive® CS2 software lets you unlock the power of CSS with intuitive visual tools such as prebuilt CSS objects that you can drag and drop to build sophisticated sites. Jump-start your designs by easily converting Adobe InDesign® layouts into Web pages. Or, design Web and mobile content in an advanced, standards-based coding environment.

To learn HTML it’s best to make use of the tutorials offered at such sites as (http://www.w3schools.com/html/default.asp) W3Schools and (http://webmonkey.wired.com/webmonkey/authoring/html_basics) WebMonkey. That’s how I learned. Also be sure to check out these excellent HTML resources, (http://www.websitetips.com/html) Website Tips and (http://www.htmlgoodies.com) HTML Goodies. To do the HTML tutorials I would advise using Notepad or one of the advanced source code editors listed above.

Colleen Chard is a professional web designer based in the greater Toronto, Ontario Canada area. She has been designing websites since 2001 and runs her own online business Kalina Web Designs, http://www.kalinawebdesigns.com. Colleen is also the webmaster of many other web sites including Directory Source, http://www.directorysource.info, and Apex Templates, http://www.apextemplates.com.

What is Blogger.com?

web developers came up with the idea of being able to share information about anything on the web. The terminology they used was called blog. It’s use was considered a mix of web page / personal journal. It’s original usages were vast and wide, but more and more people came to use them as a personal tool that is available anywhere the Internet is. The three friends would eventually create Blogger.com one of the largest blogger sites on the Internet today. Blogger, which stands for Web Logger, has increased in popularity over the past three years. There has been so much interest in what capabilities it holds Google.com purchased them. Eventually, Google assimilated their technologies and imported them into the popular plug-in, The Google Toolbar.

Blogger.com allows a user to create a userid. Depending on the userid and password the user creates a specialized link namely “yourlinkname.blogspot.com”. This space can be saved as a bookmark and published to the public or through a distribution list to a select few people. Your site is logged as a “webring” type of atmosphere, should you decide to take the information public. You can see all users who have published blogs and even enter in information on the blogs should they let you. Discussion groups and personal files are housed all within this environment making it a fun place to surf about and learn about different people and things.

You can create a private discussion group and send out information via email to let people know when content or a thread has changed. Blog is like a portal for individuals, instead of business. There are many robust features involved to keep your blog private should you not want to share information publicly. Its interface even includes a word processing editor so you can format the background and font all from one simple location. The ideas are simple; you can share information around the world without having to let everyone on the Internet community know your blog exists.

The necessity for a personal online portal or “blog” has considerable potential, as the Internet continues to evolve.

Jakob Jelling is the founder of http://www.sitetube.com. Visit his website for the latest on planning, building, promoting and maintaining websites.

How To Write More Powerful Online Text

there all have one critical thing in common - they’re read off a screen. There are substantial benefits, too, in that while your message is on someone’s screen usually it has their undivided attention. You are genuinely “one-to-one” with them and that’s something you must respect - you are literally “in their face” and encroaching on very personal territory. The bad news about online communications is that your message can be “disappeared” faster from a screen than with any other medium.

There are a few more stark facts about online that influence how your message is received. One, according to the worldcommunications -claimsiacgnificantly ed web expert Dr Jakob Nielsen, is that 79% of online readers don’t read - they scan. That’s a little like the way people browse through brochures. What it means is that your message must be delivered in a way that allows key points - and benefits, of course - to be picked up at the same speed as readers scroll and scan.

Secondly, Dr Nielsen has also calculated that when people read from a screen they do so at a rate 25% slower than they read print on a paper page. That’s because, despite high-resolution screens and all the other technological wizardry, on-screen text is harder to read. For this reason your messages have to be very much more concise than they do for printed media - some experts say screen text should be just half the length of its paper equivalent. In my view, therefore, there are two very important things you have to remember if you’re going to get the best out of online text.

Firstly, go with the flow of the physical restrictions and write so you minimize their effect. Also, create your text so it works well for scanners (human scanners that is) by highlighting key points in bold - not italics or underline because people think those are links. That way people get the gist of your message while scrolling, although of course they will stop and read more carefully when an emboldened section really does catch their eye.

Secondly, bear in mind that even in its short little life the internet has already started to put its early folklore on a nostalgic pedestal and this plays a key role in determining what works online now. Having begun its days as an electronic kaffée klatch for individual tekkies the net has developed a very personal informality and straight-talking ethos that, miraculously, is being preserved and perpetuated with considerable success. And that’s all the more astounding when you consider the vast commercialism that’s replaced the early net’s endearing woolly-sweater-and-sandals innocence, naïvety and honesty.

Never mind, though. There are other good reasons why brief, straight, plain - even blunt - speaking is a sensible style to maximize the success of your online text. Obviously it helps overcome the physical restrictions (see above) and also works well in such a personal, one-to-one medium that is, literally, in your face.

Today you only have to think how emotional people get over the issue of receiving “spam,” to understand just how firmly the PC or PDA or other forms of electronic screens have established themselves as part of their users’ personal space. “You don’t just use a computer,” my late mother used to shout when she came by my office to see if I was still breathing, “you wear it.”

Well, although I don’t exactly read it a story and kiss it goodnight I’m bound to feel pretty close to my computer (and the messages it displays) especially as I often spend more hours a day with it than I do with my family. The moral? When you’re writing online text, in fact online anything, respect the close relationship people have with their screens. Knock before entering, then be the perfect guest. Be direct, don’t waste their time, but remember to say please and thank you. Then leave before you’ve worn out your welcome. That’s the way to ensure not only that you make a good impression, but also that you’ll get invited back.

E-mails

The one huge problem nobody seems to have solved yet, as I see it, is how to handle the vast amount of e-mails that most of us receive every day. Even I, as a humble one-person-band little business employing no-one other than myself and my two rescued dogs who spend most of the day asleep under the desks in my office, receive between 50 and 100 e-mails per weekday. Some clients of mine receive double that. No doubt busy business people I don’t know receive even more. How do you prioritize those? How do you decide which ones to read now, which ones to read later, and which ones not to read but to dump?

Ah, ah, I hear you say, what’s that got to do with writing? Let me tell you. If you’re writing a personal e-mail to a friend there’s no problem, particularly as you’re more likely to send it to their personal e-mail address than their business addy. But what about business e-mails that you want the recipient to take notice of? How do you make the best of the medium when your e-mail is likely to be surrounded by at least 49 others all shouting for the same person’s attention?

In the earlier days of the internet, if you were smart and could write a snappy short phrase you could attract attention in the subject line, perhaps including the words “relax, this is not spam.” Now though, the spammers have cottoned on to that one and if you see a subject line in your e-mailbox saying “not spam” it almost certainly is - to the extent that this is the first thing looked for by most of the spam filters you can get.

Spam filters will also choke out all the obvious spammy words like “free” and “opportunity” and “give away.” And you can’t be believed if you write something really homely and innocent sounding like “message from your cousin Marianne” because that’s what all the porno spammers do. So what’s the answer?

Or, so what’s the problem? If the recipient of your e-mail is likely to know you and knows that what you have to say is usually interesting, they’ll open it and probably sooner rather than later. It’s when they think your message is not likely to be of use, relevance or interest to them; that’s when you’re relegated to the delete tab.

So what’s the most efficient way of ensuring people open your e-mails? You have to be interesting. That’s what’s in it for them, and their previous experience of your being interesting provides them with the incentive to read your new e-mail.

It’s also a good idea to confirm the fact that you’re interesting by getting over “what’s in it for you” in the first few lines of the text. If you don’t readers are often tempted to move on without going further, especially if they have 27 other e-mails to read. However here we risk straying into pure online marketing areas and once again, there is an impressive selection of reading matter available that goes into chapter and verse about that. But I do want to emphasize this point about being interesting.

Whereas the e-mail marketers might be agonising over how to write subject lines that get through the filters and get people to open the e-mail, a fair few of them may be missing the point that it’s not the subject line that matters so much as the name of the sender. If the recipient doesn’t know the sender it doesn’t matter how cuddly the subject line is, they won’t open the e-mail for fear of being sold some ugly garden furniture or pornography or even a virus. If they do know the sender but also know that he/she/they never have anything interesting to offer, they won’t open that e-mail either.

Do I hear the ringing of bells in terms of the quality of message? In online communication probably more than any other kind we have a tendency to forget that all the electronic gizmos are just enabling devices, and that at the end of the day the only thing that really matters is the message, not the means of delivering it. If the recipients of your e-mails know that you usually communicate interesting messages with something worthwhile in it for them, they’ll open yours even if the subject line is “more boring BS from Bobby.”

What Hosting Companies Dont Tell You, Could Hurt You?

servers despite all the issues caused by servers running hundreds of accounts? Are you aware of what happens if your website is hosted on a server that’s overcrowded? You’re probably thinking to yourself, “what do you mean overcrowd their servers?” Overcrowded servers mean big money for your hosting company, but also big problems for your website.

Hosting companies are willing to sacrifice the success of your website in order to build their own profit. The more accounts hosted on a server, the more revenue they can generate. Greed takes priority to a hosting company. Sure the plans they offer sound good, but do you really know what’s going on behind the scenes? After they take your hard-earned money, what happens next? Unless you’re a system administrator or network engineer, you probably have no idea how your website functions on an overcrowded server.

If you’ve reviewed or researched hosting companies you will notice they all look the same. They offer similar packages, claim they provide support, and appear to have a network worthy of the highest caliber websites. But what they don’t tell you is the type of disk space or bandwidth your website will be using. They don’t mention possible security risks. And they especially don’t mention how many accounts they create per server.

Avoiding the problems associated with overcrowded servers is extremely easy?

To read the entire article, visit http://www.gp-host.com.

Dave Young is the President/CEO of GP-Host, a division of Gluepoint, LLC. GP-Host provides a unique hosting environment for entrepreneurs and business owners.info@gp-host.com

Making Your Websites More Compelling

With just a little effort, you can make your web pages visually irresistible by playing with color, shapes and text. Whether your websites are already launched or you’re ready to create your first few, use the 3 simple steps below to kick things up a notch and make your sites professional and appealing.

Step 1: Grab People’s Attention with a Photo or Graphic.

Without a logo or visual image to represent the central offering on your web page, you are asking potential clients to immediately take a big leap and dive into your text. Why risk the possibility of them not reading your important message? People browsing the web are notoriously impatient. Capture their attention with a photo/graphic before they click off your site.

Choose the perfect image from Photodisc, ClipArt or Corbis for as little as $9 to $90 per image. Human beings are visual creatures. Consider your favorite magazine for a moment. Would it still be your favorite if it used only text on its cover this month?

Step 2: Boost the credibility of your service or product by using a professional color scheme.

Using the image you selected in step one, it’s easy to go the next step and pull together a professional looking color scheme. ColorSchemer is a small, inexpensive software (US$25) that helps you choose a color scheme that’s eye-catching and unexpected, even if you’re color-challenged. When picking colors, don’t be afraid to let your personality show through. Check out http://www.colorschemer.com/.

Step 3: Use graphical “signposts” throughout your material to help readers absorb your message.

As you browse the web, start making mental notes about sites you enjoy visiting. I’m willing to bet it’s the ones that break up text with colored bullets, numbers and other signposts that mentally engage you the most. I’ll even go so far as to say that a website that does not use graphical signposts shows a disregard for the needs of the reader, intentionally or not.

Think of these mini-graphics as a way of showing consideration to your reader. They want to read your material and you help them make it easy by providing mental white space and places to rest their eyes.

Just a few No-No’s:

Don’t overdo.

The power of visual communication can be diluted if too many images are used on each page. There is both art and science to finding the right balance since too many images on a website can be just as ineffective as too few. The key is to work at finding this balance by studying other websites.

Don’t use Flash or other animation.

More often than not, flash/animation comes across as cheap rather than professional and has only been shown to be effective in very specific circumstances. Moreover, web pages created with Flash don’t rank well with search engines. If you must use it, do so very sparingly and be sure to have it professionally designed.

Whatever you do, don’t be bland.

With millions of websites published every day, you must stand out in order to be noticed. Graphics that reflect you, your offering and your personality will help you become more attractive to clients — quickly, affordably and with style.

One of the challenges of working online is to alleviate your client’s natural reservations in a new and unfamiliar environment - the virtual world. Making things more comfortable for them is your number one priority and graphics will help you achieve that. By going the extra mile to make your websites look 100% professional, you become more credible in your own eyes as well.

Things to Consider Before Starting a Website

Here are some things to think about before you start a website.

What is the purpose of your website? Is it meant to be primarily a sales site or is it meant to be purely informative?

Once you have decided on your website’s purpose, you need to decide on a theme. There is nothing worse than going to a website and having to play guess what this website is about. To pick a theme, I suggest that you write down a list of things that you are interested in and/or knowledgeable about.

Once you have written your list down, you need to do some research. Use a tool such as the search term suggestion tool on overture to see if there is a demand for your topic. If you type in your topic and see a lot of searches done for your topic then you should use that topic. If you don’t see a lot of searches done for your particular topic, try another one.

Now that you have picked a topic that is in high demand, you need to either develop a product that fits the theme of your site or find a product to sell that fits within the theme of your site.

You also need some sort of freebie to offer on your site so that you can build your own opt-in list for marketing purposes. You should offer an ebook or a special report. Maybe even offer an e-course. Whatever you offer, make sure that you have a way of capturing the email addresses of your visitors. These people will become your “warm market” or people that you can market your other offers to.

You will need to find a hosting company to host your site. Free Web space is fine for just casual websites, but if you are serious about making money online you should eventually graduate to a paid host. The reason behind this is that many people perceive a site hosted on a free web space to be unprofessional. I don’t agree with these people myself, but you do have to deal with what the majority thinks in this industry.

You also need your own domain name. See the above tip.

You will need to code your site. You can either learn how to do this yourself or you can hire someone to do it for you. The amount of money you have to spend on this endeavor should help you to decide whether or not you want to hire someone.

Lastly, you need to figure out how you are going to promote your site. Here are some suggestions:
writing free articles for reprint in ezines and on websites.
buying advertising in ezines
buying advertising on websites
trading links with relevant sites.
This is by no means an exhaustive list of things to think about when starting a website. This article’s purpose is just to get you started. You should certainly read everything you can find about doing business online while you are building your business.

Copyright 2004 by DeAnna Spencer
This article may be reproduced and redistributed freely on the Internet as long as the resource box remains intact.

Resource Box: