Monday, 24 March 2014

Testing iBook (Chapter 4)

After testing chapter 3 I then went onto test chapter 4 which is to do with Japan's earthquake in 2011. The reason I originally wanted to include this earthquake in particular is because it was an earthquake that happened a couple of years ago and had some big impact on the country, and led to other bad outcomes i.e. tsunami, aftershocks, economy, nuclear disaster etc. This earthquake was also the 5th strongest of all time and is the strongest that's ever hit Japan. 





Fig 1 (Chapter 4 - Introduction)

Above in Fig 1 is a screen shot of the beginning of chapter 4 with a little insight to the earthquake and the magnitude and other information. There is also a video on the right which has real footage from CCTV camera's through a time lapse of the day of environments of Japan and how bad it was hit by the earthquake/tsunami. The video is devastating and would most defiantly shock the user when watching it and I feel like its a good introduction to the chapter giving an idea of how bad the earthquake and tsunami was.




Fig 2 (Chapter 4 - Introductory video) 

In the screen shot above in Fig 4 is an introductory video on Japan's earthquake which is a time lapse showing the earth vibration activity before and during and after the massive earthquake and it is mind blowing. This video is a great way to get a view from the map of what it would look like and it is really shocking. This is a great other video to give the user the option of watching and it helps to give more insight to the strength of the earthquake and tsunami.



Fig 3 (Chapter 4 - Section 1 What caused the earthquake) 

Fig 3 presents a screen shot from the first section of chapter 1 which talks about what actually caused the earthquake, not just the tectonic plates but slightly more in depth and also a gallery at the right presents visuals of the way the tsunami came about. The information talks not only about how the earthquake was caused but also the tsunami. For the information I decided to put it in a scrolling box instead of just placing the text on the page which would make it look messy and intimidating.





Fig 4 (Chapter 4 - Section 2 Impact) 

In Fig 4 presents the next section which is the second section. This section is to do with the impact the earthquake and tsunami had. The way I decided to present the information was through pop over images which represent the type of impact. The impacts included costs, nuclear disaster, deaths, homeless, destroyed buildings etc. I love the way this page works as I love the graphics and cute symbol icons I created which creates a good amount of interactivity when it comes to receiving information. I decided to have pop overs as I felt I had a lot of information for this section and didn't want to make it too long or too text heavy and I felt like this was a good way to create a good amount of interactivity for the user and a good way to store information and make the page visually appealing also.




Fig 5 and 6 (Chapter 4 - Section 3 Overcoming the earthquake) 

In Fig 5 and 6 are screen shots from the third section within chapter 4 which is to do with how Japan overcame the earthquake. This page talks about the government and how Japanese people weren't getting the support they deserved from their own country. I added a gallery at the left in order to give the user some interaction with the imagery and an idea of what people were going through at the time. In Fig 6 presents the gallery if you click on it, it will zoom in a focus on the images.




Fig 7 (Chapter 4 - Section 3 Overcoming the earthquake - Support) 

After the section to do with how Japan tired to overcome the earthquake and the lack of support from the government I then added an extra page of a few  examples of support they got from other countries. I did this by picking a few generic countries and a couple random ones and made them into pop overs. The pop overs display how much money they donated to Japan. This is a god insight to some countries support and how much they contributed. It makes you realise how supportive and loving our world is. 





Fig 8 and 9 (Chapter 4 - Section 3 Overcoming the earthquake - Damage/ Reconstruction) 

Within section 3 there is also a page which presents a few interactive images which allow the user to click on and slide them to see the damages of the earthquake and how its repaired many areas in Japan after 11 months after the earthquake and tsunami hit Japan. This gives a good use of interactivity to the user and allows them to see the mess the earthquake and tsunami caused and how Japan have been able to repair their country.






Fig 10 (Chapter 4 - Section 4 Someone's Experience) 

At the end of this Chapter in Fig 10 shows the forth section of the final chapter which presents someones experience through the use of an interview. I decided that I had a lot of information with this section and decided to only pick one person's experience and also to contain the information in scrolling boxes with a question per box to help divide the content easier and make it more easier to follow through and read about this person and their experience.


So far after testing all my chapters for my iBook I am very happy with the majority of all of it, from the interactivity to the navigation to the visual style and layout. There are a couple of changes that need to be made for some pages and I will update my blog when I make those changes.

No comments:

Post a Comment