HeaderSIS.jpg

Difference between revisions of "IS480 Team wiki: 2011T2 Bazinga Video Tutorial Improvements and Timeline"

From IS480
Jump to navigation Jump to search
Line 5: Line 5:
  
 
<br />
 
<br />
<li> What the best way to show tutorials?</li>
+
1. What the best way to show tutorials?
<li> When is the best time to show tutorials?</li>
+
2. When is the best time to show tutorials?
<li> How should we show tutorials? </li>
+
3. How should we show tutorials?
<  
+
 
 +
<br />
 +
 
 +
 
 +
 
 +
 
 +
<h1> <b>Challenges We Face</b></h1>
 +
One challenge we face while doing the video is that we realize how different the tutorial are from a mobile application or even a website. We realize we are unable to simply give instructions in a manual or just through a screen as our application requires some form of "teacher" to teach the users how the properly perform the gesture. This is interesting as our team are being engage mentally and physically on creating tutorial videos that can teach users without us being there.
 +
 
 +
is to ensure that
 +
 
 +
 
 +
===<font color = "#0164a6">Project Highlights</font>===
 +
While the team has put in much effort in planning the execution of the project, there were some unexpected events which forced the team to take certain corrective measures as list below:
 +
</div>
 +
 
 +
{| border = "1"
 +
|-
 +
|rowspan="2" width="50" align ="center"|1
 +
|style="filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007fb1', endColorstr='#02507c'); background: -webkit-gradient(linear, left top, left bottom, from(#007fb1), to(#02507c)); background: -moz-linear-gradient(top,  #007fb1,  #02507c); color:White" width="945"|''' Improving overall User Experience'''
 +
|-
 +
 
 +
|width ="945"|<div style ="margin:6px" align="justify">
 +
Through our survey results and after interacting with the testers from our first User Test, we realised that most of them do not have any prior experience in using the Kinect before. Thus, it was really difficult for the users to know how to navigate through our Kinect application easily. Thus, we placed a high priority in improving the overall user experience by having good tutorial videos and an improved user interface to guide them through the application.
 +
 
 +
Over the past two months, our group has gone through several iterations to create better and improved tutorial videos for different features. We kept trying to look for the best practices of other Kinect applications, such as the Kinect Sports Season One. We tried to understand their tutorial videos.
 +
 
 +
Two weeks before our User Test 2, we kept reviewing the video internally to ensure that we have made the tutorial as easy as possible to comprehend and to follow. Even during our second User Test, we tried to improve the videos after hearing feedback from our testers.</div>
 +
|-
 +
|-
 +
|rowspan="2" width="50" align = "center"|2
 +
|style="filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007fb1', endColorstr='#02507c'); background: -webkit-gradient(linear, left top, left bottom, from(#007fb1), to(#02507c)); background: -moz-linear-gradient(top,  #007fb1,  #02507c); color:White" width="945"|'''Beta Testing '''
 +
|-
 +
 
 +
|width ="945"|<div style ="margin:6px" align="justify">
 +
 
 +
<br><br>
 +
 
 +
</div>
 +
|-
 +
 
 +
|-
 +
|rowspan="2" width="50" align = "center"|3
 +
|style="filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007fb1', endColorstr='#02507c'); background: -webkit-gradient(linear, left top, left bottom, from(#007fb1), to(#02507c)); background: -moz-linear-gradient(top,  #007fb1,  #02507c); color:White" width="945"|'''User Testing 2'''
 +
|-
 +
 
 +
|width ="945"|<div style ="margin:6px" align="justify">Despite our busy and hectic schedule, we managed to get the functions, video tutorials, test instructions, procedures and survey questions ready for our User Test 2. We had a total of 35 testers who spent at least 15 to 25 minutes each. They did not receive any help from us, and were doing the test based on the instructions we have given to them. They had to ask for help from the Kinect, which will provide different tutorial videos for different functions.</div>
 +
|-
 +
|}
 +
 
 +
=<div style="width: 95%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37ab4d', endColorstr='#00922b'); background: -webkit-gradient(linear, left top, left bottom, from(#37ab4d), to(#00922b)); background: -moz-linear-gradient(top,  #37ab4d,  #00922b); padding:7px; margin-top: 35px; line-height: 1.4em; color:white"> Project Management </div>=
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<h1> <b>Learning Process - View, Improve, Test Approach </b></h1>
 +
 
 +
To answer these questions, our team went to research how we can have industry
  
 
Our group went to research on how we could improve on the tutorials by looking at Kinect application tutorials - similar to the one like 'Kinect Sports 1'. <br />
 
Our group went to research on how we could improve on the tutorials by looking at Kinect application tutorials - similar to the one like 'Kinect Sports 1'. <br />

Revision as of 17:34, 17 April 2012

Research on Kinect Tutorials

How it started

Through the FYP project, our team realize that for Kinectify to be successful in a commercial setting, it requires users using the application to be able to know how to perform the different gestures. Due to this, our team has identify Tutorial Videos to be a core portion of the project where users will be able to call out for tutorial videos whenever they are unable to perform a certain gestures or when they get "stuck" using the application. To ensure that tutorial videos are effective to end users, we need to ask ourselves the following questions:


1. What the best way to show tutorials? 2. When is the best time to show tutorials? 3. How should we show tutorials?




Challenges We Face

One challenge we face while doing the video is that we realize how different the tutorial are from a mobile application or even a website. We realize we are unable to simply give instructions in a manual or just through a screen as our application requires some form of "teacher" to teach the users how the properly perform the gesture. This is interesting as our team are being engage mentally and physically on creating tutorial videos that can teach users without us being there.

is to ensure that


Project Highlights

While the team has put in much effort in planning the execution of the project, there were some unexpected events which forced the team to take certain corrective measures as list below:

1 Improving overall User Experience

Through our survey results and after interacting with the testers from our first User Test, we realised that most of them do not have any prior experience in using the Kinect before. Thus, it was really difficult for the users to know how to navigate through our Kinect application easily. Thus, we placed a high priority in improving the overall user experience by having good tutorial videos and an improved user interface to guide them through the application.

Over the past two months, our group has gone through several iterations to create better and improved tutorial videos for different features. We kept trying to look for the best practices of other Kinect applications, such as the Kinect Sports Season One. We tried to understand their tutorial videos.

Two weeks before our User Test 2, we kept reviewing the video internally to ensure that we have made the tutorial as easy as possible to comprehend and to follow. Even during our second User Test, we tried to improve the videos after hearing feedback from our testers.
2 Beta Testing



3 User Testing 2
Despite our busy and hectic schedule, we managed to get the functions, video tutorials, test instructions, procedures and survey questions ready for our User Test 2. We had a total of 35 testers who spent at least 15 to 25 minutes each. They did not receive any help from us, and were doing the test based on the instructions we have given to them. They had to ask for help from the Kinect, which will provide different tutorial videos for different functions.

Project Management

Learning Process - View, Improve, Test Approach

To answer these questions, our team went to research how we can have industry

Our group went to research on how we could improve on the tutorials by looking at Kinect application tutorials - similar to the one like 'Kinect Sports 1'.

First Screen - What the Video will be explaining about

Kinectsports instructions 1.png We wanted to make our instructions as simple and clear as what Kinect Sports Season 1 has done.


Second Screen - The different steps to follow


Kinectsports instructions 2.png Similarly, we wanted to create different steps to help our users to understand the gestures immediately.

Kinect sports.png Photos taken from Kinect Sports Season 1 Videos on Youtube

Tutorial Timeline

No Date of Usage Tutorial Image Content Improvements

1

Week 3-5

picture

-

-

2

Week 6-8

picture

-

-

3

Week 9-10

picture

-

-