Class Work

In this section you can find all of my tutorial and studio activities which helped me in learning about Interactive digital media and what lead to the outcome of my Interactive design project. This section contains all activities completed from week 1 to week 14 in order. Scroll through and explore the my progress.

Text Description for the Driving a car instructions

Step 1: Unlock the car by inserting the key into the car or pressing the button on the key.

Step 2: Open the door by pulling the handle.

Step 3: step into the car and sit down and close the door behind you.

Step 4: Check your seat Position and adjust it.

Step 5: Check Mirrors to make sure you can see clearly behind you.

Step 6: Turn the car on by Putting the key into the ignition and turning it to start up the engine.

Step 7: Put down the hand break and then change the gear from parked to Drive.

Step 8: Drive off

Text Description of Making toast

1: Open the bag with the loaf of bread inside and pull out a slice of bread.

2: Make sure that the bread is safe to eat if not find another slice.

3: Place the slice of bread into the toaster through the slot in vertical position.

4: Plug the toaster into the powerpoint and flick the switch to turn the power on.

5: Check toaster settings are correct.

6: Pull down the lever to cook the toast

7: Wait for the Toast to pop up then pull the toast out of the toaster.

Driving a Car Instruction Flowchart

MAKING TOAST EXERCISES

Flowchart of User Flow for toast making instructions

Storyboarding of the Toast making process

Site Map for the instructional toast making website

Wireframing for the Instructional toast making website

Screen designs for the Instructional Toast making website

INTERACTIVE PROJECT PITCH

USER PERSONAS For the interactive Digital Kiosk Design Project

Persona 1: Middle Age – Dave Smith


Persona 2: Child- James Campbell

Persona 3: Teenager – Jessica Martin

Persona 4: Young Adult – Emma Williams

User Personas Mood Board

USER SCENARIO DESCRIPTION

Mapping User Pathways for the Interactive Digital Kiosk Design

Wireframing for the Interactive Project

LOGO AND TITLE DESIGN


Three Alternative screen designs for the Interactive Project

Screen Design 1

Screen Design 2

Screen Design 3

Feedback sheet on 3 variations of the Interactive map screen design

Feedback And review sheets

Logo and Title Design Review Sheet

Interactive Design Review Sheet

Prototype Review Sheet