Skip to content

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

Boagworld is the blog of web strategist Paul Boag who lives in the heart of rural Dorset (hence the cows). He produces a weekly podcast with UX consultant Marcus Lillington on building and running websites. They also run the web design agency Headscape.

Latest Shows

216. Thanks for all the fish
This week on Boagworld: Chris Coyier talks CSS and more, we say goodbye to the boagworld podcast and ask what can you listen to now?
215. Web Directions
This week on Boagworld: Emerging trends at Web Direction @Media, playful web design and death to design by committee.
214. When to hire a web designer
This week on Boagworld: When to hire a web agency, user testing on disposable websites and a need for speed.
213. Getting all emotional
This week on Boagworld: Stephen Anderson on emotional design, I review the iPad and we talk fonts, flash and fotos.
212. More skills to learn
This week on Boagworld: 5 new skills every web designer needs to know and how to be inspired while maintaining focus.

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.

Post to Twitter Post to Delicious

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.

You can now download my video presentation of 40 better ways to work with clients for only £9.25.