In collaboration with the Kinect for Windows design team, I designed Human Interface Guidelines documentation which included art directing a series of photo shoots and editing the photos for inclusion in the document. Over 500 photos were shot highlighting an extensive library of gesture variations and technical interactions with the product, for use in the website, documentation and marketing materials.
My role: Art direction, coordination, design and photo editing
Photography: Douglas Evans
Microsoft Kinect for Windows Design Team: Oscar Murillo, Principal Design Manager; Stuart Mayhew, art direction; Kim Rush, project management; Jenny Kam, Emmanuel Athans and Josh Campbell, contributors
Prescriptive instructional photography
More than 30 gestures, each simultaneously shot from the front, side, and behind, at 3 distances from the device. Each gesture was stopped 4 times within the movement to capture motion for editing.
I edited the photos to remove the backdrop and imperfections, superimposed gesture movements, and inserted screen content that I designed to reflect interaction with real UI.
Showing the range of each gesture movement was crucial to acurately represent correct form. This was acheived in editing by overlaying the motion stops shot during the photography session.
I planned and executed the photographic content to match with instructional content throughout the Kinect for Windows Human Interface Guidelines documentation.
Scenario photography
In addition to the prescriptive instructional collection, 4 locations were selected to shoot scenes for retail, health care, home, and business scenarios. In collaboration with the team, I coordinated props and advised on clothing for models, set up the scenes and art directed the gestures in the same manner as for the prescriptive collection.
Photo editing
In this retail scenario, I created a mockup of UI demonstrating interaction with a catalog of eyewear and a mirror image of the model with glasses superimposed.
In this home scenario, I created a mockup of shopping cart UI and superimposed on screen. I swapped the arm gesture for another to more accurately reflect the gesture needed for the action shown on screen, and removed monitor branding, the pan, and a hand in the corner.
In this business presentation scenario, I swapped the nighttime windows for daylight, created presentation content, and applied color correction.
