IS480 Team wiki: 2011T2 Bazinga Video Tutorial Improvements and Timeline
- 1 Research on Kinect Tutorials
- 2 Video Tutorial Journey and Progress
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.
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.
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.
For this version of the tutorial video. It was an improvement over the last video where the demonstrator is clearly shown. More meaningful instructions are added from just "Navigate" to "Navigate Downwards".
Limitations from this video is that the mask worn by the demonstrator is too scary and might scare some of the users. Apart from that, the instructions and images are still not clear enough for users. In fact, they might be redundant as the demonstrator is already performing the same action. Another limitation is where this video suffers the same problem to the last tutorial video. As it is forward facing, it was hard for users to tell actions like 2 hand navigation as they are unable to tell how far their hands should be apart.
More in-depth studies was done with reference to kinect games and proof of concept kinect applications online. Our team came out with this new tutorial video where it shows a step by step 3 column gesture screen. This time round, more visible changes were made to the tutorial.
For a start, a bright and striking title screen was included to let the users know what tutorial are they watching. Apart from this,the demonstrator is properly attired instead of having one color overlay or wearing a mask. Furthermore, the tutorial video breaks down the gestures into steps where each step shows a 45 degree view along with a front view. Depending on the gesture, the front view might be replace with a top view as the top view will be able to teach the user more effectively. We hope that through each step, users can see how this gesture is properly perform, especially with two different perspective. It should help the users greatly.
Though the tutorials were a huge improvements over tutorial 2, we realize how users still struggle to use the application. The tutorial videos do not show the actual kinectify screenshots. Thus though users can see how the demonstrator does the action, they are unable to visualize how this actions will impact on the actual application itself. Apart from that, due to the choice of clothing by the demonstrator, we realize that the pale pink cardigan blends too well with the white background that it makes it hard to view certain gestures. A different outfit could have been better. The wordings to describe each step was still too vague. For example, things like ready position does not mean anything to user.
More visual improvements were made. This time round, in view of the limitations mention in Version 3. We included the kinectify screenshot that show users the actual screen they will be interacting it. Apart from that, there is a main instruction shown the center that show users should do. There is also a improvement in the instructions given to users where it shows user for each step, what will be the purpose of the gesture. Example, Browse Up/Down is shown where the demonstrator browse with her right hand. The fancy title for each tutorial screen has been replace with our demonstrator performing the Help gesture and the title spell with bold font above.
Limitations Some limitations are as follows:
For the tutorial title, the font appears too kiddish or unprofessional. Furthermore, given the attire of the demonstrator, it blends too well with the white background that makes it hard for users to view properly. For this screen, we can see center banners grab the attention of the users. As they are set to appear at the same time as the Steps below, it makes it very confusing for users to differentiate where to focus on. The font for the instructions can be improve and the demonstrator attire still blends too well to the background.