Kiosk User Design Development



The UI/ UX and total Design created helped Dr Scholl’s to come up with a POC for in store Kiosks that aid customers with personalized product recommendations that further engaged users in a streamlined brand experience.

The main objective of this project was to allow the consumer in need of an insole or knee/ankle brace to view the body products of their interest and allow them get a Custom Fit pair with new touchless gesture scanning. The entire UI and UX design were transformed totally to create a very clean, streamlined, kiosk experience which gathered information for the client, offered sale coupons, offered a perfect fit brace or orthopedic insole, and more in depth information about your scan and why the ‘Custom Fit’ product was the best for you.

The overall UI was developed in a way to cut down on clicks and text, so a user could quickly get through the experience. Working also along the technical aspects of scanning a users leg, ankle and foot, I directed all 3d modeling and animation videos to ensure consistency and clear user interface.

Dr. Scholl’s is a footwear and foot care brand owned by Bayer in the North and Latin American markets. Founded originally in the year 1906, the brand is sold in almost all leading pharmacies in the USA. Today Dr. Scholl’s products feature a complete family of brands that together form a one stop shop for foot care and wear.

Non-contact human body measurement plays an important role in physical healthcare and specifically this kiosk. Current methods for measuring the human body without physical contact usually cannot handle humans wearing clothes, which limits their applicability for accurate biometric measurements. The ‘Next Gen Kiosk’ uses Microsoft Kinect for a Windows v2 sensor [a physical device with depth sensing technology, a built-in color camera, an infrared (IR) emitter, and a microphone array] enabling it to sense the location and movements of people as well as their voices. Microsoft Kinect for Windows v2 can track up to six people within its view as whole skeletons with 25 joints. Skeletons can be tracked whether the user is standing or seated.

  • The Next Gen Kiosks were designed by myself and my development partner and assisted along with our offshore support teams. The Next Gen Kiosk scans user’s feet, knees and ankle biometrics, suggesting the right custom product to purchase based on the data collected & analyzed.
  • Sales of Orthotics rose high after the introduction of our new Next Gen Kiosk units.
  • Customer Reviews scored very well with the new design and functionality.
  • Feb 2015 – June 2017 was a constant collaboration with the Dr Scholl’s marketing department & my development team to create and improve UI/UX with the help of focus groups & multiple other partnerships.
  • A comprehensive analytic dashboard was also created to monitor usage, completion & drop off data of customers that further helped in improving the UI/UX experience.

In addition to the large motions, the effect of clothing was another challenge for accurate body measurement on the kiosk. Another layer of UI/UX design was integrated to create a visual journey of a 3d live screen scan, processing of the scan, and a final output of data and product recommendation which are shelved on the kiosk itself.

We learned that the Kinect Avatar can partly capture the average geometry of clothing, but it cannot measure accurate parameters of the human body under the clothes. The UX had to be enhanced to help the user visually get through the scan. Kinect does not necessarily obtain precise segment lengths during motion. When used as a game it is maybe not a big deal, but for potential future bio-mechanical application this is a problem. In order to get precise results with the Kinect a kind of calibration (a simultaneous recording of each particular motion with both MMC and MBS) is required to estimate regression equations that would be used to correct these results.








Related Projects