Invisible Child: Dasani’s Homeless Life was a project done by Andrea Elliott and Ruth Fremson in The New York Times. There have never been as many homeless youth in New York as now since the Great Depression. This follows one girl through the life of being a homeless child in New York.
I think this was extremely easy to navigate and follow along. The pictures were incredible and broke up a long text story very nicely. There were also a couple of stories, which I liked. This allowed the reader to have a greater understanding of everything going on. With only one or two stories the audience might not have all the information. Also, if they had put all the information into one story it could be distracting and confusing.
But there were things I thought could be improved. The captions were displayed differently throughout the page and I felt like that was slightly confusing. I like a more uniform look and this was distracting. Also, I thought there were a few things that could’ve been added. There was no multi-media other than pictures. A video could’ve added a more visually appealing aspect and broken up a long series of pictures. Also, there were a lot of facts and an info graphic explaining some of these would’ve been a nice way to convey these numbers to readers.
Overall, this was a nice piece and explained a series problem in New York. But I think with a few extra additions it could’ve been a wonderful multi-media series.
See the story here: http://www.nytimes.com/projects/2013/invisible-child/#/?chapt=1
This article is from the New York Times on the Ebola outbreak in Africa. The site has covered many stories on this subject, so it’s nice that they have links within the article that can provide more information and access to other articles without having to search for them. The navigation is simple. The article is long form and they have included a lot of other multimedia elements to tell the story. There are a few advertisements listed only the side as you scroll down, so it’s obvious the site is very commercial.
One of the main things that drew me to this piece was the use of other elements to tell this story besides a text piece. There is a slide show at the beginning of the article as well as multiple infographics and maps. One thing that is also nice is the videos and audio components embedded with the article because it gives the users multiple ways to experience the story in one place.
It also includes other links and articles to different areas in Africa so you can read about the news in country by region. I really enjoyed being able to move from news on Liberia to Sierra Leone without having to go back and look it up.
The page also makes it easy to know what others are saying about the topic and join the conversation. The have comment sections listed to each section of the article. Overall I think the layout was done really well. Even though there were a lot of different elements on the page,it didn’t slow down the site or make it difficult to navigate. Also like I said, it’s very important on the Ebola outbreak and if someone wasn’t aware of the situation, it would be very helpful.
National Geographic created this project to bring awareness to lions’ decline in population. Lions have disappeared from 80 percent of their African range. All of the footage was shot over about two years. The website is easy to use, unless you have a bad connection to internet.
The site uses videos of the lions, commentaries by the photographers, some text, and still images to tell the story. You use your cursor or arrow buttons to navigate through the site. The design is simple, but set up so you feel like you’re standing right in front of the lions. The site is easy to use for almost anyone.
I love this way of using multiple platforms to tell a story. It makes it much more stimulating then just reading a bunch of text.
Here’s a link: http://ngm.nationalgeographic.com/serengeti-lion/index.html#/awakening
A recent Mizzou graduate wrote this piece on Black towns in our home state of Missouri and how they have been disproportionately disenfranchised. The piece is an interactive story featuring pictures, audio and external supporting links.
I absolutely love this piece. The author truly captures the devastation, hurt and hope of the people in these defunct towns. HIs language and description makes the reader feel as if they are right there in the Pinhook, Pennytown and Kinloch.
Not only do I love the content, I love the format. This piece is written in long form. There are five chapters which include an introduction, a chapter about each of the three towns and a conclusion bringing all of the stories together. While this story isn’t extremely interactive like the ones we’ve read in class, it definitely brings in components that make it a journey to navigate. I love the fact that the author brings in external elements to support his facts. He links the reader to stories printed during that time so we can see what America was reading when these tragedies occurred. This is more than just a quick read. It makes you want to learn more about these towns and those like it around the nation.
I wish the author would have included more pictures and more interviews. Nothing compares to hearing the voice of the people effected and seeing their faces. I would have liked to see an interactive video or tour of the defunct towns as well.
Overall, I enjoyed this piece. I believe the author used great storytelling methods and effective multimedia to create a true experience.
By Zhao, Hong
The Wall Street Journal made a multimedia project on lobotomy for veterans from the Second World War. The project includes three parts, a documentary and a case study. And they tell stories through pictures, text, short videos and infographics.
On the ride side of the text list related document files, pictures or videos. The topic of the project is The Lobotomy Files and expanded stories behind those files. The thumbnails give more hint than just a hyperlink. When readers click a file, it actually unfold the document paper naturally inserted into the content. Thus, it won’t disorient readers to somewhere else, even better than “Open link in a new window/tab.” And at the bottom of part 1 and part 2, a navigation bar is adopted to show the highlights of the documents.
Mostly used are historical pictures. In the second part, an infographic illustrates the lobotomy surgery. Except videos and pictures taken in recent period, the whole project come in mostly the color of muddy yellow, brown and gray, including the background color of the documents and the draft-looking graphic, setting up a retro atmosphere.
For the website navigation, it only needs to scroll down to read, corresponding to readers’ reading habit. At the first page of each story, there is a prompt “scroll” on the bottom of the picture. Otherwise, people might be confused. There is an option bar on the top to jump to other parts. There are picture series in each story. Readers need to scroll down to transfer to caption and then another picture. Unfortunately, readers can only scroll to go back or forward. It might be better if the four points on the right can work as a link to each picture.
Overall, the project integrates pictures, videos, graphics with text to tell the stories, and the way document files appear is effective and timely.
Here is the link to the project: http://projects.wsj.com/lobotomyfiles/
By Yuting Jiang
This cover story of Pitchfork is very engaging and touching for its great unity between content and design. The design presents the story naturally and elegantly. Comparing to many other online storytelling projects which have lots of cool interactive elements to present information and visuals, this one is particularly simple but very beautiful. I love this piece for I always believe the golden rule of design- less is more.
It’s basically a profile story of a musician, so the simple design style just matches with the content. It opens with an eye-catching whole-screen portrait of the artist with the title on the left. Noticeably, the whole design is black and white, which helps it to reach a great sense of unity and build an artistic atmosphere as well. Moreover, the web designer avoids the monotony by interchangeably using black and white as the background color and having the pictures of the musician on different sides of the screen with different sizes. This also forms contrast in design. Also, the fonts of the title and quotes are specifically well chosen and the use of quotes as an individual page to interrupt the story flow is actually smart. It gives both readers’ eyes and minds a rest.
What amazes me the most about this piece is its multimedia part- the moving pictures with the musician’s poses. It’s also very simple but beautiful. While scrolling down, the pose of the musician changes and all together they become like a piece of dance on the screen. Noticeably , for online storytelling, readers used to scroll down pages very quickly at first just to look through. Then if the content/design engages them, they go back and read more carefully. One thing about this one is when users looking through it very quickly, the poses of the musician flow more smoothly and makes the design even cooler to look at.
Although comparing to others, this one might not be very fancy technically , it does have sound to go with the moving poses. The music here kind of dissolves into the musician’s dance as well as the story. Again, simple and harmonious.
Navigation is easy as well. The story unfolds as scrolling down and there are “return to beginning” and “back to homepage” bottoms at the end of the story, which easily direct readers to places they might want to go.
In a nutshell, this design is clean, coherent and beautifully blended with different media elements.
In many parts of the world, 9/11 is synonymous with the collapse of the Twin Towers. In other parts, the day holds no special historical significance. In Chile, it was the day democracy died. The story, put together by the SBS team (Australia), combines audio, video, text and images in such a way that each element complements the other.
Starting with a dark image background with the gist of the story juxtaposed, you scroll down to begin the narrative. Starting with the suicide of then-president Salvador Allende, the first chapter tells the story of CIA’s involvement in what followed after. In addition to a gallery of images containing declassified CIA documents, the first chapter also includes a speech by President Allende that he gave the day of the coup in 1973. The placement of the video and gallery, in my opinion, is what helps the flow of the story. It breaks it up so that there is not a huge chunk of text for the reader to consume. The video creates a natural transition point within the first chapter.
The second chapter follows a similar format in elemental placement. Text, gallery of images and video: all placed in a sequence that provides flow while simultaneously breaking the monotony of a (relatively) long page of text.
The third and fourth chapters are individual accounts of Chileans who lived in Australia (at the time of the story being published). The text is accompanied by a couple of images that give the text pieces a little extra personality.
Overall, the story did not utilize multimedia as much as it could have. I liked this piece because it neatly balanced the few visuals it had with its sizable amount of text, breaking it up in such a way that it did not feel like a long-read. However, instead of telling the individual stories primarily through text, I think the authors should have used audio slideshows.