UI/UX Design
How might we help people to choose perfect outfits in no time?
There are two black holes in the world, one in the vast universe and the other one's own wardrobe. Picking out an outfit can be overwhelming, especially if you aren’t sure where to start. I want to design an app that can help people quickly choosing perfect outfits in no time.
Role UI/UX Designer
Duration 07 - 27, November, 2018 (3 weeks)
Tools Sketch, Illustrator, Photoshop
Category UX/UI Design
Generating the concept
The root of the idea
Keywords: Fashion, Fun/Entertainment, Simplifies,Organizes
Picking out an outfit can be overwhelming, especially if you aren’t sure where to start. I would like to create an app that can help people easily choosing perfect outfits in no time. This app can also incorporate with online shopping, preview the item with personal cloth in order to reduce the time of purchase/choosing outfits. The practice of Augmented Reality is more reliant on the reality, 3D models are directly projected onto physical things then fused together in real-time, if the AR technology can be applied on the app it will be more interactive and useful.
Competitive products: Closet+, Stylebook, Stylicious, Smart Closet..
How might we….?
“How might we” (HMW) questions are short questions that launch brainstorms. HMWs fall out of point-of-view statement or design principles as seeds for ideation. Create a seed that is broad enough that there are a wide range of solutions but narrow enough that the team has some helpful boundaries. Here are some notes from the activity:
Based on the notes I summarized them into 3 directions:
How might we display all the cloth and make user pick their best outfit in no time when facing various condition(season, weather, event, location, cloth type..)
How might we make the app more interactive? (augment reality: hmw display the user in multiple perspective and positions, more interactive interface like: mirror)
How might we reduce the time of deciding outfit.("guess you like", sizing, budget, weather, events, random cloth generator...)
What is the goal of the project?
The goal is to develop an easy-to-use free closet management app that will allow people to easily choosing perfect outfits in no time. Solve the following problems that make us anxious: Many clothes were left unused, and some cloth was wearing over and over again; The secondary goal is to help users plan ahead and improve their daily dressing aesthetic. Make reasonable consumption plan based on existing clothing. The project will mainly be focusing on the mobile devices. Mobile device allows users to scan their clothes into the app by its camera, and mobile device provides push notifications and instant updates. The final goal of this app is to motivate and help users to reduce time on deciding the outfits. the success of my app indicates the user will finds the app is fun to use and shows the improvement of dressing the right outfit by using the minimum time
Keywords: Organizes, fashion, planning, saves time, reduce cost, reduce effort…
Who is the intended audience?
The general public
Young adults who pay attention to their outfit
Dressing expert
Minimalist
Organizing storage enthusiasts
Apparel practitioners
People who are learning fashion and trying to create a personal style.
In which way will users be encouraged to use my interface over and over again. Based on the research and the How Might We workshop.
What is the unique value proposition of the digital solution?
Reduce user input. - It contains the input of clothes information, which reduces the user's use process through scanning, manually adding and so on.
Accurate wardrobe organization. - After solving the input function of clothes, the corresponding arrangement becomes a little easier. Season, clothing category, color, price, etc.
Match clothes properly. - What is a good-looking and occasion-friendly outfit. If we can't define it accurately, then we can provide a matching exploration system for users' reference.
Crazy 8’s Workshop
“Crazy 8’s is a core Design Sprint method. It is a fast sketching exercise that challenges people to sketch eight distinct ideas in eight minutes. The goal is to push beyond your first idea, frequently the least innovative, and to generate a wide variety of solutions to your challenge.” — Collected by Google
I gathered all the feedback from the workshop, I found a lot of interesting and inspirational design ideas from everyone in the exercise, I truly appreciated. The workshop went very successful and developed innovative and comprehensive app features from my idea. I selected following design solutions from all of the suggestions.
define body type + preferences
brand recognition
provide alerts when the user tried to purchase something similar to what they already have
provide alerts when user’s cloth is dirty
scan barcode to register new item
have a demonstration of how your unworn
clothes can be styled with existing pieceshave tabs that categories items
categorize cloth by types/events/mood/weather/time of owning/similar items
provide onboarding panels (account set up, define body type, customize personal alter)
User Flow
Wireframe
Mid-fidelity wireframes
Designing the concept
Visual Identity
Color Palette
When colors are limited, they carry more weight, and bring a singular focus and clarity that can fundamentally change the way you engage with what is in front of you. “Less is more”
Typeface
Stone texture as fluid elements
User Interfaces
Onboarding
In step 1 and 2 are gathering some basic information about the user. In step 3, you could add items by code, or add items manually (take photo or choose from album).
directly add from code scanning
by taking photo
by chose from album
Home Page
In home page, user could explore outfits according to weather and custom tags. Tags which are including different occasions, colors of cloth, brands and cloth worn times from the past. Once the chosen outfit is locked, user can go to AR fitting or save the outfit into “Outfits page”.
Closet
User could add individual items into categorized closet. the closet could filtered by temperature, environment, colors, and brands.
Outfits
User could add selected outfit items in Outfit page. In order to create a personal look-book or as an inspirational outfits sketchbook.
Calendar
In calendar page, users could add events/activities into calendar, and select the most appropriate outfit for that day.
Profile
Profile page could record users’ activity history, upload inspirations, and write blogs.