Everything started when my mom bought a dress that didn't fit her
This is a personal project that I wanted to develop in order to find a solution for a problem my social circle, and a lot of people, has had in the last months due to the way we have to acquire clothes nowadays.
People who buy clothes online need to know their correct size because receiving something that doesn't fit them is frustrating
COVID-19 changed the way we used to do a lot of things, buying clothes is one of them. Physical stores had to close for so long and people had to buy clothes online. Unfortunately, some people had a bad experience buying something that didn't fit them, even though they tried everything to select the right one.
I conducted 8 interviews with people who recently have returned what they bought online
From the people I interviewed, 2 of them had never bought online, the rest of them were people who have already bought online and had their first or second bad experience.
What went wrong?
- The website didn't have a size chart, or it wasn't visible.
- Their measures were between two sizes, so they weren't sure which size should they buy.
- They've bought clothes of the brand before, but the size they selected didn't fit the same as the clothes they had.
- They followed the size chart, but they received an item that didn't follow the specifications.
- The customer support of the store never answered their questions or didn't help as they wished.
- They didn't like how it looked on them.
What's the solution the stores have on their websites?... A size chart
Almost everyone tried to solve the problem with a size chart, which isn't the best solution at all, as their clothes may vary in their actual sizes. People can go to the comments and read what other people experienced, but comments are sorted by their rating, which implies that the ones from people who had the best experiences are at the top, so the ones that might help with this situation tend to get lost.
Let's analyze the current process to find your right size
My mom wants to buy a dress on dresses.com, she's been looking for it for weeks, and today it has a fantastic discount. It's the first time that she buys in this store, but she has experience buying in similar ones.
What can be improved?
People have to measure themselves every time they want to buy clothes in a new store.
Some people don't have a sewing
tape to measure themselves.
The process of measuring your body
can be confusing for some people.
Some websites don't even have a
size chart or it isn't visible.
An app that tells people their correct size based on their measures and the item they want to buy
The app is based on the information people give about the clothes they've bought, letting us know how it fit them and its real measures.
People introduce all the information possible about its body measures (height, weight, chest, waist, etc.) and, with the database generated with the information obtained, we'll give them the size that best fits them in the item they want to buy.
There are two main actions that a user can do in the app
The first one is trying to find your size of an item you want to buy, and the second one is to add an item to the app in order to help people to find the best size that fits them.
I designed the wireframes and did the first test
What were the results of the test?
I tested the wireframes with 3 people, overall they didn't have problems with the navigation, but I noticed some aspects that needed to be improved.
- At first glance, they didn't understand at all the purpose of the app, so I think that I should add and onboarding.
- They didn't notice the help icon.
An app for everyone
This app will be used by men and women, the blue color is the most popular color for both, and it builds trust, something I want to accomplish.
Almost all the e-commerce websites use a sans serif font, I decided to keep this trend using Lato, as their strong structure provides stability and seriousness.
The First Design
I designed the first version and did the second test
- The function of the help icon isn't clear.
- It isn't clear that not all the fields are obligatory.
- The scan icon causes confusion.
- There's no way to explore the items by price, brand, etc.
- It's not possible to cancel or check all the information users wrote.
- It isn't clear that not all the fields are obligatory.
The Final Design
Never return an item again
Finding you right size hasn't been easier
In my first test, I noticed that the users didn't get, at first glance, what was the purpose of the app. The onboarding shows the purpose of it and what you can do.
Just introduce your data and the app will do the rest
The register form is separated into four steps, as this process is long. Each step is focused on one goal, not all the fields are required, but the app will give better recommendations with the more information it has.
Explore all the options we have for you
The home section allows you to see your personal information, search the size of an item you want to buy, and get recommendations.
The recommendations are based on the information the app has about you, and this is going to be the feature that will help to get funds in order to keep alive this project.
Find the clothes you love
The search has to be quick and really effective in order to improve the process of buying an item. I decided to add two ways to search, by photo (to agile tho process) and by typing the name.
You don't need to type anymore, search with your camera
Searching by photo is a feature I've seen in other apps, and I think it can improve the way of finding an item, as it reduces as much as possible the time of searching an item.
See your information and change it ianytime
The profile section will display your measures, allowing you to update all this information.
Buy the clothes you were looking for without worrying about the size
This is the section that accomplishes the main goal of the app. The recommendation is obtained by calculating the average of all the measures users provided about each size and comparing the results with your measures.
See what other people have experienced
Comments will help you to know the experience other people had with the item, the ones at the top are from people with similar bodies, and you can view their profile if you want to know in which aspects you have similarities.
Help others to find their right size
This section is the heart of the app, everything depends on what people do in this section, and while more information we get, better recommendations could be given.
The form is divided into three steps, the first one is to know general information about the item, the second one is to know the real measures of the size, and the last one to know the experience users had.
Testing one more time
Once I finished the final design and the prototype, I did a final test with 3 people. I tested the main actions in the app and realize that even though the results were pretty good, the app needed some improvements, for instance, the forms were too long and some people only filled the obligatory fields.
What I learned
Taking a real-life problem and ideating a solution
- I need to improve my forms. The forms in the app took me so much time, and I know that I can do it better.
- Testing early is awesome. I had the chance to do a test with the wireframes, and it made me realize some things that could be solved before the next test, and avoid these problems again.
- Being close with the target users is so important. Fortunately, I had some target users close to me, so it was easier understanding their needs and problems.