HP Sprout
As part of the progression of the HP Sprout system, the HP team asked Ixonos to design a series of interactive demos to showcase the dual-screen, state-of-art technologies that Sprout contains.
I am the lead interaction designer of the demo branch, working with a team of UX researchers and developers to deliver –
Three interactive demos (from concept to prototype)
UX Guideline for Gesture Flow
Developer Website
Video Experiment
Concept Storyboarding
To better visualize the value that Sprout can add to ordinary life of people, I worked with the UX researchers to develop different personas and drew out their user journeys.
See examples of some sketches.
In the concept stage, I have also prototyped 3 interactive demos using HTML5 and CSS3.
One of them called “Air Hockey”, allows users to play the virtual hockey game in Sprout’s dual-screen environment.
See the user flow in the below animation:
UX Guidlines for Sprout Gestures
While defining the gestures guidelines, I kept two principles in mind. The vertical screen is for consumption, which means it is used for looking up assets and experiencing content. The Mat screen is for interaction, and users touch the mat to interact with a natural environment at the right time.
This documentation was prepared for third party app developers to keep consistency with Sprout gestures as much as possible.
Developer Website
I worked closely with developers to build the SDK website to encourage others to develop third-party apps for Sprout.
Here are the UX and UI designs for some key pages.
Video Experiment
To introduce Sprout to the maker community, I directed and produced two videos illustrating how people can use Sprout with a simple Dremel to create something meaningful.
They were shown at the 2015 CES by the HP’s marketing team and later introduced to Bosch USA.The video demo helped HP to establish the strong partnership with Bosch USA Dremel team.