Helping shoppers try on items without changing

Timeline

Dec 2020

Role

Sr. Product designer
(Contribution: 100%)

Team

13 xFN team
1 Product Designer (myself)
1 Product Owner
1 Product Manager
1 Data Scientist
5 Engineers
1 QA
3 Marketers

TOOL

Figma
Abstract
Protopie
Adobe After Effects

OVERVIEW

FXMirror provides real-time 3D virtual fitting service with its AR mirror kiosk

FXMirror allows shoppers to try on clothes without physically changing clothes. The solution consists of a 75” flat panel display, a console, a Kinect camera, and proprietary software with patented technologies. As the product was the first of its kind as a virtual mirror, there was no industry standard or publicly widely recognized user interface. The design team focused on identifying and solving key issues on the interface that arose from real-world users.

My impact

Developed wireframes and user flows
Collaborated closely with developers to implement UI/UX changes
Created visual user interface and artifacts including the icons and the animation guides

How it works

Customers begin by scanning their bodies using FXMirror's camera, which allows them to virtually try on various items displayed on the screen

TAkeaways

Bringing similar experiences that users have used previously helps them understand and use a new interface

Teaching users new hand gestures was challenging. We learned that unfamiliar device interactions can be difficult, even with guidance. We improved this by mimicking interactions from familiar devices like computers and mobile phones, making the new device easier to understand and use.

Motion and animation is effective tools when guiding users.

The 3D scanning camera can accurately recognize the body only when the arms and legs are spread apart. Despite including a visual guide and text for users to follow, many overlooked or failed to notice the instructions. However, after we replaced the static visual guide with an animation, the recognition error decreased by 57%.

Engaging viewers in virtual reality

LinkedIn Calendly