Network: Great minds don't click alike

Innovative design and leading-edge technology put The Independent website head and shoulders above the opposition. From a variety of easily navigable menus, you can take your pick of the very best of news and views in tasty bite-size chunks.

When I was asked to work on The Independent's website, the major enticement was the promise of being able to do it properly this time. Several people in Independent Digital come from other new media environments, and experience in the mistakes and blind alleys of the first groups of online newspapers, made us eager to create a new product in an environment where people trusted our judgement. But we had two months to do it, so had to make decisions quickly.

The first one was that it shouldn't look like an online newspaper. We were creating a new online brand, and didn't plan to take material solely from the print editions, so we needed something that looked different. Edward Gibbs of GDA Design Solutions came up with a conceptual response to the brief, proposing a series of design elements with a strong enough identity, that we can mess up what he's given us without making it unrecognisable. As long as there's an eagle and an ellipse on the page, I consider it branded - Edward hasn't disowned it yet, despite our threats to animate the eagle so that it swoops down over the page to snatch away a button ad.

The department's senior designer, Kelsey Smith, developed the initial concept into a navigable site. Expressing the structure with translucent drop-down menus helped resolve a perennial problem in web design: the struggle between the need for a lot of information in a small space, and the desire to keep the appearance simple enough for it not to be visually overwhelming.

These menus were made possible by another decision that we made at an early stage. This was that we wanted to use new technology to solve problems. Dynamic HTML allowed us to give new treatments to navigation menus; the question of whether to allow for users of older browsers was easily solved when we found that more than 90 per cent of UK users had browsers that would support the features we needed.

We then ran gleefully past areas that had always annoyed us in the past. Too many clicks to get between one part of a site and another? Use dynamic sub-menus to allow readers to see where they need to go as simply as possible. We aimed for no more than three clicks between any two pages on the site.

The menus help eliminate the irritation of spending time downloading a page that doesn't turn out to be what you want, or is just an intermediate stage - if a reader does request a page, we want it to be for something worthwhile.

We are also looking at the way people read online. Rather than giving a choice of only the headline or a full story, we want to investigate splitting up individual stories into levels of importance. Instead of just putting a story's subsidiary information at the bottom of the page where it would never be read anyway, we made pop-up briefing windows that give extra information if the reader is interested. If the reader wants or has time for only top-level information, we'll move towards providing that in brief paragraphs, suitable for online reading, which then link to the full story if it needs to be printed out.

The third decision was to concentrate our technical attention on areas that we needed to look at ourselves. This was an easy decision for me, as my interest in technology is confined to areas that affect either the producer or the consumer - I can't be bothered with network routers and the like. I was grateful, therefore, that Andy Brown and Franc Tundidor in The Independent's nascent IT department could take care of many of the infrastructure problems, and that Planet Online could host our servers.

The short time available made it impractical to bring in complex content- management systems - in any case, we weren't sure what we'd want in six months, so we kept it as simple as possible. We needed some sort of systems that could build large numbers of stories with comparatively little effort. After evaluating different options, we wound up using Beyond Press to extract stories from The Independent's Quark pages. The articles are edited on BBEdit into a home-grown XML format. The QuicKey macros that do much of this were created by Independent Digital's managing editor Martin King (a man whose stated career ambition is to come into the office, press one key, go to the pub, and come back a couple of hours later to a finished product).

We tried other Web production tools, but they always wound up being slightly too clever, and making unwanted decisions for us.

The process of building the editorial material was simplified by the earlier decision to use new technology - as long as the editorial department could tag the components of a story as headline, byline and so on, the fine points of the design could be sorted later with cascading style sheets. The concept came together when we decided to use server-side "includes"; while the articles files on the server are extremely simple, they have commands to "include header" at the top and "include footer" at the bottom, which import standard style and navigation elements of the pages. The combination of these techniques gives us about two-thirds of the attributes of database publishing, without the complication of a database. This allows us to correct system mistakes comparatively easily in the initial period.

For the future? We expect to keep learning from experience, but the experiences will become considerably more complex. We've come a long distance without databases, but they certainly have a major role in our future plans - the XML tagging we used early on will help us to structure editorial material. We need to look at incorporating more material from The Independent (more photographs, in particular), and from other existing Independent properties such as www.londoncareers.net. There are also new joint ventures, such as the In Touch project in which we'll be providing Vodafone users with information services, and various technologies and products from more companies in which we're taking an interest. Keep an eye on us - I'm not bored, and I don't think you will be either.

The writer is systems and design manager at Independent Digital

Suggested Topics
Arts and Entertainment

books
Arts and Entertainment
The party's over: Paul Higgins and Stella Gonet in 'Hope' at the Royal Court

theatre
Arts and Entertainment
Brendan O'Carroll as Agnes Brown in the 2014 Mrs Brown's Boys Christmas special

Broadcaster unveils Christmas schedule

TV
Arts and Entertainment
'Irritatingly Disneyfied': fashion vlogger Zoella

books
Arts and Entertainment
Matthew Bell in the new BBC series Posh People: Inside Tatler

Review: Posh journalists just can't get enough of each other

TV
PROMOTED VIDEO
Arts and Entertainment
Look out: Broad shoulders take Idris Elba’s DCI John Luther a long way
tvIdris Elba will appear in two special episodes for the BBC next year
Arts and Entertainment
Taylor Swift is dominating album and singles charts worldwide

music
Have you tried new the Independent Digital Edition apps?
Arts and Entertainment

ebooksNow available in paperback
Arts and Entertainment

ebooks
Arts and Entertainment
Kieron Richardson plays gay character Ste Hay in Channel 4 soap Hollyoaks

tv
Arts and Entertainment
Midge Ure and Sir Bob Geldof outside the Notting Hill recording studios for Band Aid 30

music
Arts and Entertainment
Look out: Broad shoulders take Idris Elba’s DCI John Luther a long way
tvIdris Elba will appear in two special episodes for the BBC next year
Arts and Entertainment
Jake Quickenden and Edwina Currie are joining the I'm A Celebrity...Get Me Out Of Here! camp
tvThe two new contestants will join the 'I'm A Celebrity' camp after Gemma Collins' surprise exit
News
The late Jimmy Ruffin, pictured in 1974
people
News
Northern Uproar, pictured in 1996
people

Jeff Fletcher found fame in 1990s

Arts and Entertainment
A scene from the new Paddington bear review

Review: Paddingtonfilm
Arts and Entertainment
Tony stares at the 'Daddy Big Ears' drawing his abducted son Oliver drew for him in The Missing
tvReview: But we're no closer to the truth in 'The Missing'
Arts and Entertainment
Henry Marsh said he was rather 'pleased' at the nomination
booksHenry Marsh's 'Do No Harm' takes doctors off their pedestal
Arts and Entertainment
All in a day's work: the players in the forthcoming 'Posh People: Inside Tatler'

tv
Arts and Entertainment
Eddie Redmayne plays Stephen Hawking in new biopic The Imitation Game

'At times I thought he was me'

film
Arts and Entertainment

books
Arts and Entertainment
One Direction go Fourth: The boys pose on the cover of their new album Four

Review: One Direction, Four

music
Arts and Entertainment
'Game of Thrones' writer George RR Martin

Review: The World of Ice and Fire

books
Arts and Entertainment
Sean Bean will play 'extraordinary hero' Inspector John Marlott in The Frankenstein Chronicles
tvHow long before he gets killed off?
Arts and Entertainment
Some like it hot: Blaise Bellville

music
Arts and Entertainment
A costume worn by model Kate Moss for the 2013 photograph

art
Arts and Entertainment

music
Arts and Entertainment
Len Goodman appeared to mutter the F-word after Simon Webbe's Strictly performance

Strictly
Arts and Entertainment
Jamie T makes his long-awaited return to the London stage
musicReview: Alexandra Palace, London
Latest stories from i100
Have you tried new the Independent Digital Edition apps?

ES Rentals

    Independent Dating
    and  

    By clicking 'Search' you
    are agreeing to our
    Terms of Use.

    Homeless Veterans Christmas Appeal: Drifting and forgotten - turning lives around for ex-soldiers

    Homeless Veterans Christmas Appeal: Turning lives around for ex-soldiers

    Our partner charities help veterans on the brink – and get them back on their feet
    Putin’s far-right ambition: Think-tank reveals how Russian President is wooing – and funding – populist parties across Europe to gain influence in the EU

    Putin’s far-right ambition

    Think-tank reveals how Russian President is wooing – and funding – populist parties across Europe to gain influence in the EU
    Tove Jansson's Moominland: What was the inspiration for Finland's most famous family?

    Escape to Moominland

    What was the inspiration for Finland's most famous family?
    Nightclubbing with Richard Young: The story behind his latest book of celebrity photographs

    24-Hour party person

    Photographer Richard Young has been snapping celebrities at play for 40 years. As his latest book is released, he reveals that it wasn’t all fun and games
    Michelle Obama's school dinners: America’s children have a message for the First Lady

    A taste for rebellion

    US children have started an online protest against Michelle Obama’s drive for healthy school meals by posting photos of their lunches
    Colouring books for adults: How the French are going crazy for Crayolas

    Colouring books for adults

    How the French are going crazy for Crayolas
    Jack Thorne's play 'Hope': What would you do as a local politician faced with an impossible choice of cuts?

    What would you do as a local politician faced with an impossible choice of cuts?

    Playwright Jack Thorne's latest work 'Hope' poses the question to audiences
    Ed Harcourt on Romeo Beckham and life as a court composer at Burberry

    Call me Ed Mozart

    Paloma Faith, Lana del Ray... Romeo Beckham. Ed Harcourt has proved that he can write for them all. But it took a personal crisis to turn him from indie star to writer-for-hire
    10 best stocking fillers for foodies

    Festive treats: 10 best stocking fillers for foodies

    From boozy milk to wasabi, give the food-lover in your life some extra-special, unusual treats to wake up to on Christmas morning
    Phil Hughes head injury: He had one weakness – it has come back to haunt him

    Phil Hughes had one weakness – it has come back to haunt him

    Prolific opener had world at his feet until Harmison and Flintoff bounced him
    'I have an age of attraction that starts as low as four': How do you deal with a paedophile who has never committed a crime?

    'I am a paedophile'

    Is our approach to sex offenders helping to create more victims?
    How bad do you have to be to lose a Home Office contract?

    How bad do you have to be to lose a Home Office contract?

    Serco given Yarl’s Wood immigration contract despite ‘vast failings’
    Green Party on the march in Bristol: From a lost deposit to victory

    From a lost deposit to victory

    Green Party on the march in Bristol
    Putting the grot right into Santa's grotto

    Winter blunderlands

    Putting the grot into grotto
    'It just came to us, why not do it naked?' London's first nude free runner captured in breathtaking images across capital

    'It just came to us, why not do it naked?'

    London's first nude free runner captured in breathtaking images across capital