Qeexo Interactive Screen UI

Product overview

From tablets to touch walls

Through Qeexo’s lightweight machine learning engine, TouchTools understands user’s intent by merely posing the way they hold objets in the real world and reflecting on the touch screen. These virtual tools range from a mouse, pen, ruler, tape measure, eraser and camera.

Qeexo’s TouchTools allows users to instantly summon and manipulate virtual tools with ease and precision. Editing, creating, working, and collaborating on any touch-enabled surface. Users need only to mimic the way they hold objects in the real world, place their hands on the screen, and TouchTools will choose the right virtual tools accordingly.

In the effort to simplify and develop a cohesive visual language for all TouchTools components, I redeveloped the experience from the ground up. The redesign helped to spearhead the use cases of automotive consoles and dashboards, touch computers, multi-user whiteboards and iOS gaming.

Implementation

TouchTools consists of six virtual tools: dial, eraser, ruler, camera, tape measure and pen.

Dial tool

The dial is a circular value input control. Like a real-world analog volume control, the digital control offers finer UI controls. The TouchTools dial features two levels of control, offering settings for the pen tool including pen color, pen weight and pen stroke.

Each product tool requirement undergoes wireframing before the design phase to visually ouline its functionality and user interface elements. This process ensures clear communication among the team and aids in identifying potential challenges early on.

The dial consists of two interactive levels: first and second. The first level (default) displays three navigation elements to the user with the focused element indicated with a blue stroke. Once selected, the second level dial is revealed.

Exploring the contrast between the lightest and darkest colored background is crucial for ensuring proper usage in design. All TouchTools virtual tools were ensured to possess enough contrast to facilitate easy differentiation, especially for users with visual impairments or when viewed in different lighting conditions.

https://youtu.be/czKvRm8egl0?si=g7M3tqlUK9RoY7mD

My role

Visual Design: Art Director, User Interface Design and Branding.

Interaction Design: Wireframes and Storyboards.

Year: 2017
OS: Windows