Projet Milestones

Week 1

• June 01: idea, brainstorming ( I was thinking about the virtual piano and virtual window)
• June 02: more ideas of designing a real product with interaction design, such as the cane for blind people, a educative magic cube for children... but most of them are not innovative. So we decided to choose the interactive system in the train/carriage
• June 05: tube station observation and make chart, list of "issues of London Underground"
• June 06: research for Interactive map system examples

Week 2

• June 08: research about "Artificial characers" interface v.s. users' emotion
• June 09-10: the Jubilee line landmark (make chart, links, photos)
• June 11: after tutorial, we need to rethink a new concept, and start again
• June 12: digital wall idea fixed, instead of the map system
• June 14: existing digital wall examples analysis, emotional games, target audience research

Week 3

• June 15: research and found technology (webcam, flash and projector) to use
• June 17: interaction design for game
• June 18-19: 3D flag ball (illustrator learning)
• June 20-22: Beijing Olympic transport system plan, London Underground statistics, why people hate London Underground, the emotion, the journey, London oversea visitors survey

Week 4

• June 23: plan to go to cambridge company to borrow the screen but in vain..., use illustrator to create olympic rings, tube logo, map of the wall, background
• June 24-27: research for presentation file

Week 5

• June 28-30: storyboarding
• July 1-10: flash, presentation file making, set-up show

Week 6

• July 1-10: flash, presentation file making, set-up show
• July 11-15: double check the set-up of exhibition room; modify, compress the flash file

==========================================================================

Final presentation file

Finally, the presentaiton file is finished...

However, when I tried to display this flash in MAC, the speed of background music is totally different from my PC laptop... Besides, I asked Frederik's help to compress the flash to be flv. and mov., the quality is not good as I expected... I need to have more knowledge about the video compressing, and how to keep the flash file in good resolution and with correct screen size.

==================================================================

3rd Usability Tutorial notes

think about degree show usability:

• maybe restrict how many people can enter one time
• how it works when it's crowded
• if people just pass by how can they know they can interact with the wall, cover all angle for people not understand)
• summary for the content: instruction or description in the show to guide people
• before the show, the usability test can be executed by: people from different countries or people from Stratford
• list of games for rating, compare and analyze which one is better and why

====================================================================

4th Practical tutorial notes

• give feedback ( sound? how users know they are in control with the interaction, think about nature of the game)
• background sound recording, such as the train approaching, the foot steps, noise (to simulate the tube)
• it's better to allow more time to test & modify (stand outside, not only in our perspectives, inside the users)
• think about game play aspects, since we already have the function now

============================================================================

Storyboarding

Storyborading plan

• mainly devided by 3 parts: introduction, prototype explaination, future development
• Introduction: introduce the view we can see in the tube station and mention about the reason for this project. how we came up with this idea, why we would like to create the interactive digital wall in underground
• prototype explaination: explain what it is, how it works, the technology we use
• future development: display different games, possibility to combine with the commercial, different options in future development

=============================================================================

2nd Usability tutorial

suggested key points for usability testing

• background choice (what kind of background users like most)
• the number of people who use it (which version people like to use most)
• what kind of age's people play most ( does different age all enjoy the game?)
• what kind of group (any specific group of users are more interested in the game?)

suggested key points for next usability testing

• usability for the show (practical issue, safety issue)

==========================================================================

typography

As below, these typography animations gave me inspiration of how to do the text animation in the presentation file.

Dwight's Speech (Typography)

Typolution

"Roots"

Brand New Key: Type Animation

Pixar Intro Luxo Jr. Outtake #4-67-1

===================================================================