The Brief
Understanding the problems, goals & scope definition
Problem:
Individuals need recommendations when selecting an outfit within their existing closet for different occasions that fit their style goals, because they get stressed with the amount of time it takes to curate an outfit. Furthermore, users often regret their stylistic choices due it not being appropriate for the occasion.
Goal:
Our goal is to design an app that helps busy individuals effortlessly select stylish outfits for various occasions. By streamlining the wardrobe selection process, our app reduces stress, boosts self-confidence, and enhances overall well-being.
Impact:
We believe designing an app to help busy individuals make stylish selections from their wardrobe based on different occasions in a timely manner will reduce stress when appropriately selecting an outfit, leading to improved self-confidence and well-being.
Building Context
Understanding the problems, goals & scope definition
We initiated the ClosetCue project by crafting an initial hypotheses rooted in our concept. Following this, we conducted comprehensive user research to validate or challenge these assumptions. This included conducting five in-person interviews and administering an online survey centered around morning routines, outfit selection, and strategies to alleviate the stress of getting ready.
By integrating insights from interviews, research, and surveys, we crafted a proto persona that helped us focus on our user's goals, frustrations, and potential pain points.
Key takeaways: 88% of our survey participants expressed regret about their outfit choices, with 79% indicating a desire to improve their decision-making process when choosing what to wear.
Ideation
Refining designs for improvement and inspiring innovative design ideas.
After conducting thorough research on ClosetCue and honing in on our users' pain points, we delved into a competitor analysis. This involved identifying and examining existing apps and websites with similar functionalities. By doing so, we aimed to gain insights into market trends, identify potential gaps, and refine our approach to ensure ClosetCue stood out in the competitive landscape.
We compiled a collection of standout features from different apps and organized them into a feature priority matrix. This shows a few of our favorite features.
We crafted a storyboard to envision how users would interact with our app and the scenarios that would prompt them to download it. This exercise provided deeper insight into user engagement and allowed us to create more nuanced scenarios.
Iteration
Keeping the user journey at the forefront, we constructed a user flow to outline the anticipated interactions within our app. Initially, users would access the 'create outfit' page, where they could either upload photos onto an avatar or select an occasion to have the app generate outfit suggestions. This was followed by the creation of initial wireframe sketches and digital wireframes, where we fleshed out each task and brainstormed ideas for the app's interface.
We segmented the app into different "flows," with one highlighted above being the "create an outfit" page, offering two options: inputting outfits based on occasions or creating an avatar with outfit options.
Showcased above are some initial sketches and ideas for the layout of ClosetCue
This initial low-fidelity prototype showcases our effort to seamlessly integrate or favorite features and ensure an easy user journey.
Testing
Our next step involved testing our prototype. We devised a usability testing plan with the primary objective of assessing whether users could complete our designated tasks without encountering any difficulty or confusion.
The Results:
Attached is a video demonstration depicting the execution of the three designated tasks outlined earlier.
*We took these insights and made adjustments to the app accordingly, example show above
some interface issues: skip button was too small/light, colors on buttons were to small
wireframe issues: uploading picture was not working
small navigation issues such as making the “Next” button clearer
