House2Home

A Modified Google Ventures Design Sprint for House2Home’s Starter Kits Feature

timeline

5 days

Team

Sole UX Designer

Method

Google Ventures Design Sprint

Tools

the Challenge

Customers lack the confidence to execute

House2Home is an eCommerce website that sells small home decor items. Through a recent survey, they learned that customers want to decorate their new home, but struggle to find the right items and often give up. The challenge I undertook was to create a solution that would enable users to confidently purchase multiple items that would look great in their home.

the solution

In this modified Google Ventures Design Sprint, the solution I created was a Design Assistant.

A simple questionnaire disguised as a Design Assistant

The questionnaire that would be used to thoughtfully create filters without users even realizing it.

Instilling confidence for the user

Allowing users to feel confident and in control of their purchasing journey while alleviating the stress that typically comes along with it.

Day 1

Mapping out the challenge

In order to determine what needed to be solved, I went through the provided research findings and persona, defined the problem, and mapped out the ideal user journey.

Research synthesis

BiteSizeUX provided the user research in the form of user interview notes and established user persona. I began to synthesize the interview findings through affinity mapping to empathize and better understand the users.

Key themes and insights

1. Professional Guidance

Despite knowing the style they wanted to achieve, people didn’t know how to execute it by themselves.

2. Budgeting

People were highly concerned about how to achieve a desired look while staying within their budget.

3. Shopping Stress

Despite being eager to quickly decorate their home, people felt overwhelmed by the shopping process.

User mapping

I envisioned the journey Ally would take to complete the task of browsing and purchasing a browser kit:

  • Enter the House2Home website
  • Select filters
  • Select the style they want
  • Presented with a starter kit option
  • Browse the different items within the starter kit in detail
  • Add to cart
  • Checkout

The problem

Understanding the user frustrations and pain points, I established the following critical questions which needed to be solved:

HMW tailor specific items to the user’s desired style and budget?

”How can I get the look I want within my budget?”

HMW help users feel confident throughout their purchasing journey?

”I’d love to hire an interior designer. It would be amazing to have someone who knows my taste and how to find things to bring the look I want to life.”

HMW allow users to visualize certain items together?

”So many items look good in staged photos, but will they look good in MY living room?”

HMW simplify the search for multiple items?

”Spending the time searching for a bunch of stuff is tiring.”

Day 2

Focusing on the solutions

I spent the second day seeking inspiration through lightning demos, brainstormed solutions via Crazy 8s, and sketched out possible solutions.

Lightning Demos

To generate a broad spectrum of useful design interactions and UX patterns, I began looking at competitor websites like IKEA, Crate&Barrel, and Modsy. Non-competitor websites I looked at were Aritzia (clothing & apparel), Expedia, and Ipsy (makeup subscription).

Crazy 8s

The “Browse Starter Kit Combos” screen would be the most critical screen because this is the page where users would first be introduced to the curated items.

Equipped with some design inspiration from the previous day, I began sketching out 8 variations of my critical screen in a span of 8 minutes.

✅ Why I chose this solution

This solution allows users to view and interact with the suggested products in their own space. With the freedom to move items around, this takes away the guesswork and uncertainty.

MODSY - Quiz & Virtual Room Design
  • Professional designers
  • Combines results of user’s design quiz and a photo of their space and creates a personalized rendering of what the space can look like
  • Allows users to visualize how their space can look like
IPSY - Limited Options Based on Quiz
  • Get to know user through detailed quiz
  • Only 3 options available to user which will help reduce information overload and too many options
  • Curated items selected for used based on their quiz

key takeaways

  • Shopping by decor style and inspiration allows users to see which items would pair well together
  • Questionnaire helps users narrow down and keep track of their preferences
  • Images of their items in a space that looks like their own helps users visualize the outcome
  • Providing a limited number of options to choose from gives users freedom to choose yet ensures they are not overwhelmed with choices

Solution sketches

Using the critical screen as a focal point, I began to sketch out 3 screens to emulate how the user would work through this important flow.

Screen 1: Style Quiz Results Page

This page shows one prominent result of the style quiz along with several other possible matches. This allows the user to feel in control of their journey in case they want to explore other options.

Screen 2: Browse Starter Pack Page Guidance

The critical screen. This page will house an uploaded image of the user’s space along with draggable items from within the suggested starter pack.

Users also have the option to toggle between different starter pack styles if desired.

There would be established filters determined by the style quiz and should the user decide to update these filters, the packages will change accordingly.

Screen 3: Add To Cart Page

After the user clicks the “Add to cart” CTA, this confirmation screen will appear. This adheres to what users are already familiar with when shopping online.

Day 3

Painting the rest of the picture

Sketching out the end-to-end user experience helped me bring my ideas to life and it also allowed me to truly grasp the scope of the entire project.

Day 4

Creating a realistic facade

With only a day to make a prototype for the next day's usability tests, I created a prototype that only consisted of the necessary interactions.

Rapid Prototyping

I began to build out only the necessary screens and interactions based on my storyboard sketches for the upcoming usability tests.

goals

  • To determine whether the user is able to successfully add the starter kit to cart without any issues
  • Uncover any major usability issues
  • Determine what users’ first impressions are of the Design Assistant

questions to think about

  • Were things laid out in an easy to view way?
  • Were there any times when the journey seemed convoluted or overly complex?

Day 5

Validating the designs

The usability tests would shed light on how users felt about the process of locating a starter kit, and whether the journey made sense.

Usability Tests

I recruited 5 participants and conducted 3 moderated usability test sessions through Zoom and 2 in person.

Participant Demographics

3 females and 2 male, all between the ages of 28-36. All participants had moved into a house or apartment within the recent 2 years and experienced the stressful task of decorating.

the results

  • All 5 participants were able to make the connection that the “Design Assistant” would lead them to their desired outcome
  • By masking the style quiz in the form of a Design Assistant, it portrayed a trustworthy and personable tone

iterations

Reduce the user's cognitive load

4 users stated that one page in the questionnaire was overwhelming and too loud compared to the others which led to feelings of frustration. This would lead me to redesign this particular page to reduce information and cognitive overload.

Content writing matters

The question of whether the design assistant cost money was brought up by several users. One user went straight to “Curated Sets” because he didn’t want to spend money on a designer. This led me to revisit the content.

Adding a resize tool

Users questioned the accuracy of the item size in proportion to their uploaded image. One user stated that without the dimensions and ability to resize the item, she could not make a well-informed decision on whether it would fit in her space. This led me to include a resizing tool while also displaying the item dimensions.

“I want a way to find multiple decor items for my new home, but I need some guidance since I lack the confidence to put it all together myself. I have a budget in mind, but don't know where to start.”

final prototype

clickable prototype

evaluate

Learnings & Takeaways

Learning how to sprint

This 5 day sprint was very different from the 5 month project I had been working on prior to this, in that it definitely made me push my boundaries in many ways. The sprint itself helped me put the design process into an Agile perspective and forced me to ideate faster in order to produce fast results. This proved to be the most challenging part of the sprint.

Staying on track

There were times when I was tempted to alter my designs; however, I learned the importance of sticking with what I had chosen and following through until the end. By staying on track, this allowed me to focus on the critical aspects of this feature and to not get lost in the abundance of ideas that would come to me throughout the day.

Next Steps

Micro-interations & Animations

Given the scope and timeline of this project, it was not feasible to create animations and micro-interactions so the prototype still feels a bit two dimensional. Incorporating some subtle animations and micro-interactions can help create personality and dimension in the overall user experience.

Learning new tools to increase productivity

I spent longer than expected when creating the interactive prototype. I decided to go with Figma because it’s the tool I feel most comfortable with. However, I found myself trying to perfect a pixel perfect design rather than creating a ‘realistic façade’. I look forward to exploring other possible prototyping tools that will help me work more efficiently.

More projects?
Don't be a stranger.
elainechan.ux@gmail.com
© Elaine Chan Design 2024

Day1: MappingDay 2: SolutionsDay 3: StoryboardDay 4: PrototypeDay 5: ValidateWalkthroughEvaluation