Interface Design | Interactive Doc | The Next Day

Link : http://thenextday.nfb.ca/#/thenextday

technology used: Javascript and Jquery

This Interactive video is about 4 people who tried to commit suicide and why.

It is a really nice piece that uses their audio and animation of a house. From beginning to end a part of audio plays from each person then you choose what story you want to hear next. The illustrations change when the speaker talks. It is all revolved around a house. It starts off and its a calm day and it ends being stormy. It changes as the stories going on conveying how the people feel.

Screen Shot 2015-02-12 at 18.57.59 Screen Shot 2015-02-12 at 18.59.41 Screen Shot 2015-02-12 at 19.01.04 Screen Shot 2015-02-12 at 19.01.57 Screen Shot 2015-02-12 at 19.02.11 Screen Shot 2015-02-12 at 19.02.34 Screen Shot 2015-02-12 at 19.03.54 Screen Shot 2015-02-12 at 19.04.39 Screen Shot 2015-02-12 at 19.05.14

After each person speaks for 40-50 seconds you pick another topic to hear from the stories.
Screen Shot 2015-02-12 at 19.08.40

The Storm begins as the stories get deeper.

Screen Shot 2015-02-12 at 19.09.06

The storm calms down at the end.

 

There is a nice touch at the end when you can see an illustration of each person(if it is real or not). When you listen to their stories you imagine what you think they would look like then you see what they do look like.

Screen Shot 2015-02-12 at 19.09.41

 

There is also a graphic novel version of this which is really cool. I think this would have worked well to if it was a video. They could pan around to different scenes while the audio plays.Screen Shot 2015-02-12 at 19.10.51 Screen Shot 2015-02-12 at 19.13.47

 

It’s nice to listen to each story altogether as you don’t hear the full story on the site which is annoying.

 

 

 

Advertisements

Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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 )

Google+ photo

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

Connecting to %s