jnnfrchan_prj3ex1

=Project 3 | Exercise 1=


 * 1) Briefly describe the site. What content is presented? What is the goal(s) of the site?
 * 2) Describe the visual design – use of colour, typography, compostion. How is this effective?
 * 3) How is the content structured? Is there a hierarchy of information and how is this achieved?
 * 4) Analyse and describe the interactions. Are these innovative or conventional? Does it add value?
 * 5) Are there any surprises or unexpected elements?

**Miranda July: No one belongs here more than you**
[|click here to visit the site]

1. Miranda July is an author. //No One Belongs Here More Than You// is her book. She is acknowledging (advertising) the release of her book through a narrative via marker on a white surface (stove/fridge).



2. The overall look and composition is hand done and made to look juvenile and untrained. It's effective because Miranda July is trying to approach, what is an otherwise boring and mundane and cheesy task of advertising your own book, into something humorous, fun and different.

3. This is a continuation of something she had done before, so the user have the option to click "to the beginning". Otherwise, it flows like a narrative/story. There are also these pink arrows at the right hand corner, so that you can navigate back and forth.



4. The interaction lies in the things she is communicating more so than the interaction itself. The only component is that there are "links" you can click (such as "the beginning" like the screenshot above). It is innovative conceptually... It's taking something really conventional (sharpie on white board) but through the narration keeps it interesting and entertaining.

5. Yes! Plenty, there is one at the end which I won't spoil. And then there's revealing that the white board is in fact the top of her fridge!

NY Times Special Series: Choking on Growth
[|Click here to visit the site] //(I took screenshots in case anyones 20 articles limit is up!// //Although I don't think this special series apply...)//

1. This is a special series from NY Times. The topic is about the accelerating economic growth has occurred in China in recent decades, and the environmental consequences/impact that follows. The content is being presented in an interactive way, and the goal is to raise awareness regarding the environmental impact the growth has had on China.

2. The visual design is very coherent with the NYTimes design. Colour is very minimal so that the photos and videos remain to be the "focal point". Compositionally, they've used headers with 'tabs' so we know which page we are on. There is also a drop down menu, so that we can jump to different pages.

// Each "part" in the series have different tabs, relating to the section. And each "part" also have different medium, // // such as video, //// interactive graphic, audio slide show and a written article. //



// Drop down menu to navigate through the different parts of the series. //

3. The series is divided into parts. It is organized chronologically, and reads like a book. It starts off with an overview of the series, followed by looking at different aspects of the environmental issues in China. And it ends off with the Beijing Olympics (this series was published in 2007, a year before the Olympics).

4. The interaction is a combination of innovation and conventional. It is conventional in the way it is laid out, but innovative in that these are information that are otherwise 'flat' have become interactive. For example, the interactive graphic feature in the Three Gorges Dam is a map (a conventional medium), and with the added interactive feature, the user can have a better visualization of the data that are being presented. They can physically engage with the data, which makes it much more valuable and memorable than a 'flat' map/graph.



5. No?