• 01604 453 177
  • Client log in
  • Engine Home
  • Engine Portfolio
  • Engine Blog
  • About Engine
  • Contact Engine
  • Previous page:  Go on, Google yourself!
  • Next page: News of the (Engine Creative) world
  • Home /
  • Blog /
  • Intuitive website design

Intuitive website design

Filed under: Digital & Interactive, Insight,

  • Share this.. Share
  • Email this.. Email

Posted 7 months ago by Mark Taylor, Comments (2)

  • Arrow

    Share this...

    • Share with DeliciousDelicious
    • Share with DiggDigg
    • Share with FacebookFacebook
    • Share with TwitterTwitter
    • Share with StumbleUponStumbleUpon
    • Share with FriendFeedFriendFeed
    • Subscribe to the RSS FeedRSS Feed
  • Arrow

    Send to a friend

Recently I got involved in an online debate about web design. Many of the designers on the forum felt that websites always need to push the boundaries, create new trends and break new ground for the sake of it. I seemed to be the only one who did not agree wholeheartedly with that. In my opinion, designers need to be as daring as possible but never just for the sake of being different. The design must always be tailored to the target audience.

Best Practice
When creating a site, the first item on the agenda should be structure. Many sites grow organically over time so it is crucial to get this right at conception or visitors will get lost in the sea of content. Another major consideration is the target audience. Universal access is a hugely important factor when designing, especially when designing for something like the public sector. Cross browser compatibilities and ease of use are a must.

Many common features have become standard in web design. This should be embraced rather than fought! Changing things for the sake of being different throws people off and interrupts their natural flow around the site. Common traits such as use of underlines for links, highlighted active states and roll-over states may seem very boring but these small details add greatly to the usability of a site. If you want everyone to be able to use your site easily, you'll have to design it with the least experienced users in mind.

A great example of this is Google. They use many default attributes of website design to their advantage to aid the user into a more intuitive and cohesive experience.

Intuitive website design

It uses common visual cues such as the default blue with underline to show links and purple if the link has been visited. The rest of the site has been pared back to its most basic to aid the user as much as possible. Google has a clear idea of its target audience (i.e. everyone should be able to use it)  and the site is a true reflection of this; the usability, universal accessibility and load speed of the site are all major considerations and clean white simplicity of the site addresses these points. Some may say that Google's site lacks brand personality, but it has intrinsically tied its brand to the functionality of its product.

Clients may not ever provide Google as reference as the aspiration look of their website, but in regards to it being appropriate style, navigation and usability to their target audience, it is a wonderful example.

Using trusted old methods to guide visitors around your site does not have to mean you can not be creative at all. Take a look at the sites for Apple and the BBC for example.

Intuitive website design

The Apple site has a clear statement of intent. The website is an exercise in branding all of its own; each element is carefully considered and tailored to fit the site and mirror the Apple style. Apple is very aware that its products are regarded as sleek and stylish, aspirational products. The site is built to accommodate this by allowing for large format imagery to best display the products. The content is then designed to fit the site.

Apple's audience is considered slightly more au-fait with technology and therefore the site can be slightly less conventional with navigation and functionality such as the slide navigation through the range of products in their store. This is a nice, intuitive feature to add improve the user experience without presenting an obstacle to the novice user. This approach is also used very successfully in its use of icons to help the user work their way around the site.

The BBC website is often presented as an aspirational example of a portal site. It is a very well organised attractive website with many impressive features to enhance the user experience. Allowing visitors to personalise the homepage means it can give a widely diverse audience a website that suits their individual tastes, knowledge and web requirements but still with a cohesive and a  logic hierarchy of easily accessible content. The use of gradients and colours also acts as a functional tool, aiding the user. This site is very much planned to accommodate the vast amounts of content with minimum upkeep required.

Although the Apple and BBC sites have many common features which make them successful, such as strong navigation and a well organised site map, there is also a fundamental difference. The BBC site is designed to display rapidly changing content from various sources into a single cohesive website. The Apple site, with all the content being produced internally to fit the site, is designed much more like a you would design a brochure or static print product.  Both sites have managed to accommodate their target audience, push the boundaries of web design whilst retaining common features to help less experienced users to find their way around the information.

Evolution of website design
As user expectations evolve, designers need to push the boundaries to stay up-to-date and meet the expectations of an audience that gets more and more web-savvy. Additional features and trends which have become more common across the web are things such as breadcrumbs, intelligent and dynamic content and the use of tab systems to visually subdivide content.  Design trends come and go but primary navigation techniques tend to evolve slower, with only the occasional breakthroughs which have a ripple effect across the rest of the web if successful. It seems that no matter how nice your design is, people want to be able to navigate it right away without having to look for a way around.

But there are a few exceptions to this. For some sites, the target audience actively expects to be challenged both in design and in navigation. For example sites in the design business would not be judged well if they stuck to the old conventions. Their aim is to actually break away from established habits. The best approaches then slowly find their way into the mainstream. They can do this because their target audience is prepared to work harder to get to the information they need.

Here are two sites that don't use traditional navigation techniques, but do come up with some unique and novel alternatives.

Intuitive website design

OwnyourC.com basically wants to ask you Yes/No questions. So that's the navigation they are pushing. If you want more, you'll have to look for it. The navigation serves to push the user towards the important parts of the content.

Intuitive website design

MSNBC's Spectra aims to presents the news in a colourful, new way. There are some innovative navigational features such as colour coding news segments but it is clear it was not designed to be a One Stop News Shop of a regular news portal. This was designed to look pretty. And it does.

They break with convention to provide a uniquely tailored navigation of the content within the site. The sites look and function in completely different ways to conventional websites and are likely to confuse rather than inform many users. However, some of the innovations may ultimately make their way into more 'mainstream' sites.

Summary
If your website needs an explanation of how it works and how to navigate, it needs addressing. After building a site it is easy to take for granted all the details we have painstakingly worked over and assume they will be as obvious to a third party as they are to you. As a result, the navigation of a site is vitally important, this can serve as a great tool in aiding the user experience when used appropriately for the specific target audience. The key is defining this at an early stage and designing accordingly.

2 Comments for this post

  • Posted 7 months ago

    By Joshua Hughes

    Great post. I couldn't agree more. Websites should be designed for two people - the client and the end user. The client wants as many sales, sign-ups (or whatever the site needs to generate) as possible, and the end user needs to be able to reach that goal with as few obstacles in their way as possible. Our job is to balance the goals and obstacles along with the aesthetics. Monitoring a website post-launch is pretty important too, just to make sure you got that balance right ;-)
  • Posted 7 months ago

    By Andy Wise

    Absolutely. Post launch maintenance is absolutely vital to the success of any online strategy and it's the clients that appreciate this that have the most successful web presence.
  • What happens with my comment?

Add your comment

  • Arrow

    What happens with my comment?

    All comments will be moderated as quickly as possible so there may be a short delay before your comment appears. We reserve the right to edit or delete comments that we deem to be offensive. Thanks.

  • Your comment may be reviewed by a moderator for approval.

Search Blog

Categories

  • Advertising & Marketing (24)
  • Branding & Strategy (48)
  • Design & Illustration (39)
  • Digital & Interactive (53)
  • Engine News (142)
  • Events (9)
  • Inspiration (30)
  • Irreverence (43)
  • Music (60)
  • Public Sector (24)
  • Social Media (12)
  • Technology (45)
  • Uncategorised (4)
  • Video & Broadcast (32)

Top tags

  • Album Art (31)
  • Inside Engine Creative (25)
  • Education (14)
  • Clubland (13)
  • Universal Music TV (12)
  • Insight (10)
  • Renaissance (10)
  • 3D Animation (10)
  • Automotive (9)
  • BBC (8)
  • All tags...

Blog archive

  • September 2010 (1)
  • August 2010 (1)
  • July 2010 (7)
  • June 2010 (8)
  • May 2010 (7)
  • April 2010 (6)
  • March 2010 (11)
  • February 2010 (10)
  • January 2010 (11)
  • December 2009 (12)
  • November 2009 (3)
  • October 2009 (6)
  • September 2009 (6)
  • August 2009 (3)
  • July 2009 (5)
  • June 2009 (2)
  • April 2009 (4)
  • March 2009 (7)
  • February 2009 (4)
  • January 2009 (2)
  • December 2008 (5)
  • November 2008 (3)
  • October 2008 (6)
  • September 2008 (2)
  • August 2008 (3)
  • July 2008 (1)
  • June 2008 (6)
  • May 2008 (5)
  • April 2008 (6)
  • March 2008 (5)
  • February 2008 (4)
  • January 2008 (4)
  • December 2007 (2)
  • November 2007 (5)
  • October 2007 (2)
  • September 2007 (1)
  • August 2007 (5)
  • July 2007 (3)
  • June 2007 (6)
  • May 2007 (7)
  • April 2007 (5)
  • March 2007 (3)
  • February 2007 (3)
  • January 2007 (4)
  • December 2006 (1)

Related projects

  1. National College Learning Resources For Educators
    National College
  2. Tesco In-Store Screensaver
    Tesco
  3. BBC Top Gear Online Brand Development
    BBC Top Gear
  4. British Library Online & Offline Brand Development
    British Library
  5. Open University Online & Offline Brand Development
    Open University

Related PostsRelated posts

  1. Open Source CMS solutions: Why WordPress?

    WordPress is a blogging platform developed in the true Open Source tradition. A recent report recognised WordPress as one of the “big three” Content Management…

    Posted 8 months ago

  2. The hills are alive with the sound of Tweets

    Econsultancy put a live Twitter feed on their homepage and I test their claims that it is truly 'live'. They don't lie. The…

    Posted about 1 year ago

  3. Totally (Zend) Certified

    Our commitment to offering the best service and value to our clients is based on having a team who are both talented and dedicated to…

    Posted about 1 year ago

  4. Achieving the film-look with the Canon 5D

    For over two decades, video producers have fought against the 'cheap' aesthetic of video and attempted to mimic the high-budget medium of film on a…

    Posted 8 months ago

  5. Tesco computers sell themselves

    Tesco has launched a new way of selling computers in their stores: an interactive presentation that allows customers to engage with and find out more about the…

    Posted about 1 year ago

Latest TweetsLatest tweets

Twitter isn't happy - Basic authentication is not supported

Latest PostsLatest posts

  1. 3D motion graphics: from concept to delivery

    Part of my role at Engine Creative is to produce CG (computer generated) animations for clients, which is often a complex process, with many potential…

    Posted about 6 hours ago

  2. Calling all the UK MCs

    Engine Creative has once again been involved in the creative for the latest Ministry Of Sound release 'This is UK MCs'.

    …

    Posted 15 days ago

  3. Blackberrys are for secretaries, iPhones are for artists…

    I have personally never owned…

    Posted about 1 month ago

  4. Engine Creative Prize promotes regional talent through University award

    Engine Creative is pleased to announce that Lauren Jackson is the winner of the Engine Creative Prize for 2010. The prize was established in 2008…

    Posted about 1 month ago

  5. Engine Creative achieves Recommended Agency hat trick

    Finding out that we've been Recommended by our clients for the third year running is definitely cause for a celebration and a suitable dance around the corner…

    Posted about 1 month ago

Join our network

  1. Twitter
  2. LinkedIn
  3. Vimeo
  4. RSS Feed
 
Back to top
  • Back to top
  • Home /
  • Blog /
  • Intuitive website design
  • We can create.

Main links

  • Engine Home
  • About Engine
  • Services
  • Clients
  • Meet the team
  • Contact Engine

Engine Portfolio

  • Toyo Tires European Advertising CampaignToyo Tires
    European Advertising Campaign
  • BBC Top Gear 2D / 3D Illustration & AnimationBBC Top Gear
    2D / 3D Illustration & Animation
  • WRAP Resource Efficiency AnimationWRAP
    Resource Efficiency Animation
  • Tesco In-Store ScreensaverTesco
    In-Store Screensaver
  • Renaissance Platform Album ArtworkRenaissance
    Platform Album Artwork
  • Clothes Show Live Event Documentation & TV CommercialClothes Show Live
    Event Documentation & TV Commercial

Engine Blog

  • 3D motion graphics: from concept to delivery
  • Calling all the UK MCs
  • Blackberrys are for secretaries, iPhones are for artists…
  • Engine Creative Prize promotes regional talent through University award
  • Engine Creative achieves Recommended Agency hat trick
  • Time for a new Generation
  • Hunts County call in Engine Creative for a second innings
  • Renaissance Master Series: a real snake charmer
  • iPad, WhyPad, MyPad
  • Team Engine Creative is growing...

Related links

  • The hills are alive with the sound of Tweets
  • Open Source CMS solutions: Why WordPress?
  • Clubland.fm gets the Engine Creative treatment
  • iPhone as a Brand Marketing Channel
  • Construction Futures official launch
  • British Library Online & Offline Brand Development
  • Evolution of Web design
  • Opening the door on technical careers for Northampton's young women
  • How2 build a brand
  • Calling all neglected websites!
  • Recommended Agency Register
  • Association of Illustrators
  • Northamptonshire Chamber
  • D&AD
  • Engine Creative Agency Ltd
  • The Church Rooms
  • Agnes Road
  • Northampton
  • NN2 6EU
  • +44 (0)1604 453 177 Phone
  • +44 (0)1604 453 743 Fax
  • wecancreate@enginecreative.co.uk