CHAMIRA PERERA
STYLER FASHION APP
OVERVIEW
An academic project to make creative design tool for a specific domain. Styler was designed for the fashion domain & aims to facilitate exploration, promote collaboration, and provide a history-keeping feature for creating outfit combinations. The tool addresses the need for intuitive tools in the fashion domain, allowing fashion enthusiasts to showcase their creativity and plan their outfits effectively.
IDEATION
We explored various domains for our creative support tool. Mobile development, specifically Android Studios, was a domain we considered. We brainstormed ideas & examined the possibilities of enhancing the IDE to support creativity.
We chose the fashion domain because there was a lack of technologies to support creativity in this field. Considering this, we decided to develop an app that would enable users to explore and express their creativity in the fashion domain.
We ideated a few essential activities that we believe frequently occur in this domain:
Style Outfits
Critique Outfits
Curate Outfits
Follow Trends
RESEARCH & PROBLEM STATEMENT
In our research we define the domain users & problem statement, and detail the objectives our Styler app would address.
POTENTIAL USERS
We focused our project on fashion enthusiasts and stylists, who are passionate about fashion, stay updated with trends, and invest time and effort in outfit planning. These users excel in creating outfits using existing clothing items, rather than designing or producing clothes themselves.
PROBLEM SPACE
With fashion enthusiasts and stylists in mind, we identified four key areas of concern in the fashion design domain:
-
The difficulty of keeping up with fashion trends
-
Finding outfit inspiration while maintaining your own unique style
-
Knowing where to look for certain outfit pieces
-
Deciding what to wear to an event
Based on the identified problems in the fashion domain for fashion enthusiasts and stylists, we established the following solution objectives.
BUILD AND PLAN OUTFITS
Enthusiasts & stylists struggle to visualize outfit combinations, resorting to imagination or manual methods like prints or screenshots. A tool that allows them to view & plan outfits with clothing items in a single space would be valuable.
FINDING DESIRED STYLE
Enabling enthusiasts & stylists to explore clothing and accessories would reduce the time to create or plan desired outfits.
STAYING ON TOP OF FASHION TRENDS
Having a centralized platform to keep up with fashion trends and the community would greatly benefit enthusiasts and stylists, eliminating the need to navigate multiple fashion resources.
RECEIVE FEEDBACK & SUGGESTIONS
Fashion enthusiasts would greatly benefit from receiving feedback and suggestions on their outfits, enhancing their understanding of what works well and potentially elevating their overall look.
FIND OUTFIT INSPIRATION
Fashion enthusiasts seek inspiration and outfit ideas. Exploring different styles, created outfits, or generating outfits can help them discover new looks and provide insights for their own wardrobe.
DESIGN
Styler digitizes users' closets by allowing them to upload images of their clothing and provides a space to create outfits. Clothing pieces are tagged for categorization. We developed six use-cases where Styler offers creative support.
Adding clothing to closet
USE CASE ONE: BUILD OUTFIT
Build an outfit through Styler using the articles of clothing available from the fashion enthusiast's digital closet.
Choose Build Outfit
Can view clothing item collection
Choose Build from Closet
Detailed clothing item view
Two outfit creating options
Space updates based on choices
Filter clothing items in closet
Suggestions made by system
Save outfit when completed
Outfit saved in closet
USE CASE TWO: GENERATE OUTFITS
AI generates outfits based on criteria (events, style, category) in Styler.
Select Generate Outfit
Choose from options
Detailed outfit generation options
Outfits generated in workspace.
Choose from generated outfit
Save outfit and assign tags
Outfit saved for future use
USE CASE THREE: SHARE OUTFITS
Share outfits with fashion enthusiasts (outfit receivers) via the Styler community or exporting outfit images.
Choose outfit you want to share
Detailed view of outfit appears
Select menu and click share
Choose to share with the community or save to photos.
Outfit shared to community will appear as a post in browse section
USE CASE FOUR: BROWSE OUTFITS
Browse through outfits created by other fashion enthusiasts for inspiration or to discover clothing items to purchase.
Shared outfits by community
Can filter by different criteria
Detailed view of community's post
USE CASE FIVE: PROVIDE OUTFIT FEEDBACK
Outfit viewer can give feedback on outfits they see in Styler that were made by other outfit creators.
In user post page
Select menu in top right and select 'Leave Feedback'
Suggestions is a image oriented feedback space
'Leave Suggestion' to choose a picture post
Type feedback message for outfit
Post chosen clothing items you want to suggest
Feedback in post for other users to see
Suggestions will appear under Community Suggestion space
USE CASE SIX: BOOKMARK OUTFITS
Bookmark or remove outfits for future reference in Styler wish list page.
To save outfit press star on right of outfit view
This will save in user wishlist section
Saved articles will appear in it's catergory
RESULTS
Styler serves as a creative design tool, allowing users to explore outfit combinations and incorporate fashion trends into their style. It promotes collaboration through outfit sharing, feedback, and design history. Styler caters to novice and expert users, offering outfit generation for beginners and a platform for fashion experts to design, engage, & follow trends.
Object Oriented Domain Model
We conducted a usability test using the Creativity Support Index (CSI) to gather user feedback for improvement.
PARTICIPANTS
Participants had varying backgrounds and levels of interest in fashion. Some participants didn't prioritize their outfits and simply chose clothing from their closets, while others put more effort into their appearance and even planned outfits ahead of time for specific occasions.
USABILITY TEST
Participants were introduced to Styler and instructed to explore the prototype. We observed their interactions, documented their feedback, and collected CSI evaluations to assess the effectiveness of our tool in supporting creativity.
CSI evaluation and participant comments
Below is a table of the results from the CSI evaluation.
The participants' CSI scores ranged from 40 to 90, with an average score of 67.2. This indicates a mixed response in terms of the tool's ability to support creativity, highlighting the need for further improvements.
LESSONS LEARNED
Through this project, I developed a fashion-focused app that supports exploration, collaboration, and history keeping, catering to both novice and expert users. I also conducted a usability study using the CSI evaluation method to assess the app's effectiveness in supporting creativity and identified areas for improvement.
Check Out My Other Projects
FH Call Center Redesign
Shoe Addiction
Vancity Cycling
Pom & Chi
Recur
Valorant