Physical store is trying to compete with the online shopping conviniency and impulse buying that happens online more than offline. Exploring intersections of consumer psychology, personal styling, and AI technology in the context of fashion retail will assist user to explore their identity.
Research has shown that there is indeed a connection between an individual’s mood and their clothing choices. People often dress in a way that reflects their current emotional state. Shopping is a mood based journey , based on research we found this :
- Shopping behavior is influenced by various factors, including personal preferences, needs, external influences, and mood.
- Retail therapy refers to the act of shopping with the process of browsing, trying on clothes, and making purchases can provide a temporary mood boost and a sense of control or self-expression.
- Impulse Buying: Mood can also contribute to impulsive buying behavior. Positive emotions can lower inhibitions and increase the likelihood of making spontaneous purchases without much consideration for long-term consequences
- The shopping environment, including store layout, music, lighting, and overall ambiance, can influence mood and subsequently affect purchasing decisions.
The concept social fitting room is made with the idea to let user finds the joy in trying on different clothes based on their mood and preference. A Potential to assess a shopper’s mood or wish based on their or specific social media activity , a digital interaction options of colors and music choice for clothes recommendation of whats available in that store . 🪞💃
Journal 02 :
Create the jobs to be done :
- As a user, I want to use fashion as a means of self-expression, mood enhancement, and self-care, so I can align my clothing choices with my emotional state and improve my overall well-being.
Journal 03 :
Prototyping Social Fitting room . 60% of the theory i could grasp and re create it ! I have the initial design . I used Quest 1 for it!
The initial concept as drawn in the storyboard paper :
The social fitting room that i choose was a recreation from H&M concept
i am combining this course with Product Design for AI from Udemy ( https://www.udemy.com/course/product-design-in-ai/ )
So the task become :
- Design a personal social fitting room, with a possibility to incorporate shopping assistant that suggests clothing and accessories based on customer mood preferences.
Design Flow In Designing AI as product design using System Design and Data Design
System design : is where we design the flow of user interact with the AI , this is where the background UI UX principal will be much used.
We do this through :
- user research ( know about the end users, which direction we wanna guide user to )
- Create the architect : design the interaction between user and the Ai system through blueprints or prototype , at this stage user testing could be done with just simple prototype.
Data Design : is the phase where user needs are translated into data for training the AI system . Through :
1. right data sources, analyse potential biases in data
2. Pre process the data : analyse and clean data into a format to be fed into the system for training , remove biases.
Started doing the UI for Onboarding Experience, using FloatGrids as the design system foundation!
I started with applying the interaction of the wireframes :
1. Background ( main / hover / clicked )
2. Research (( main / hover / clicked )
3. Concept ( main / hover / clicked )
One difficulty im having is to align the object one to another , thers no easy way to do this but to just eye it out , but i dont think i can do it without precision to have a good prototype. ( more like perfect prototype 🤓 )
The other mundane difficulty is i cannot replace the UI with another from the library , so i have to keep on creating them taking out from the library
Find the import figma within Import library. If its a UI , toggle on mark it as UI element to set the pixel density for 1 metre options.
Turn on the grid , to help in setting up the object and UI, every grid is a representative of 50cm .
There are template mood that user can choose , like bohemian , futuristic, romantic , along with set of room color and music that is predefined for learning curve and easeness of user in the beginning.
Following the launch of Apple Vision, i tried to apply the gaze and pinch UX for the experience. Quest 1 has head tracking , we can use user’s head direction to approximate their gaze direction , and complement them wit timed interactions, where specific actions are triggered when the user’s head remains facing a certain direction on objects or UI for a set duration.
The theory principal is as followed : 5 -10cm size in 1 metres, within 20 degree of user POV ( Foveated ) and 10-20 degree below the user horizon . The further the menu the bigger the size.
his is where i had difficulty in the beginning 😄 because it wasnt as accurate ofcourse without eye tracking device , nonenthless the combination of those does give a sembalance of gaze like interactions using Quest 1 , which im very happy about !
After making the first layer interaction, i start doing the doodling for the “ Create your Own Mood “ experience.
The goal of creating a social fitting room that offers a personalized and immersive experience for users while incorporating AI for personal shopper recommendations. It’s important to strike a balance between enhancing the user’s experience and respecting their autonomy in choosing their own clothes.
i dont want to take away the things user like to do , of choosing their own clothes, so the AI needs to be enhancing the experience instead of replacing their choices completely.
Input ideas :
- Social Media Activity: This would involve analyzing a shopper’s posts, likes, shares, comments, and other engagements on social media platforms. Sentiment analysis could be used to gauge their mood from their posts, while their likes and shares could indicate their fashion preferences.
- Color Choice: This could be assessed through a variety of means, such as the colors of clothing the shopper frequently buys, colors they often wear in social media photos, or colors they’ve indicated liking on a color preference tool within the shopping app or website.
- Music Choice: Like color, music preference can say a lot about a person’s mood and style. By linking with music streaming services, the system could analyze the type of music genres, songs, or artists the shopper frequently listens to.
The draft implementation of how this *AI Stylist* might look like :
Interface and Experience Concept :
Screen 1 – Welcome:
Start with a visually engaging welcome screen that captures the essence of your brand and the promise of a personalized experience. Include a simple „Get Started“ or „Connect Now“ button.
Screen 2 – Explain the Process:
Before asking for permissions or personal data, briefly explain what the social fitting room is and how it works. Use simple language and include relevant graphics to make it engaging. Include a „Next“ or „Continue“ button.
Screen 3 – Permission to Connect Social Media Accounts:
Present users with the option to connect their social media accounts. You might use text such as: „Connect your social media to let our AI learn your style preferences.“
The user uses their phone to scan the QR code displayed on the screen. Scanning the QR code opens a URL in the user’s smartphone browser. The user logs into their social media account and authorizes your platform to access their public profile and other relevant data.
Example : WhatsApp Web
Screen 4 – Mood and Color Preferences:
On the next screen, ask the user to indicate their current mood and preferred color palette. You could present a range of moods (like „Casual,“ „Energetic,“ „Sophisticated“) as selectable options, along with a color palette.
Screen 5 – Music Preference:
Similar to the previous screen, ask users about their music preference. This could be as simple as choosing their favorite genres or connecting to a music streaming service like Spotify.
Screen 6 – Getting Started:
With preferences set, bring the user to the main dashboard of the app where they can start exploring clothing recommendations.