Category Archives: design

design, look and feel, layout, style

User manuals – don’ts and dos

Sometimes you don’t need a user manual…

and sometimes you do…

I prefer systems like the first one.

The Groundswell – figures for UK 2008

Just for the record really, but am reading The Groundswell by Charlene Li and Josh Bernoff from Forrester. They accompany the book with a website which includes a profile tool. For this to make sense you need to understand their ”Social Technographics®” classifications which describe: Inactives, Spectators, Joiners, Collectors, Critics, and Creators.

Their profile tool includes data for the UK from 2008, and provides the following slices organised by age group.

Data from Forrester Research Technographics® surveys, 2008. 

18-24

25-34

35-44

45-54

55+

Tea bag splats

As of today, our Library has a nice new web site. Last week our IT Services were re-launched.

Thousands of pages have been converted to a new template. New structures have been tested and implemented. New ideas have been included. Lots of consultation and feedback happened. Many stakeholders have pulled together and finally the work can see the light of day as it goes live.

The team doing this project have been working incredibly hard on this over most of the summer. They’ve had many issues to deal with and remarkably they are still standing and still smiling. (Well done to Fran, Sarah, Leon and everyone else for all their hard work.)

So what happens on the day this thing goes live?

Well… lots of people find that their tea bags go splat on the floor.

I shall explain via a quick anecdote. After having lived in our house for three years we realised one day that the kitchen bin was in the wrong place. It was by the back door and not very near to the sink and cooker. So we decided to move it.

In fact we moved it to inside the ‘kitchen triangle‘. That’s the area between your fridge, cooker and sink which is meant to be the optimal zone of efficiency. Placing the bin inside this triangle is a very good design.

The trouble comes the day after this change has been implemented.

7.30am and the kettle goes on. 7.38am and the first cup of tea has finished brewing. Time to remove the tea bag and add the milk. So you take the tea bag out and chuck it in the bin. Only the bin isn’t where it used to be so the tea bag hits the floor.

Tea bag splat.

It doesn’t matter how good the new arrangement is, for the first couple of the weeks the tea bag keeps hitting the floor. Does this mean the new design is bad? No, of course not. It just means that when you’re used to one way of doing things, a different arrangement can take some time to get used to.

Many of the feedback comments about re-launched web sites can be safely filed under ‘tea bag splatters’. However if you’re still getting tea bag splats after a few weeks then you might have a problem…

Duke's homepage: content is not King?

CMS Watch points to a Duke University homepage redesign – see before (left) and after (right) snapshots:

Duke University in 2005 Duke University in 2006

This is a change from content-focused design to search-focused design. As a user you might find the new search version quicker, but CMS Watch points out: only if the search engine works.

The content that was there hasn’t been removed. Instead it has been transferred to a Duke Today site. This looks and feels much more like a traditional university homepage.
Judging from their redesign blog this change was made with consideration and consultation. The blog previewed two homepage designs – the comments show an overwhelming preference for design mockup 2 over design mockup 1. So why did they decide to go live with design 1? This (from the blog) goes some way towards explaining the position…

Our approach to minimialist design isn’t to say “Less is more” but rather, as the designer Milton Glaser once said, “Just enough is more.” Through exhaustive research we determined that the current approach of posting news and services on one site was trying to do too many things for too many people and as a result not effective. We’re not getting rid of the content with this new design, we’re simply shifting much of it to DukeToday where it can be more effectively managed. Recent usability test results were quite favorable.

I’m not sure they’ve made the right choice. A university homepage has many competing claims on it’s supposedly valuable space. But by choosing to move the up-to-date information to a secondary page Duke are hiding the content that is alive and breathes. I think they’re left with a homepage that may score well in usability tests but doesn’t project the image of a vibrant and busy place.

Header design with options

I like The Man in Blue’s header. A ‘Page Options’ tab elegantly opens to reveal some style sheet options.

Header options closed Header options open

These look like accessibility-driven options but it got me thinking that this type of design could be used for other options:

  • standard utility features such as Contact, About, Sitemap
  • inter-network links for a site that is part of a bigger grouping
  • page info?: last updated, author, copyright
  • more accessibility options such as font-resizers
  • print me, blog me, del.icio.us me