Xuan
Zhang.
INCREDIBLE FIT
Be the tailor yourself
INCREDIBLE FIT
This project aims to provide users with the ability to customize clothing according to their individual preferences: size and style. Specifically, our project provides users with the ability to select or create clothing ensembles for customization. Clothing customization options include fabric, pattern, fit, color, and type. The fit of any particular garment can be selected by the prototype’s users according to their unique requirements. Measurements can be automatically calculated using pictures of the users’ body, entered manually if measurements are already known, or set to generic sizes. Users will be able to view where the outfit is in the customization process using the system’s order tracking visualizer.
What did I do?
MY ROLE
I worked as UX researcher and UI designer for the team. I helped to collect data and conducted usability tests. I also produced major deliverables (both low-fidelity and high-fidelity prototypes).
How we design the website
DESIGN PROCESS
DATA COLLECTION
USER ANALYSIS
TASK ANALYSIS
INITIAL DESIGN
DESIGN EVALUATION
USABILITY TEST
UI DESIGN GOALS
Our interface aims to provide users with the ability to customize clothing according to their unique body measurements and personal style. The interface will allow users to create a profile that contains their measurements and special body considerations. After their profiles are created, users can choose from a variety of materials, fabric patterns, and clothing styles. Users will have the ability to provide reviews for their shopping experience, add items to their shopping carts, pay for their purchases, dress a virtual mannequin with their body dimensions to explore customized clothing, and seek customer support.
DESIGN #1: LOOKBOOK
For our first design, we created a lookbook interface suitable for mobile touch screens. This lookbook design features three outfits for a given collection of outfits. These collections are changed on a seasonal basis. Users can either customize featured outfits or create their own outfits in the “Customize Outfit” screen: choosing from a variety of fits, colors, patterns, and fabrics. Users can place orders for customized clothing, see order status, review order details, and review customization costs. We designed this interface for use in a physical store so that users can browse clothing in-store – feel the fabric and try on the clothes – decide whether to customize the garment and then customize the garment online.
DESIGN #2: IN-STORE KIOSK
Our second design is an in-store kiosk that allows users to select styles and create custom clothing before meeting with in-store tailors. This design is going to help both customers and tailors by making the customization process shorter and easier.
DESIGN #3: WEBSITE
Our third design is a desktop website which users can access from their homes. The website provides users with a larger screen, and higher resolution, to interact with the application efficiently – compared to smaller screens for mobile applications. We plan to make the website minimalistic to ensure it does not worsen the shopping experience by overwhelming the customer with interface elements. Our website can be accessed from any location with an internet connection. It will facilitate customization of clothing. In order to help users do this easily, we have come up with a design that is fun and interactive.
Paper prototypes
LOW-FI PROTOTYPE
For our low-fidelity prototype, we created a paper prototype. The prototype is comprised of a web browser and interchangeable interface screens to give users an idea of how the application would behave on an electronic device. For interactive controls, such as buttons, we used painter's tape beneath them to make controls three-dimensional - as signifiers that buttons can be pressed. Because our application involves customizing clothing and choosing different outfits for an avatar, we created small interchangeable clothing items that can be used to mimic the customization process. We created elements that were exclusively unique to our application such as a virtual dressing room, a clothing rack, and a lookbook (i.e. catalog). Also, we created screens for user profiles to show alternative methods of entering measurements including automatic measurements based on pictures taken with the application.
