Mirror My Look - Smart Closet System

Design concept for wardrobe optimization through mobile app and IoT mirror using augmented reality

Mirror My Look Cover Image

 

O V E R V I E W

Deciding what to wear is an everyday task posing a challenge for those with time, budget, creativity, or interest constraints. 

Take the stress out of dressing up with Mirror My Look - a design concept for a smart closet system. It integrates a mobile app with an IoT mirror using augmented reality. The system helps maximize wardrobe item use to prevent fashion waste and allows users to discover unique item combinations inspired by their personal style. 

This project culminated in a mobile app prototype and IoT mirror rough and ready prototype with a Wizard of Oz video demonstration.

Type

Graduate Studies Individual Project

Duration

December 2020 (2 weeks)

Skills

Secondary Research, User Persona, Jobs-To-Be-Done Framework, Sketching, Rough & Ready Prototype, Design Anatomy, Mobile App Wireframing & Prototyping, User Flows, User Interaction Diagram, and Wizard of Oz Video

T H E N U M B E R S

T H E C H A L L E N G E

Help people discover unique combinations of their wardrobe items to promote personal style, optimize usage, and deter fashion waste culture

R E S E A R C H

Empathizing with users and identifying their needs

User Persona

Using secondary research, I created a user persona that helped me empathize with the user during the design process.

Sources: 4, 5, and 6

 

Jobs-To-Be-Done Framework

I used this framework to identify four core jobs the user needed to accomplish in order to ideate solutions that the user would find useful.

 
 

I D E A T I O N

Designing a solution

While brainstorming, I realized a mobile app alone could not address all user needs because an integral aspect of selecting what to wear is how it looks on a specific individual. Users would greatly benefit from an augmented reality view of themselves that allowed them to try-on various items. Since users are already familiar with viewing themselves in a mirror, it was the most natural choice to enable the experience.

Sketches

I used paper, pen, and highlighters to sketch ideas of my design concept - an integrated mobile app and IoT mirror. I looked at popular wardrobe management mobile apps such as Stylebook for inspiration in showcasing wardrobe items and usage statistics.

IoT Mirror and Mobile App Interaction

Mobile App: Statistics Page

Mobile App: Navigation

Mobile App: Outfit Recommendations Page

 

Rough & Ready Prototype

Using material I had at home (full-length mirror, markers, and construction paper), I created a physical prototype of the mirror.

The marker on the mirror represents the light that would be emitted to display time and weather information. Light to help view yourself in the mirror is shown as yellow circles and there is a camera on the top.

This prototype allowed me to quickly model my idea and identify improvements for future design iterations:

💡 Mirror controls should be on the mobile app otherwise users’ distance from the mirror is limited by arm length

💡 Mirror size must be larger to ensure usability by all

 

Mobile App Design Anatomy sophisticated, modern, natural, friendly

I collected inspiration for the overall design of the mobile app and identified a cohesive color palette and typography style.

Mobile App Wireframes

I used my sketches as inspiration to create low-fidelity and high-fidelity wireframes. Given the time constraints of the project, I focused on core screens.

Outfit Recommendations Page

Filter Menu

Outfit Details Page

Statistics Page

User Flow: Filtering Outfit Recommendations & Virtual Try-On

I created this user flow to map out the process a user would take to complete this core task.


 

User Interaction Diagram

I wanted to clearly outline how the user can interact with the IoT mirror using the mobile app and their voice.

D E S I G N C O N C E P T I N A C T I O N

Mirror My Look - Take the stress out of dressing up! 

Key Features


Wizard of Oz Video

I created this video to pitch the product and describe its use. Additionally, it was used as a tool to determine and test the user interaction process with the mobile app prototype and IoT mirror rough and ready prototype. (*previous design iterations of mobile app used in video)

💡 “Ding” sound to signal feedback from voice interaction with IoT mirror 

💡 “Shutter click” sound to signal feedback from IoT mirror taking a screenshot 

💡 Customize the location of information on IoT mirror based on person’s size and height so it does not obstruct their view 

 C O N C L U S I O N

Mirror My Look’s smart closet system allows people to easily figure out what to wear using items they already own. The innovative augmented reality IoT mirror enables efficient virtual try-ons while the mobile app helps plan outfits and get useful statistics. 

Next Steps

If given more time, I would create additional user flows for the mobile app such as the personal style onboarding survey questionnaire. Then, I would conduct usability tests and iterate my designs.

Reflection

I found this project particularly exciting to work on as it combined two areas of my interest: fashion and AI. I wanted to find a way to use AI to optimize an everyday task that still allowed for creativity and individuality to enable a user’s self-expression. 

The most challenging aspect was designing a physical product to work in conjunction with the mobile app. I found creating the rough and ready prototype to be very valuable as I was able to understand specific human factor limitations.

Another challenge was figuring out how to portray the augmented reality virtual outfit try-ons in the Wizard of Oz video. I decided to only show the mirror reflection onscreen and use the script to distinguish this view as virtual.

An important skill I learned was to use secondary user research to inform my designs due to time limitations.

 S O U R C E S

  1. Shahbandeh, M. (2020, November 18). Average number of apparel items owned by Consumers Worldwide 2017-2019. Statista. Retrieved December 2, 2020, from https://www.statista.com/statistics/1008465/average-number-of-apparel-items-owned-by-consumers-worldwide/

  2. Smith, R. A. (2013, April 17). A Closet Filled With Regrets. The Wall Street Journal. Retrieved December 2, 2020, from https://www.wsj.com/articles/SB10001424127887324240804578415002232186418

  3. Remy, N., Speelman, E., & Swartz, S. (2020, August 19). Style that's sustainable: A new fast-fashion formula. Retrieved December 2, 2020, from https://www.mckinsey.com/business-functions/sustainability/our-insights/style-thats-sustainable-a-new-fast-fashion-formula

  4. Anna Perry (2017) Factors that influence consumers’ purchase intention of smart closets, International Journal of Fashion Design, Technology and Education, 10:1, 91-100, https://doi.org/10.1080/17543266.2016.1202332

  5. Bakewell, C. and Mitchell, V. (2003), "Generation Y female consumer decision‐making styles", International Journal of Retail & Distribution Management, Vol. 31 No. 2, pp. 95-106. https://doi.org/10.1108/09590550310461994

  6. Dabija DC., Lung L. (2019) Millennials Versus Gen Z: Online Shopping Behaviour in an Emerging Market. In: Văduva S., Fotea I., Văduva L., Wilt R. (eds) Applied Ethics for Entrepreneurial Success: Recommendations for the Developing World. GSMAC 2018. Springer Proceedings in Business and Economics. Springer, Cham. https://doi.org/10.1007/978-3-030-17215-2_1