HeaderSIS.jpg

IS480 Team wiki: 2011T2 Bazinga Video Tutorial Improvements and Timeline

From IS480
Jump to navigation Jump to search

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.

Purpose of Tutorial Videos

For the tutorial videos, we aim to let users learn how to use kinectify in the most engaging and easiest manner ever. The tutorial videos will be like a virtual assistant being there by your side to teach you how to perform gesture step by step. In the event that users get stuck through the application, they can invoke tutorials through a simple gesture.


Challenges We Face

1 Different from Mobile Application or Website
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. We realize how detail we must be in our tutorial video but at the same time not making it too long if not we will lose the attention of our users.
2 What the best way to show a tutorial video

The team has came a long way from creating the tutorial videos. From the first video to the most current video we have produce, we have experiment with many different ways to let users learn how to use gestures in our web application. This was something interesting and also challenging for us as we do not have a so call "industry standard" we can use given that Commercial Kinect applications are very new in the market. We simply have to create the tutorial and then test the market response to see if the videos are effective.

3 No Industry Standard

Given the Kinect has always been used as a gaming platform, there is not "Industry Standard" when it comes to tutorial videos in a commercial setting. We have seen many different applications where Kinect is used in a commercial setting. However, one thing we notice is how all these application are mostly prove of concepts or there are users present to guide users through. As such, to help give us direction for our tutorial video creation, our team use Kinect games like "Kinect Sports" or "Dance Central" as a guide where we see how they showcase their tutorial video. From there, we tweet it into a more commercial ready environment where users can learn gestures in the easiest way and also engaging manner.

Learning Process - Observe, Testing, Improve Approach

To ensure that our tutorial videos are engaging and also commercially feasible. We went through the road of observing the different ways commercial applications are push into the market and how tutorials are taught. The team even went to shops with establish touch screen base applications to see how they taught their users. Through these different findings, we always improve the tutorial videos. How can we gauge if the tutorial is effect? For that, our team will consult opinions or even through User Testing environment to see how users react to the tutorial video. From the feedback we receive, we improve the tutorial videos. Through each version of the tutorial videos, we realize how effectively we are teaching the users.

Video Tutorial Journey and Progress

To meet the goals we define to create our video tutorials, our team tackles two critical questions:


How should the tutorials be shown?

From this question, the team aims to tackle how tutorials should be display and perceive by the end users. Through this question, you will see how our team tackle challenges like how we approach in flimming our tutorials or how we even show case step by step approaches to end-users. Ideally, our team will like the users to see the videos and instantly know how to use our applications.

Kinectsports instructions 1.png Kinectsports instructions 2.png Kinect sports.png

From the screen shots above, our team took reference from established kinect games like "Kinect Sports Season 1". Before the start of every game, there is tutorial to users where the users are engage in a step by step tutorial to aid their learning. We thought it was highly applicable to our application and thus we attempt to produce tutorial videos that are similar. The reason why we took kinect games as our reference as this gaming companies has spend millions of dollars doing research as to how tutorials can be taught to users and what the best way to learn them. For us, we felt it would be a good starting base for our tutorials.

Tutorial Timeline

In total there are mainly 7 versions of the tutorial video that has been created. This excludes any minor changes we made along the way to any versions. The different versions can be summarize as shown:

Version 1

Description

Tutv1a.png Tutv1b.png

The idea here is to show a simple videos where a highlight of a person is shown. The person will be facing the camera from the front. Simple instructions will appear when the user perform gestures like two handed navigation to help assist the user.

Limitations

Tutv1b.png This screenshot showns how users will not be able to gauge the difference in hand position they have to place.

We realize that the video is hard to view and is not very intuitive for users. As it is a single color highlight, it will be hard for users to differentiate how an actual swipe should be or even how to properly do a 2 hand navigation.Furthermore, the instructions are not very clear. For example, terms like "Push Forward". What exactly is push forward as different users will have different interpretations of this meaning. This are things in the tutorial we had to improve on.

Version 2

Tutv2a.png Tutv2b.png


Version 3

Tutv3a.png Tutv3b.png Tutv3c.png

Version 4

Tutv4a.png Tutv4b.png Tutv4c.png

Version 5

Tutv5a.png Tutv5b.png Tutv5c.png Tutv6d.png Tutv6e.png

Version 6

Tutv6a.png Tutv6b.png Tutv6c.png Tutv6d.png

Version 7

Tutv7a.png Tutv7b.png