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
Victoria Wood, Kayvan Novak, Alexa Chung, Chris Moyles
tvReview: No soggy bottoms, but plenty of other baking disasters on The Great Comic Relief Bake Off
Arts and Entertainment
80s trailblazer: comedian Tracey Ullman
tv
Arts and Entertainment
Stephen Tompkinson is back as DCI Banks
tvReview: Episode one of the new series played it safe, but at least this drama has a winning formula
Arts and Entertainment
TV
News
Graham Norton said Irish broadcaster RTE’s decision to settle was ‘moronic’
TV
Arts and Entertainment
Attenborough with the primates
tv
Arts and Entertainment
Former Communards frontman Jimmy Somerville
music
Have you tried new the Independent Digital Edition apps?
Arts and Entertainment

ebooksNow available in paperback
Arts and Entertainment

ebooks
Arts and Entertainment
Secrets of JK Rowling's Harry Potter workings have been revealed in a new bibliography
arts + ents
Arts and Entertainment
Fearne Cotton is leaving Radio 1 after a decade
radio The popular DJ is leaving for 'family and new adventures'
Arts and Entertainment
arts + ents
Arts and Entertainment
Public Service Broadcasting are going it alone
music
Arts and Entertainment
Eddie Redmayne as transgender artist Lili Elbe in The Danish Girl
filmFirst look at Oscar winner as transgender artist
Arts and Entertainment
Season three of 'House of Cards' will be returning later this month
TV reviewHouse of Cards returns to Netflix
Arts and Entertainment
Harrison Ford will play Rick Deckard once again for the Blade Runner sequel
film review
Arts and Entertainment
The modern Thunderbirds: L-R, Scott, Virgil, Alan, Gordon and John in front of their home, the exotic Tracy Island
TV
Arts and Entertainment
Natural beauty: Aidan Turner stars in the new series of Poldark
TV
Arts and Entertainment
Taylor Swift won Best International Solo Female (Getty)

Brits 2015
Arts and Entertainment
Shining star: Maika Monroe, with Jake Weary, in ‘It Follows’
film review
Arts and Entertainment

Brits 2015
Arts and Entertainment
Paloma Faith arrives at the Brit Awards (Getty)

Brits 2015
Arts and Entertainment
Anne Boleyn's beheading in BBC Two's Wolf Hall

TV review
Arts and Entertainment
Follow every rainbow: Julie Andrews in 'The Sound of Music'
film Elizabeth Von Trapp reveals why the musical is so timeless
Arts and Entertainment
Bytes, camera, action: Leehom Wang in ‘Blackhat’
film
Arts and Entertainment
The Libertines will headline this year's festival
music
Arts and Entertainment
Richard Dean Anderson in the original TV series, which ran for seven seasons from 1985-1992
tv
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 campaign: Donations hit record-breaking £1m target after £300,000 gift from Lloyds Bank

    Homeless Veterans campaign

    Donations hit record-breaking £1m target after huge gift from Lloyds Bank
    Flight MH370 a year on: Lost without a trace – but the search goes on

    Lost without a trace

    But, a year on, the search continues for Flight MH370
    Germany's spymasters left red-faced after thieves break into brand new secret service HQ and steal taps

    Germany's spy HQ springs a leak

    Thieves break into new €1.5bn complex... to steal taps
    Mark Zuckerberg’s hiring policy might suit him – but it wouldn’t work for me

    Mark Zuckerberg’s hiring policy might suit him – but it wouldn’t work for me

    Why would I want to employ someone I’d be happy to have as my boss, asks Simon Kelner
    Russia's gulag museum 'makes no mention' of Stalin's atrocities

    Russia's gulag museum

    Ministry of Culture-run site 'makes no mention' of Stalin's atrocities
    Virginia Ironside was my landlady: What is it like to live with an agony aunt on call 24/7?

    Virginia Ironside was my landlady

    Tim Willis reveals what it's like to live with an agony aunt on call 24/7
    8 best workout DVDs

    8 best workout DVDs

    If your 'New Year new you' regime hasn’t lasted beyond February, why not try working out from home?
    War with Isis: Iraq's government fights to win back Tikrit from militants - but then what?

    Baghdad fights to win back Tikrit from Isis – but then what?

    Patrick Cockburn reports from Kirkuk on a conflict which sectarianism has made intractable
    Living with Alzheimer's: What is it really like to be diagnosed with early-onset dementia?

    What is it like to live with Alzheimer's?

    Depicting early-onset Alzheimer's, the film 'Still Alice' had a profound effect on Joy Watson, who lives with the illness. She tells Kate Hilpern how she's coped with the diagnosis
    The Internet of Things: Meet the British salesman who gave real-world items a virtual life

    Setting in motion the Internet of Things

    British salesman Kevin Ashton gave real-world items a virtual life
    Election 2015: Latest polling reveals Tories and Labour on course to win the same number of seats - with the SNP holding the balance of power

    Election 2015: A dead heat between Mr Bean and Dick Dastardly!

    Lord Ashcroft reveals latest polling – and which character voters associate with each leader
    Audiences queue up for 'true stories told live' as cult competition The Moth goes global

    Cult competition The Moth goes global

    The non-profit 'slam storytelling' competition was founded in 1997 by the novelist George Dawes Green and has seen Malcolm Gladwell, Salman Rushdie and Molly Ringwald all take their turn at the mic
    Pakistani women come out fighting: A hard-hitting play focuses on female Muslim boxers

    Pakistani women come out fighting

    Hard-hitting new play 'No Guts, No Heart, No Glory' focuses on female Muslim boxers
    Leonora Carrington transcended her stolid background to become an avant garde star

    Surreal deal: Leonora Carrington

    The artist transcended her stolid background to become an avant garde star
    LGBT History Month: Pupils discuss topics from Sappho to same-sex marriage

    Education: LGBT History Month

    Pupils have been discussing topics from Sappho to same-sex marriage