Texelate - the Leeds Web Design StudioHomeAbout MeServicesTestimonialsPortfolioBlogQuoteContact
My BlogGet a free quote now

Usability

Archive for the ‘Usability’ Category

Web design versus print design

Sunday, June 21st, 2009

Sometimes two things that appear to be like one another can actually be two very different things. Some use the terms ‘print design’ and ‘web design’ interchangeably but actually these two apparently similar disciplines of design have some crucial differences and sometimes a well–meaning print designer who has decided to add web design to his or her list of services can unwittingly be producing you a website that is not fit for purpose. Here I outline a few of the differences.

Users’ settings

One of the fundamental differences between web and print is that with print you know exactly how people will see your finished work. Everyone gets the same design on the same printed medium. On the web, however, there are many subjective factors that mean people may see your website slightly differently. A good example of this is screen resolution; one user might have a small 4:3 monitor displaying at 800 x 600 and then another might use a large widescreen monitor and 1980 x 1200. There are many other subjective factors to consider too: how much ‘real estate’ the browser’s toolbar takes up, how big they have the browser on their desktop, what size they have the text set. The list goes on and a good web designer knows that you must consider these factors and that you cannot guarantee everyone will see your website in the same way.

Colour

Print designers are very pedantic about colour matching—and quite rightly so. When working with print you can—and want—everyone to see what you have designed as it should be. Print uses the CMYK colour mode to represent how ink is matched and colour profiles are used to ensure that the colour is represented in the same way across different computers. Again, web designers do not have this luxury. First of all, computers actually use a different colour mode, RGB, to render colour on–screen. RGB—which stands for Red, Green, Blue—uses three values to represent the three colours used for each pixel on–screen. When print designers work in CYMK, they are actually working with RGB values the computer has converted to CMYK. Plus not all browsers support colour profiles, so it is unwise to use them. The upshot of all this for the web designer is, again, you cannot be sure your colour will be seen in exactly the same way by all your users. Furthermore, PCs and Linux use a colour gamma of 2.2 whereas Apple Macs use 1.8 resulting in a noticeable colour difference (the same image would look more vibrant on a Mac). Finally, it is worth noting that you do not know if the user has altered their monitor’s brightness and contrast settings.

How visitors scan information

When people read printed literature they scan it very differently to how they scan a website. Tests show printed literature is digested more casually (see the next point—Attention span) and is read in a different order. Websites on the other hand are scanned very quickly so all information must be concise and must draw the eye to it.

Attention span

Unlike print, website visitors tend to have a very short attention span. Most of them want something—and they want it quickly. Whether your goal is to generate a lead, capture an email address, make them pick up the phone or make them buy a product from your online shop a website should be designed to achieve this goal, rather than just to look pretty. This is arguably where most print designers (and even a lot of web designers) fail.

Typography

The World Wide Web was designed to serve information over a network and was not really designed with advanced typesetting in mind. While the technology that controls how a website looks (CSS) is quite sophisticated it does not come with the same set of typography options available in a professional desktop publishing application such as InDesign. And as was mentioned earlier a user can use their browser to override many of the text settings anyway.

Conclusion

So it is evident that these two branches of design might seem similar on face value but actually there are differences all print and web designers should be aware of. If you are considering using a print designer to design your website check that they have sufficient experiences with websites, which is more than just good design. Some print designers get hung up on looks only whereas a good web designer will use design and layout to make your website perform as effectively as possible.

If you are unsure or just want to work with someone who knows how websites work call me on 07843 483 078 or get a free quote online.

How to make a user-friendly website

Tuesday, April 28th, 2009

From my experience creating a website that is easy to use is not all that difficult yet most people seem to get it wrong. To help you make a more user–friendly website, I here detail what I consider to be the most important elements. Note, there are some exceptions to the rule but this is a pretty good starting point.

1. Use a consistent layout

The main structure of the page—layout, menus, typography—should be the same on every page. Your visitor will know where they are then; it helps them not to get lost in your website.

2. Include a site map

Not only does a site map help your pages get indexed by the search engines more easily, a site map means that the user is never more than two clicks away from any page in your site. A site map, presented in a hierarchical manner, also helps people to visualise how your site is structured and how each page relates to the others.

3. Be approachable

Some sites require a lot of effect to find even a phone number or email address. Being approachable not only means making your postal address, phone and fax numbers and email address available on your website, it also means giving your potential customers the idea that it is a real person or organisation running the website, not some soulless corporation. Photos of yourself and your team work wonders online; and be sure to put lots of calls-to-action (text that incites the user to contact you) in and amongst the text on your website.

4. Put yourself in your visitors’ shoes

Second–guessing your visitors’ requirements in one of the hardest—but most critical—elements to a website. When you explain your requirements to your web designer don’t add functionality for the sake of it and be sure to add the features that benefit your potential customers, not you and your colleagues.

5. Keep it simple

People who surf the Internet are generally lacking in patience and if they can’t find what they want from a site in a short space of time they will go elsewhere. Keep the text on your site concise and if possible re–write it as headlines and bullet points rather than long paragraphs of text.

Conclusion

These five basic principals apply to nearly every website. If you’d like help making a website that your visitors will love using call me on 07843 483 078 or get a free quote online now.

How to make a rubbish website

Sunday, February 15th, 2009

Okay, so no one wants to make a rubbish website. Sometimes, though, lessons are best learnt on what not to do rather than on what to do – so please take it in the tongue-in-cheek manner it was intended. The funniest thing about this is, I’m guilty of some of them myself.

Here it is from start to finish, How to Make a Rubbish Website in ten easy steps.

1. Choose a free hoster

Your route to a bad website begins with the hoster. Free hosters are a good way to start as they will offer you limited features and flood your site with adverts that are out of context (more on this in point 5). Furthermore, your site will be slow to load and will run out of bandwidth very quickly. Don’t worry about the fact you don’t have your own domain name – that helps highlight the lack of credibility your site has.

2. Write one draft of your site content and one draft only

Bad spelling and grammar give off an unprofessional image so once you’ve done a first draft of the site content launch it as it is. This saves you having to rewrite your content so that the most important information is at the top.

3. Use a WYSIWYG editor to code your site rather than learning to hard code

Now get down to the coding. Don’t fancy learning how to code HTML, CSS and JavaScript properly? No? Good, you don’t need to. Simply get hold of a WYSIWYG editor like Dreamweaver and let that write / right the code for you. This helps the rubbishness of your site. You’ll end up with loads of inline CSS and JavaScript that you don’t understand. Your code will contain lots of extraneous information and won’t validate properly.

4. Make the layout as inconsistant as possible

Schneiderman’s Golden Rules of usability state that you should strive for consistancy. What does Schneiderman know about rubbish websites? Nothing. Make sure the fonts, menus and colours scheme vary from page to page.

5. Make sure your site name comes first in every title tag on the site

Okay, so the site is designed, the content is there. So far, so rubbish. All rubbish websites have title tags that start with the site name; this makes it difficult for search engines to attribute keywords to your web pages and also frustrates any users that are trying to bookmark your pages.

6. Make your ads as instrusive as possible, ideally make sure they’re out of context

Now it’s time to start thinking about how to make money from your rubbish site. Sign up for as many advertising programmes as you can. You will want to use popups and popunders as these are the most rubbish. Avoid contextual advertising schemes as these can be unobstrusive if used properly.

7. Make entire sections of your website in Flash

Now’s time to develop some Flash-only content. These sections may look pretty but they are, in fact, rubbish. Make your users sit around and wait through lots of convoluted transitions only to find the information they wanted wasn’t there in the first place.

8. Test your website on one browser only

As long as your website renders correctly in the browser you usually use then that’s fine. There are loads of browsers out there but forget about them. Cross-browser incompatability is essential for any rubbish website.

9. Add a splash screen

Okay, your site is nearly done. Add one final layer of rubbishness: a splash screen. This will turn away visitors and help you get a lower search engine ranking.

10. Launch your site (it doesn’t matter if it’s finished – include as many “Under Construction” pages as you like)

That moment has come – you’re going to make your site live! Is the content finished? Don’t worry if it isn’t. All rubbish websites have an “Under Construction” page or ten in them.

For help making a website that isn’t rubbish, call me on 07843 483 078 or get a free quote now!

 
Click here to start your web project
Texelate - the Leeds Web Design / Web Design Leeds Studio Site Map © 2008 Texelate