2016年8月26日星期五

Week5 Interactive Prototype I plan & The Progress

Plan

For the Interactive prototype I, I’m plan to test the game interface which created by Unity 3D, the interface includes the actual game map and other game objects (walls, bots). I also plan to test the gameplay which include Pacman movement and combination of keys. Two users will use one keyboard to control the game.

The purpose of this prototype is to test how the interface of new Pacman game makes people feel and the map is whether can working well with other game objects properly. Also it is to test the interactivity between key combination and players, how they feel about control game by using combination of keys.So this prototype probably is a diagonal prototype, because I want provide different tasks to the users for test multiple features of the game interface.

Progress

unity scripting
According to the practical  ponggame tutorialI understand the principles of Object Oriented Programming and how to work within Unity then I try to write the script for Pacman movement and key combinations.

For the Pacman movement, I’m using “Input.Getkey” to get the user key input, and lets them to control the Pacman. Because there are two players, and the size of keyboard, so I provide two different control area for each player.
Input.Getkey
Two control area

Map & objects creation
I have two options for the map creation. The first one is a maze, in this map, user not only play by press combination of keys, but also need to find a route for where they want to go. The second one is just a regular Pacman map, and players can move the Pacnman to anywhere they want to go. I think I can test both of them and find out which map is more suitable for players and “Finger Pacman” game itself.

Regular

Maze


For other objects, include the “pacman” and “pac-dot”, I create two different colour pacman for two players, red pacman and blue pacman, also add rigidbody 2D for each pacnman and add box collider 2D for all objects. 


2016年8月21日星期日

Week 4 Lecture Exercise

Exercise 1

In this week lecturewe discussed some questions about the car components.
Firstly, we were asked to list some components are relevant to driving behavior,

Here are some components discussed in my group:

Air condition control
Radio control
Navigation control
Steering wheel
light indicators
light control
gas indicators
gear control
speed meter
rear-view mirror control
parking assistance
side mirror control
Accelerator
Brake

and then we discussed which components are actually impact our driving. someone think that we only need some necessary components, such as steering wheel, accelerator, brake and gear control, then we can drive the car and go wherever we want. However, others think we also need light indicators, some light controls, because imagine everyone driving without light indicators, accidents will occur frequently, that why we need light indicators combine with traffic regulations to make this world better.

After that, we discuss two questions, What if change core components? & How would you test it?
The idea from our team was to replace the steering wheel with a controller, this controller is like a game controller, it can control the direction, speed and gears. So driver can control main function of the car by only use one controller.  The idea to test this concept was to set up a simulated car experience with this controller and dashboard, the controller link to the car simulator, and the front window is a screen which shows the simulated environment street. Then user can test the controller by driving the virtual car in to simulated environment, and they test the controller weather can work well.

Exercise 2

Alarm clock application for your smartphone
Can set, edit & delete multiple alarms
Can daisy-chain alarms - if one is allowed to ring out, another is activated automatically
Can set different tones for different alarms
Shake phone to snooze

In this part of exercise, we design a horizontal, a vertical and a diagonal prototype for this alarm clock application.

Horizontal Prototype

Horizontal Prototype focus on multiple features of concept, but not digging too deep, and the purpose is to show the full scope and capabilities of a product without necessarily having the interaction behind them. One design of Horizontal Prototype for this alarm clock would be a large prototype contain few screens, there are settings for alarm on each screen, the screen also shows the advanced options menu where daisy-chain settings and alarm tone settings could be found. there is a speaker and behind each screen, so if user set daisy-chain alarms, when one speaker finish the ring, another speaker will be activated automatically, also if user set different tones, the sound will be different. User also can shake one of screen to snooze.

 Vertical Prototype

Vertical Prototype is different with Horizontal Prototype, because it is designed to show the depth of an interaction rather than the breadth of possible interactions. we pick up one feature and show more details on prototype.  For example, a prototype for test “Shake phone to snooze”, this prototype would have sensor, and it can sense any shake from different directions. There is also a speaker, when user test this prototype, they can shake it in any positions, such as lie down or sit there. Then the speaker will make sound, and we will see how users to shake the prototype to make the sound stop.


Diagonal Prototype


This prototype is focus on several features and put them into real scenario and test the prototype is “working” or not. For example, a prototype for “Can set different tones for different alarms” and “Shake phone to snooze”, prototype would have sensor, and it can sense any shake from different directions. There is a speaker inside the prototype, user set tones for different alarms, user need to shake the prototype to stop the alarm when the alarm activated, then next alarm would activate and so on. This prototype provides both some scope and some functionality without representing the full capabilities of the intended design. 

2016年8月20日星期六

Week 4 Prac B : Video Prototype Testing


For this week test session, i will use survey method to gathering information from users.
Before testing session, I uploaded the video prototype to the YouTube and posted the URL link to Google+ community. Then I prepared six questions for a survey which created by “google form”, the purpose of this survey is for collect feedback information from users. To prepare the testing, I sign in a computer, open the video from Google+ and the survey page, also an earphone provided for tester.

In order to complete the testing, user need to finish two tasks. The first task is sit in front of computer and watching the video. The second task is after watching the video, user need to complete an online survey, after user submit the survey, this means the testing is finished. And next user will follow the exact same process. 

The video prototype is sufficient to test the intended aspect, users understand most of my concept and no one ask questions before finish the survey. There were nine users involved in the test.

Here is the feedback from testing session:









2016年8月15日星期一

Week 4 Storyboard, Script & Draft Video Prototype

In this week, i finished my first draft of Video Prototype,  here are my storyboard and script.

Storyboard with script:







Script:

Start around 38s:   

1.  Hi There
     My name is Husheng
     I'm creating a new game called "Finger Pacman"
     Here is how the game works

2.  To play this game
     you only need two devices
     a computer and a control board

3.  the game requires two players
     each player can only use one hand to touch the control board, just like when you play finger                Twister

4. In the game, Pacman can go up, down, left and right
    to move the Pacman
    player have to follow the instruction which shows on the screen

5. The control board has 8 different buttons
    The instruction will tell the play which button they should push for moving the pacman

6. pacman eat pac-dots to get scores, if you collect the most pac-dots at the end of the game, you will     win.

7. To win this game, you have to decide which finger and when to move them from one button to             another.

8. The gameplay allow you to develop fun or cruel strategies to against one another.

9. The game is kid-friendly
  super fun
  and super easy to learn

10.But it doesn't mean this game is simple, the combination of control button will become more difficult, the longer you play, the more fingers required.

--The end --






First draft video:


In practical A, i got some feedback about my video from David and classmates. 

Here are some problems:
1. background music is a bit loud
2. some images include too many information
3. should explain what is the problem more clear


2016年8月12日星期五

week3 The concept detail

Game Mashup 

Twister + Pacman

The main feature of Twister is player against each other by contend for different colored circlesand the main feature of Pacman is player try to eat all Pac-dots and avoid enemies at same time. So I was thinking how to make a new game by using these features, also keep the interestingness.

When people play Pacman, they only need to control four keys on the keyboard and against enemies which controlled by computer. So how about make player against player, they don’t need to play Pacman alone, they can interact with other people by using the feature which Twister provided, rather than only interact with computer.

Then one idea came up, which is make twister become the controller for the game Pacman, and Pacman become the spinner to determine where the player has to push. I decided using finger twister to make the control easier for players. The first version is that divided Pacman map into 8X8 grid, then using eight different button, four of them control horizontal axis and other four button control vertical axis, the combination of buttons can move the Pacman go to the specific location. 

But I realize why not just keep the original Pacman game to make the player easier to understand the game controls, so I got another version of design, which is the game provide instructions about which combination controlling four keys, so user don’t have to think about the axis. 

For the gameplay, two player using fingers to push buttons (like finger twister),each player can only use one hand to touch the control board, just like when you play finger twister. The control board has 8 different buttons,the player follow the instructions( the combination of buttons) to push the button and decide where the Pacman should go (up ,down, left, right) by their own decisions, two players control two Pacman, and Pacman eat Pac-dot to get score, the highest score player win. But it doesn't mean this game is simple, the combination of control button will become more difficult, the longer you play, the more fingers required.




For the Technical part, I plan to use Makey Makey to make the mini Twister control board, because it can connect everyday objects to computer programs, so I can create some new physical interaction for the game. I’m going to use Unity to create the game interface and game content include Pacman game and the instruction. In my opinion, the hardest part of prototyping is how to makes people control the game by push the combination of buttons, I intend to do more research about this part over the next few weeks.


2016年8月11日星期四

Week3 Lecture :Video impression

In this week lecture, we have watched 5 videos and discussed several question answers. We have learned a lot from these answers.

The questions for each video:
Communication of concept:
  • First impression: good or bad?
  • Can you really understand the concept?
  • What questions does it raise?
  • What could they do better?
  • What do they do well? 

Video Content & Approach:
  • Is there a better way to show certain things?
  • Quality of the video? Audio?


1.     Brisbane Park Finder

The first impression for this video is not good, it’s more like a product self-description rather than introduce this product to customers. Also I couldn’t fully understand what he was saying, because this video is so boring, I can understand him at the beginning, but after one minute I start to think something else. I couldn't concentrate because there was nothing of it to interest anybody. I think the problem is that there is no other form to show what the product is, so they can simplify the script, also don’t let a man stand there and read the script, he could use like body language to explain better. They did good job for their script, it’s include all the details.  

So there is other way to show certain things, they can add some graphics or animations into this video to show the interface or function of this product. And they can add some effect when editing the video, also the audio quality is not good, they can record audio separately in a quiet room.


2.     PadMapper

The first impression for this video is good, it’s using animation and graphics make this video very attractive. But it only shows the functions, I can’t fully understand what the product look like, and how to use it. I think the problem is the video shows too much and lake of explanation. I think they can add more words into video to explain more details about the product, and slow down the speed of audio, because sometimes I couldn’t follow the video because he speaks too quickly.
there is other way to show certain things, they can use real product interface to show its functions rather than sketches to make people understand easier. The audio quality is good, because background music not clashes with human voice which is loud and clear.


3.     Pegasus

The first impression for this video is terrible, I know it showing me how to play this game, but I just can’t understand the rules by watching this video. The big problem is no explainer in this video, no words and no human voice, only the game demonstration. The good part is this video provide a nice background music and make you feel comfortable when watch this video, and the game demonstration is real, people know what the product look like.

there is other way to show certain things, such as using words or animation to show the rules, and the gameplay at same time. So people can understand this game easier. The quality audio is good, the background music is loud and clear.


4.     Emberlight

The first impression for this video is very good, I know what the product looks like and understand the functions it provides. Also the video include a app interface combine the issue to explain when you need this function and how to control it, which makes me understand this product easier. The team introduce also makes customer feel this product is more reliable. But the problem is that we don’t know how this product works, no technical information provided. Moreover, the video didn’t explain the condition for using this product, what we need to prepare for this product. They could explain more detail about the product rather than introduce their team.

The video quality is good, because they using real life environment for demonstration. The audio quality is also good, no clashes between background music and human voice, and the voice is loud and clear.


5.     PetPhone

The first impression for this video is not bad, I can understand what the product is, include its functions and what it looks like. The problem is that this video is more about demonstrate the product rather than explain. and the words not show up clearly. They can add more effect for this video to make the words explain well and add audio to make people understand this product easier. The good part of this video is that it explain technical details which lets customer know how to use this product and what the condition for using it, also what we need to prepare for this product.


there is other way to show certain things, such as using animation and better graphics to explain this product, and make this video more attractive. Moreover, the quality of the video is not good, he only uses mobile phone to record video which can’t show the product interface clearly, also there is no background music, and make the video boring.



2016年8月5日星期五

Week2 Prac B : Video Editing

In this part of practical, I have learned how to use adobe premiere to edit video and different type of videos based on research.  

Research:

Firstly, there are two different kinds of videos
which are Explainer Videos  and Kickstarter Videos. 
Explainer Videos is focused on understanding and answers the question with possible solution. Kickstarter Videos is more focused on the project itself, put people in a specific situation, then give the solution and introduce the product at same time.

So, our video prototype

I think I need to complete some basic steps for video editing preparation:
1.     Setup folders: there are some folders for store documents, because I think these folders can help me manage files and make the editing easier.
•      Script
•      Storyboard
•      Source images
•      Modified Images
•      Video – IF You need it
•      Voice Over
•      Graphics
•      Soundtrack
•      Project Files – this is where I will save my working file if that is what the software does
•      Output Movies - .mov file or the output movie my software creates, and my compressed versions of the file
•      Documentation and Permissions
2.     Tools: adobe premiere can edit video and audio, but I don’t think it can separate audio from video, so I need a software for audio recording

by using adobe premiere
basic steps
1.     create new project
2.     input video and audio into project area
3.     drag video and audio into timeline area
4.     editing video on the timeline area
5.     drag effect to the timeline area
6.     see the result on program panel
7.     see the source on source panel
(https://helpx.adobe.com/premiere-pro/how-to/edit-videos.html)


here just some basic video editing steps, I will learn more about other techniques next week, and practice these techniques and make a demo video.

2016年8月4日星期四

Week2 Contact Exercise: Prototyping with Augmented Reality

When we think of a device I have at home which I regularly use, the first thing that I thought was my laptop.  I'm using it for my project everyday, and  i also can use it for transfer and Share Files,Stream Music,Watch a Movie and  surf the Internet.

Thinking about how to interaction with it. Sometimes i use it on the table or on the bed, sometimes i want stand somewhere hold it and use it at the same time.  One thing that really bother me is that the laptop is inconvenience for some situation. For example, when I lie on the bed, i want to use my laptop, but i need to sit up or use it on my side, and it's not very comfortable  for me. another example is that i can't stand somewhere hold it and use it at the same time, because  it's too heavy.

Therefore, i think there are some other variations that we can interact with laptop. Firstly, the laptop can  have a foldable bracket or holder that can help user to hold the laptop when user in a different position. 


Augmented reality prototype for test this variation:

For test this variation, we can use augmented reality technology combine with a real environment, such as bed room, outside the room, kitchen etc.  Designer wear a VRdevice such as a glasses, they can  simulate the laptop and it holder through this device , then designer can test the laptop holder in different situation.

Week2 Prac A : the introduction of the project and Warm up

In this week's first practical session, we began understanding more detail about the project and warm up activity for brainstorming ideas. There is three different challenge, and we asked to generate concepts for one of them. Firstly, we asked to list some mundane things that in our lives, and help us start to thinking what can we do for these things.

Mundane thing list:
  • Taking bus everyday
  • Looking for my phone charger
  • Look at my phone all the time
  • Cycling everyday
  • Play pc games by using keyboard and mouse
  • wash clothes with the washing machine
  • looking for my water bottle
  • fill my water bottle
  • etc...


I did some research for these challenges, and try to get some inspiration from these existing related concepts, then I start brainstorming some new ideas.

1.    The first “Wearable Social Interventions” challenge is about generate concept for wearable technology that allow for the subtle, or not so subtle, correction or transformation of socially unacceptable or awkward behaviours.

Apple watch: The Apple Watch is Apple's newest, most personal computer.

 http://www.imore.com/apple-watch




wearable flying drone: 


http://www.freshnessmag.com/2014/10/21/nixie-wrist-wearable-flying-drone-prototype/

Some behaviours of others that irritate me, and my new ideas
1.    cell phone rings in the class and distracting me
idea: plug phone into a wearable product, when phone ringing, the sound of a phone being replaced by color or light.
2.    someone interrupt my conversations
idea: a wearable product that can lets people know you want join the conversation or have some urgent things want to say, by using different light or sound.
3.    someone walking slowly in the campus or public spaces
idea: a wearable product that can lets people know your state, such as green light means you have no urgent things to do, red means you have urgent things and need an emergency route.
To be updated..



2.    Game Mashup:
Create a mashup of 2 games - choosing from pencil & paper games, board games and 
arcade game. Your new game should be interactive & digital in form and must involve some 
form of non-traditional, novel physical interaction (no keyboard, mouse or existing game 
controller).

i did some research for two Board Games , include what is the game about and how to play 
this game. 

Battleships:
Battleship is primarily a guessing game, with each player trying to figure out the location of 
the other's warships and shoot them down. The first thing the player must do in the game is 
arrange all five ships in places the enemy (the computer) is unlikely to shoot. The mouse is 
used to arrange the ships; clicking once on the four-arrow move icon picks the ship up, and 
clicking again puts it down. Clicking on the rotate icon rotates the ships. Once the player's 
ships are arranged, the player and the enemy take turns shooting at each other's grids. The 
first player to shoot down all five of the other's warships wins the game.
(http://www.knowledgeadventure.com/games/battleship/)


Snakes & Ladders:
Snakes and Ladders is an ancient Indian board game regarded today as a worldwide classic. It is played between two or more players on a gameboard having numbered, gridded squares. A number of "ladders" and "snakes" are pictured on the board, each connecting two specific board squares. The object of the game is to navigate one's game piece, according to die rolls, from the start (bottom square) to the finish (top square), helped or hindered by ladders and snakes respectively.

The game is a simple race contest based on sheer luck, and is popular with young children.The historic version had root in morality lessons, where a player's progression up the board represented a life journey complicated by virtues (ladders) and vices (snakes). A commercial version without morality lessons and published by Milton Bradley is named Chutes and
(https://en.wikipedia.org/wiki/Snakes_and_Ladders)