Acuity ETS Tobii Studio Trick Number 2 – Animated Heat Maps Over Video Stimuli July 20, 2009Posted by Jon Ward in eye tracking, Market Research, Marketing, Media, Tobii, Uncategorized, Updates, Usability & UX.
Acuity brings you the next tip forTobii Studio – this one is a little more complex than the questionnaire guide, and requires you to have a piece of video software to piece it together – however what it does allow you to do is to present animated heatmaps over moving video stimuli, something not yet supported within Studio. This is extremely useful for TV advertising (especially if you are using Studio Professional and don’t have access to the BeeSwarm tool) or sponsorship / advertising studies within sports. Please note that the quality of the results may vary depending on the video package and codecs used, the quality of your original source video and also the complexities of the heat map…. We figured this out a few months back and haven’t had time to fully exploit it yet – so if anyone has any great ideas we would be more than happy to hear them!
As I said earlier this is more complex than our other how to guide – and you need to think before setting up your test maybe a little more than usual, but it works and it does the job – and clients love it!
Firstly within your Tobii Studio test where you have your video stimuli ensure there is either a black (blank) frame at the end of the video, and indeed each subsequent video in the test. If there isn’t insert a black JPEG image as an image element in the test with maybe a 1 second exposure.
Next sit your participants through the test as normal – you can create filter questions and groups as you would with any other test….
Now comes the bit where you have to do a bit of work! For each of the video elements you want to create heatmaps for you need go to the REPLAY tab in Studio, and create a SCENE, and within the scene you want the video you wish to analyse AND the black (blank) screen image you added in, or that was at the end of the video anyway. Now, select the black frame as the SCENE IMAGE. If you go into the VISUALISATION section of Studio you should have now a stimuli listed as NEW_SCENE1 or something similar – and if you click on HEAT MAP you should get a heat map over a black background – this is correct!
Now export the HEAT MAP as an animated visualisation, without a legend is probably best. To export animated visualisations you need to upgrade to Studio 1.5 if you haven’t already done so. This will now give you an animated heat map as an avi – we are nearly there so don’t panic! Please make sure you select a sliding interval on the heat map otherwise you will get a build up of data and that won’t look pretty! (Thanks Anastasia at Think Eyetracking for pointing out my deliberate mistake!)
We now have two files – one is the original video source (as you added to the timeline in Tobii Studio) and the other is an avi file exported from Studio just showing the HEAT MAP. This is where you need a video editing package, we use ADOBE PREMIERE PRO but anything with basic functionality should do the trick.
With Premiere Pro you have numerous audio and video tracks you put side by side and can fade / edit across etc. What you do is drop both video files into the software so they start at the same time (This is why the black frame goes at the end – we need to ensure the heat map is in sync with the video stimuli file – the odd second of black at the end is irrelevant) and then we need to remove the black background colour from the HEAT MAP image. On Premiere Pro this is done with the CHROMA KEY function, selecting BLACK as the colour and adjusting the BLEND between 75-100% – on other packages it may be called different things! This is like blue screening a movie SFX shot – by selecting the BLACK (for the background) you can remove that from the HEAT MAP image and now we just have an animated HEAT MAP played over the top of our video file!
We also think it is a nice touch to add your company logo over the video file too – just repeat the CHROMA KEY process as above for your logo file.
From here – export it at the best possible quality and et voila – animated heatmaps over video.
Acuity would love to hear ho you get on with using this tip, and any comments or ideas… contact us on 01189 000795 or emails us at firstname.lastname@example.org.