House2Home(Home Decor E-commerce)
Individual Project-Design Sprints
House2Home is an e-commerce website that sells home decor items & accessories. They have a variety of things to buy from, such as prints, posters, lighting, small accessories, and others. House2Home wants to make it easier for people to decorate their new space on a budget while also feeling confident doing it on their own.
UX/UI Designer | UX Researcher | Prototyping | Testing
Figma | Photoshop
5 Days- Design Sprints
Produced AR decorator.
Enhanced the end-to-end experience by identifying UX issues in user research and synthesizing problems.
Brainstormed ideas, sketches, and storyboards using the Crazy 8 method to solve the problems.
How might we show perfect items to users?
House2Home wants to help its customers to find ideas for house decorations, such as a Starter Kit for their new home. Also, House2Home should give customers the ability to filter the product categories, such as colors, materials, and price ranges. Also available is our AR Decorator, which allows customers to see how our products look in their own spaces.
Easy and Satisfaction
Based on customer surveys and interviews, House2Home has discovered that most of its customers are looking for multiple items to make their place their own. Their customers want to buy various items to personalize their new place but don’t feel confident doing it on their own and are shopping on restricted budgets.
Before starting the synthesizing, I looked at provided user research, interviews, and a persona to understand what problems House2Home has. I then took some notes to analyze their concerns.
User Research Highlights
Concern about the budget.
Unsure how to put items together that matched and did not know how to recreate the style they wanted.
Dislike spending much time searching for decoration items.
As a result, House2Home should have the filters, matching item suggestions, and AR Decorator service. There should also be a service that the customer can get house decor inspirations via House2Home's decor collection.
Day 2 & Day 3
After finishing synthesizing, I researched the solution inspiration from Gucci, Ikea, and Rove Concepts, then I conducted Crazy 8’s sketching and storyboarding.
GUCCI's filter looks neat and clean, and it also helps users find items by colors and materials. I want to add 'Price Range' to the filter.
Decoration inspiration and home ideas help customers to get an idea of how the products look together. It can also reduce the time for searching for items.
Users can see how items look good in their place by AI feature. It helps users place the products virtually and experience how things look in their homes.
Crazy 8’s Sketching
I sketched eight distinct ideas in eight minutes for pushing beyond my first idea. When I first did a crazy sketch, I drew it thinking that I was making a basic framework. The most necessary functions such as filters, product suggestions (starter kits), and AR Decorator were created.
Sketching and Storyboard
I sketched with details to gain the depth and quality of my ideas. While drawing the complex functions, each step was created by virtualizing when the user purchases the product. After that, there were no changes in the sketches in storytelling, and notes were written along with the sketches to add a description of the function.
Summary of Day 2 & Day 3
The filter added price, style, and interest by cloning Gucci's filter. For product suggestions, I looked at IKEA's product details page. When customers click on the product, it shows the other product as shown in the same image. Therefore, users can check what all products look like when they are together. Finally, AR Decor was inspired by Rove Concepts. It can place and check the 3D image of the object directly in their room through the user's mobile phone. Therefore, users can easily and accurately check whether the item fits their room style.
After finishing sketching, I started prototyping.
I started Lo-Fi prototyping to turn my ideas into testable artifacts that I can then use to collect and analyze feedback in the early stages.
Lo-Fi User Testing
After Low-Fidelity Designs, I conducted user testing with 3 participants. Users feel the filter has unnecessary content and think AR Decorator takes a long time on the website. They want to simplify the steps. Also, I thought I did not meet the project's goals, so I should have to revise them.
After Lo-Fi, I revised them based on Lo-Fi user testing and the project's goals and then conducted Hi-Fi testing with three participants, which I then redesigned to increase usability.
1. Starter Kit
I created a 'starter kit' on the product detail page on Lo-Fi, but when users first visit the website, they take the time to browse the first page, so I decided the 'starter kit' move to the homepage. It provides multiple items that can give inspiration to users.
Users can sort by category, color, material, and price. It reduces the browsing time.
Users can check all the details of the product and can use the AR decorator to clicking by 'View in your room'
Users can see how it looks in their own space. There is no need to download the additional app to use. It helps to prevent users make mistakes in purchasing items.
I tested with 5 participants by conducting remote testing sessions.
5 out of 5 participants were interested in AR Decorator
“I am always using my phone when I buy something because Amazon has “View in your room”. It is easy to see what it looks like in my room. It is also easy to use with my phone because I don’t need to download any additional apps.”-Suzhen
4 out of 5 participants liked home decoration ideas with photos
“It gives me inspiration for home decor. Also, I like it because I don’t need to search for pictures like this on Pinterest.”-Jin
“These pictures with multiple items give me an idea of how they look together.”-Amanda
4 out of 5 participants said the filter helped them find multiple decors and ensured they spent within their budget.
“This filter provides everything I need when I search items in my preference and budget.”-Ken
4 out of 5 participants wanted to see different colors when they click color option
“I’d like to see different color options. Most other websites provide that, but I can't see pictures of other colors when I click.”-Kimberly
Final High-Fidelity Design
What I learned,
This Design Sprint provided opportunities to look deeper into developing an e-commerce shopping tool. It was an opportunity to think about Augmented Reality (AR) for e-commerce through research. In addition, I learned which essential functions users need when using a website.
I want to add a quiz for style recommendations. It would be easier for users to choose items and reduce searching time.