Final Designs

These final designs have been created using Adobe Photoshop CS6

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Map Overlays

Ground Floor

 

 

 

 

 

 

 

 

 

 

 

 

 

 

First Floor

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Sample Question and Answer Screens Overlays

 

 

 

 

 

 

 

 

 

 

QR Code scanning and information screens

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Interactive Game

Though my research of the target audience and demographic and I looked at including an area in the interactive application for younger visitors.  There are already some hands on exhibits within the exhibition and I looked at designing a game for this age group for them to access from the app.  These are the initial designs below, time constraints did not allow me to develop this any further.  Initial ideas for the game are for visitors to select items from a list which they think Amy Johnson took with her to Australia the items then move into the bag, and the visitor presses the red ‘start the engine’ button to see if they are correct.

 

 

 

 

 

 

 

 

 

 

 

The items then appear to move into the bag:

App Design

As the application icon is the first and initial part of the system I wanted to link this to the whole application in some way.  I researched product icons to learn how to best communicate through such a small area on the screen.  From my research I found that they need to be:

• Simple
• Bold
• Colours reflect brand/product identity
• Key elements reflect brand/product identity

From my research this is my finished design for the application icon.

User Journeys

User journey 1  – user selects question 1 from ‘Early Years’ screen and answers the question correctly

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

User journey 2 – user selects map to find location

 

 

 

 

 

 

 

 

 

User journey 3 – user scans flight bag QR code in memorabilia cabinet to find out more information

 

Amy Johnson Project Wireframes

The wireframes below for this interactive application have been created using moqups.com.

• first page user sees when opening the application

 

 

 

 

 

 

 

 

 

 

• Swipe to right for menu page below

 

 

 

 

 

 

 

 

 

 

• swiping to the right reveals 5 similar page designs each relating to an area of the exhibition

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Wireframe design for QR code scan results below:

 

 

 

 

 

 

User Journey Wireframe

 

Websites/Applications That Tell a Story

My aim is to design my interactive application to help tell the story of Amy Johnson’s life together with the exhibition itself at Sewerby Hall and Gardens.  To do this I researched other tablet and iPad applications which tell stories to see how they use technology and design to do this.

iPaddington is an excellent example of story telling through tablet technology with added interaction.  The app lets users record themselves reading and take photographs to include in the stories.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

An app developed by The British Museum for tablets and smartphones to support their exhibition Life and death in Pompeii and Herculaneum.  The app tells a story using interactive maps of the region and a timeline of the eruption; users can explore the objects and themes of the exhibition and immerse themselves in the life and death of the two cities on their tablet or smartphone.

 

 

 

 

 

 

 

 

Both apps use tablet technology and immerse users/visitors in their very different stories using video, audio and other interactive means.

QR Codes

QR codes when scanned are a really good way to access more information quickly.  Museums don’t always have a lot of space on small plaques to list a lot of information about individual exhibits and QR codes are an excellent way to engage visitors and provide interesting and relevant information in an exciting fast way.

QR codes are quick to create and generate, there are many QR code generating websites including qr-code-generator.comand, all users need to do is enter the information they want to be encoded in the QR code, this could be plain text, url links, images or videos.

I generated the above barcode using the text ‘Queen of the Air – Amy Johnson’ and below are the results when I scanned the QR code.  I used qr-code-generator.comand to generate the QR code and also scan it.

 

Many museums are now using QR code technology to improve the visitor experience.  They are becoming more aware that they need to keep visitors engaged and this is a fast way of doing this, it also enables them to list more information which is educational in an interesting way.

 

 

 

 

 

 

 

 

 

My interactive application design screens below firstly show the QR code scanner and then an example of the results shown when scanning a QR code related to Amy Johnson’s flight bag.  The QR code scanner when positioned over the QR code immediately shows the related information.