Skip to content

A podcast for those who design, develop and run websites.

Boagworld is the web design blog of Paul (the Wurzel) Boag who lives in the heart of rural Dorset. He produces a weekly podcast with Marcus (pop star) Lillington on all things relating to building and running websites. They also run web design agency - Headscape.

Latest Shows

203. Why your blog fails
This week on boagworld: the secret of successful blogging, will Google personalisation affect your sites ranking and how to help users too busy to read.
202. Rocket Surgery Made Easy
This week on Boagworld: Steve Krug on monthly usability, Steve Marshall talks about form design and Paul rejoices over the new era for browsers in Europe.
201. Are clients stupid?
This week on Boagworld: We review the freelancing book Noded, discover a new web tool called 'Support Details' and Paul tells us all a story.
200. A taste of the show
This week's show gives you a taste of the live 12 hour marathon that took place to celebrate the 200th Boagworld.
199. Time to generalise
This week on Boagworld: The changing role of web designers, Colin Firth on content and Becky Jones talks about the changes at Google.

or view all shows

Have your say

Become a part of the Boagworld community...

Get the fundermentals right

Posted in Design, Usability on: Tuesday, July 27, 2004 by Paul Boag

Sometimes we get so carried away with the latest technology or the new approach to marketing online that we can forget the fundermentals. Here are just ten of the basic principles that should underpin every site.


Who you are

Place your name and logo on every page and make the logo a link to the home page.

Provide search if the site has more than 100 pages.

Facilitate scanning

Structure the page to facilitate scanning and help ignore large chunks of the page in a single glance: for example, use and subheadings to break a long list into several smaller units.

Use linking

Instead of cramming everything about a product or topic into a single, infinite page, use hypertext to structure the space into a starting page that provides an overview and several secondary pages that each focus on a specific topic. The goal is to allow users to avoid wasting time on those subtopics that don’t concern them.

Images and thumbnails

Use product photos , but avoid cluttered and bloated product family pages with lots of photos. Instead have a small photo on each of the individual product pages and link the photo to one or more bigger ones that show as much detail as users need. This varies depending on type of product. Some products may even need zoomable or rotatable photos, but reserve all such advanced features for the secondary pages. The primary product page must be fast and should be limited to a thumbnail shot.

Compress images

Use relevance-enhanced image reduction when preparing small photos and images: instead of simply resizing the original image to a tiny and unreadable thumbnail, zoom in on the most relevant detail and use a combination of cropping and resizing.

Make links descriptive

Use link titles to provide users with a preview of where each link will take them, before they have clicked on it.

Ensure that all pages are accessible for users with disabilities and those using older technology. Disabled users in the UK alone have a spending power of £50 billion.

Don’t be too original

Do the same as everybody else : if most big websites do something in a certain way, then follow along since users will expect things to work the same on your site. Remember Jakob’s Law of the Web User Experience : users spend most of their time on other sites, so that’s where they form their expectations for how the Web works.

Finally, always test your with real users as a reality check. People do things in odd and unexpected ways, so even the most carefully planned project will learn from usability testing.

What did you think about this post?

Leave a comment

Additional Information

Produced by Headscape

Boagworld is produced by the web design agency Headscape founded by Marcus, Paul and Chris Scott. Headscape also has a number of other talented guys who blog. Check them out.

  • Craig Rowe is one of our amazing developers and writes some superb posts on everything from .net to AIR apps.

  • Ed Merritt is a Headscape designer who's blog contains examples of his work and a number of free Wordpress themes.

  • Dave McDermid is a Headscape developer who has an excellent blog. He blogs on everything from AJAX to security.

  • Rob Borley is one of our project managers and blogs regularly on client and project management issues.

  • Leigh Howells is our multimedia design guru (whatever one of those is). He blogs on a mixture of design and music.

Paul elsewhere

Paul just can't shut up. He publishes regular audioboos, has a personal blog and is addicted to twitter. He also writes and speaks regularly. Check out the most recent below:

close
Follow Boagworld at SXSW on our Southby Blog. Also you can follow us on twitter @boagworldAtSXSW