Interface Design | Interactive Documentaries | Where I went Right



Technology Used: Javascript and Jquery

I found this interactive documentary on The Guardian’s website, they say –

Anyone can change everything, but to be successful you need to make the most of the time you have. From the battle for the open web to comet landings, via polar expeditions and a giant diplodocus, celebrated innovatorsTim Berners-Lee, Maggie Aderin-Pocock, Ranulph Fiennes and Alice Roberts provide unique insights into the formative moments that have shaped their remarkable careers.


The Interface is video as background with text on top. The Nav Bar is down the bottom and as you hover over each option it starts to gives you a snippet of the video almost like each option in the nav bar is a trailer for what is to come when you click into it. This is a really clever idea.

Screen Shot 2015-02-13 at 09.17.07Screen Shot 2015-02-13 at 09.17.15Screen Shot 2015-02-13 at 09.17.29

When you click to the person you want to listen to their video starts to play. You can easily skip the chapters if you just want to hear about a certain part of the interview. This was done in ‘The Next Day’ also. I don’t like this because why would you want to skip a part of the story? Surely you would get lost. Maybe for this site it is more of a design thing than a functional thing.Screen Shot 2015-02-13 at 09.16.35Screen Shot 2015-02-13 at 09.19.16 Screen Shot 2015-02-13 at 09.19.35 Screen Shot 2015-02-13 at 09.33.07Many of the shots for each interview are close up of the face and mid shots. The quality and lighting is amazing. I get a feel for each character by the light in the video. The space scientist being shot in a darkish room with a blue hue makes me think space which is what she is interested in. The explorer being shot in a classic English home with memorabilia of his explorations gives the viewer a sense of the person.


In the first chapter of each video they show a picture of themselves at a poignant moment in their life. I think this is a great way to show the subject when they are younger rather than using footage of them or old pictures being popped up on the screen. It also gives the subject a chance to explain what the picture is about. This would be useful is my subjects were to bring old pictures and talk about one that is the most important to them. The director must have printed of the pictures himself or got them to print them off because they all seem to have white borders.Screen Shot 2015-02-13 at 09.44.57




Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s