Friday, 24 May 2013

Interactive iBook Graphics

After looking at some other iBooks, I noticed that the use of interactive images made using the iBook a far more enjoyable and engaging experience. I decided on making some pop-up images to entertain people a bit more. I decided to take the information about each of the States in Tornado Alley and put them into an interactive image, where the information pops up when tap on certain buttons. To achieve this I inserted a map of Tornado Alley as a regular image and added my own 'Pop-Over' buttons using the iBooks built in widgets. Below is my mockup in my sketchbook, as well as a screenshot of how it turned out:



Another opportunity I saw for interactivity was the content about storm shelters. For this I drew up a cross-section of a typical storm shelter and inserted it into the iBook as an interactive image. I did this so I could create more dynamic and zooming views using the set view button, to create some variety from the other pop-up style widget I used. The whole image was created at 3x the normal iPad viewing resolution to ensure clarity even when zoomed right into a portion of the diagram.