• 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 about 1 month 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 about 1 month 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 about 1 month 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 (22)
  • Branding & Strategy (43)
  • Design & Illustration (32)
  • Digital & Interactive (47)
  • Engine News (118)
  • Events (7)
  • Inspiration (23)
  • Irreverence (36)
  • Music (46)
  • Public Sector (23)
  • Social Media (10)
  • Technology (38)
  • Uncategorised (3)
  • Video & Broadcast (24)

Top tags

  • Inside Engine Creative (25)
  • Album Art (20)
  • Education (14)
  • Universal Music TV (12)
  • Clubland (11)
  • Insight (10)
  • Automotive (9)
  • BBC (8)
  • Top Gear (8)
  • Christmas (8)
  • All tags...

Blog archive

  • March 2010 (8)
  • 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. Tesco In-Store Screensaver
    Tesco
  2. BBC Top Gear Online Brand Development
    BBC Top Gear
  3. British Library Online & Offline Brand Development
    British Library
  4. Open University Online & Offline Brand Development
    Open University
  5. National College Learning Resources For Educators
    National College

Related PostsRelated posts

  1. 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 11 months ago

  2. 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 2 months ago

  3. We can create. We can save lives.

    Official figures issued by RoSPA and the government have shown that in Derby City Council the number of young drivers killed or seriously injured…

    Posted 11 months ago

  4. New Tesco application aims to boost PC sales

    Engine Creative have completed the second phase of work on the interactive screen saver used in all major Tesco stores in the UK.…

    Posted 4 months ago

  5. We've been busy

    For those wanting to know what we've been up to over the past few months, we thought it would be a good time to outline a…

    Posted 11 months ago

Latest TweetsLatest tweets

  1. Journey to the 7th Dimension http://bit.ly/cIqm8a

    about 15 hours ago from TweetDeck

  2. Engine Creative continue the Platform series op(eration)-art direction with a touch of bold isometric pop http://bit.ly/9N3KY7

    3 days ago from TweetDeck

  3. The UK?s oldest and most prestigious science park has relaunched its website http://bit.ly/aTjDu5

    3 days ago from TweetDeck

  4. Modern artery: New artwork for latest Renaissance release http://bit.ly/9N3KY7

    5 days ago from TweetDeck

  5. We are currently researching the physics of rollercoasters for a TV commercial. http://bit.ly/b5cSNR Jim Fixed 'Em.

    6 days ago from TweetDeck

Latest PostsLatest posts

  1. Journey to the 7th Dimension

    In January this year we finally took the plunge and set ourselves on the journey to the 7th dimension.

    Last week, we finally shot our first…

    Posted about 1 hour ago

  2. Modern artery: New artwork for latest Renaissance release

    With a request from the artist of a human heart for the cover, Engine Creative continued the Platform series op(eration)-art direction with a touch of bold isometric pop. The…

    Posted 5 days ago

  3. Cambridge Science Park relaunches website with Engine Creative

    The UK’s oldest and most prestigious science park has relaunched its website with design and development from full service agency Engine Creative.

    Cambridge Science Park, owned…

    Posted 5 days ago

  4. Knowing your double Ds (Design + Development)

    In my opinion, anyone designing for digital projects would find it beneficial to understand the practicalities that go into the build and development of the site. The…

    Posted 8 days ago

  5. Just Push It! past the Brits

    The Universal Music release Push It! has spent its second week at Number 2 being held back yet again by the mighty mainstream force of the Brits…

    Posted 9 days 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

  • Journey to the 7th Dimension
  • Modern artery: New artwork for latest Renaissance release
  • Cambridge Science Park relaunches website with Engine Creative
  • Knowing your double Ds (Design + Development)
  • Just Push It! past the Brits
  • Macs and ICT in the creative curriculum
  • Brand strategy contract win for Engine Creative
  • It's Time to Mash Up the 90s!
  • We are hiring! Top notch Senior Creative required
  • Retail marketing: Trends for 2010 and beyond

Related links

  • The hills are alive with the sound of Tweets
  • Open Source CMS solutions: Why WordPress?
  • Tesco In-Store Screensaver
  • The great British Rocket Rush
  • Top Gear Top Site
  • Hidden gem: the story of a Northampton based agency
  • News from the digital front
  • Do you know what video looks like?
  • BBC Top Gear Online Brand Development
  • Put a Donk on it!
  • 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