Homebase

A mobile platform for local home-based businesses
Background
PROJECT TYPE

Case study

INFO

This was a project for the NUS module CS3240 Interaction Design.

We wanted to create a platform for small scale home-based businesses to market their products and manage their orders on one streamlined platform.

DURATION

Mar 2021 - May 2021

(3 months)

MY ROLE

We were a team of 5 from a range of disciplines: Computer Science, Engineering, and Communications and New Media.

As this was a first UX project for many of us, we all took active and equal roles across research, prototyping and testing.

The Problem

Small-scale home-based businesses owners in Singapore often do not have an effective platform to market and sell their products. Firstly, this makes it difficult for potential customers to find them. In addition, the lack of a streamlined platform makes for a more disjointed and disorganized workflow for many sellers.

We wanted to create a platform for small scale home-based businesses to market their products and manage their orders on one streamlined platform.

First, our research process 🔍

Identifying our target users

Our target users are home-based business owners and the shoppers who are looking to purchase from these businesses. It's clear that both these user groups are deeply involved in the problem space with interconnected needs.

Contextual Inquiry

We conducted contextual inquiries with 5 users: 3 sellers and 2 buyers. We recorded our interviews and transcribed them before meeting up. With our new set of raw data, we sat down together to share our findings, jotting them down on post-is and categorising them into Key Observations, User Statements, Breakdowns, Insights and Design Ideas.

Analyzing our data with affinity mapping

Using affinity mapping to organize our findings, we first grouped them based on similar themes. Labelling each group, we proceeded to group them again. After a few iterations, we were able to identify common high-level themes in the data.

THE CONSENSUS

Many shoppers do indeed appreciate and seek out home-based businesses. Products are often customized or made-to-order, and are more unique as compared to large corporate businesses. Yet, there currently exists no platform for home-based businesses that manages to address these pain points

1. Product Marketing

Marketing is a common key concern of home-based business owners. Although many feel that the platforms they use should be able to market their products well and help them grow their customer base, existing platforms have fallen short.

2. Aesthetics are Important

We found that the visuals of a product is equally important to both sellers and buyers. Many home-based business owners make use of aesthetic cover photos to capture attention and differentiate their products from competitors.

3. Lapses in Ordering Processes

Many sellers struggle with not having an all-in-one platform to consolidate their workflow, while many buyers find existing order processes of different home-based businesses uncoordinated.

4. Communication

Both parties want a good line of communication with each other, which adds a personal touch and increases trust. In addition, many sellers expressed the need for organizing their chats with customers well to make sense of their orders.

Ideation and prototyping

Initial low fidelity wireframes to mid-fi

We started off by individually designing low-fidelity wireframes of key user tasks, which we reviewed internally. This was a quick-and-dirty process, allowing us to quickly draft layouts for various sections of the app.

Iterating on our solution

Evaluation on our mid-fi prototype

After an internal review, we evolved our wireframes into higher fidelity prototypes, which we then used to conduct a second round of review, this time using a heuristic evaluation checklist. This allowed us to further refine our individual prototypes before combining the best features together.

Key user tasks

We had discovered other user sentiments like how shoppers prioritize value and look for credibility. However, these are common user goals in many e-commerce and buy-sell platforms.

What stood out as important to us were insights that were unique to the problems specifically faced by home-based business owners and their customers:

01

Discover new products or sellers by exploring the interface and through specific search results

Sellers want to reach out to customers, especially in saturated markets with many established sellers. Buyers want a way to look for sellers of particular products they are interested in.

02

Order and chat management for sellers at each checkpoint in the customer journey

Multiple platforms make it difficult to manage orders. Even on a singular platform, there are messages from inquiring, interested and confirmed buyers. Sellers want to keep track of the numerous chats and processes.

03

Customize and collaborate to allow curation of brand image for product differentiation

Since home-based businesses tend to sell more unique and customized products, giving sellers the ability to curate their brand image and collaborate with each other on the platform itself is important.

Heuristic evaluation

We conducted individual heuristic evaluations on our 3 key tasks and combined them to form a group heuristic evaluation using Nielson's 10 Heuristics:

✅ đŸ‘đŸŒ

‘Explore’ page and Search function is easy to navigate, with no extra steps that increase cognitive load (H2, H4, H6)

Searching for specific products and finding out product details is easy and intuitive (H2, H8)

Good onboarding tutorial for new users (H10)

Searching for specific products and finding out product details is easy and intuitive (H2, H8)

Clear feedback when users complete an action, eg. posting a listing or marking as shipped (H1)

đŸ™…đŸ‘ŽđŸŒ

Chat management feature can be confusing (H3, H4)

Inaccessible: Chats can only be accessed from Home or Explore page (H2, H6)

“Edit Profile” and “Edit Profile Card” misleading and ambiguous (H4)

Reorder Listings feature should be more prominent and not hidden in "Edit Profile" section (H2, H6)

No clear distinction between "Pick ups" and "Meetups" when creating a listing (H2, H4)

How did our design fare with real users?

We also conducted a small task-based usability testing session remotely via Zoom. Of the 5 participants we recruited, 3 were sellers while 2 were buyers.

Participants

5 participants from our primary and secondary target groups aged 21 to 24 were recruited. 3 were home-based sellers while 2 were buyers

Set-up

Participants shared their screen and were encouraged to think aloud. We assigned them a post test questionnaire and interviewed them for additional feedback.

Objectives

Achievability of Key Tasks
Intuitiveness & Ease of Use

Team Roles

At least 2 of us were present in each session. Each took on the role of either a facilitator or observer.

Summary of our findings

01

Core features should be prominent

Our new feature allows sellers to reorder the listings on their profile. However, users had difficulty discovering the feature as it was hidden away in the "Edit Profile" settings. Our chats feature is a central part of our app, yet it was only accessible from the "Home" and "Explore" screens.

02

Chats were difficult to navigate

Despite our chat management features, it was still a challenge to find a specific chat. This was due to a lack of search and filter functionalities in the chat interface. It was also not immediately obvious which listing a chat was regarding.

03

Chat management should support different workflows

Our chat management features allowed sellers to categorise specific chats as "Paid", "Shipped" and "Completed". This flow turned out to be too rigid as there were other use cases, hence confusing both buyers and sellers when trying out the chat features.

04

Ambiguous labels were a source of confusion

In the "Profile" screen we have an "Edit Profile" button and an "Edit Profile Card" button. The difference between the two was not immediately obvious to users. Similarly, users were confused between "Pick ups" and "Meet ups".

Thus, our final iterations:

View our prototype in Figma ↗

01

Improved Accessibility of Chats

Users' chats are made more accessible from the bottom navigation bar since chat management is a key feature in the application. Users can easily access their chats to carry out their purchases/transactions.

02

Redesigned Chat Layout

Toggling between buying and selling chats was previously unintuitive as it required bringing a hidden context menu. We've now redesigned it to be immediately obvious using the menu bar. This increases noticeability and navigability, allowing users to intuitively understand how their chats are organised by default.

03

Chat Labels and Filters

Users can now label their chats with their own custom labels, any time during the transaction process. This is an improvement from being restricted and automatically shifted to the fixed 'categories' previously implemented in the chats. Filters also allow users to find listing-specific chats, or chats corresponding to their labels. Of course, searching for chats is available as well.

What I Learnt

This was one of my first projects in UX. In hindsight, there were many things I could have done better, and these are some of my takeaways:

Designing with time constraints

We had to prioritise problems with higher severity and a select few minor severity issues that are quick to fix. There were several further changes we might have undertaken to improve our prototype, but they not adopted as we considered those usability issues less severe, and they did not fall within the scope of the main user tasks we were designing for.

No need to re-invent the wheel

...especially when designing within time constraint, and when we are still early on in our learning journey in UX. Working off conventional and well established UI patterns also means that users will find the interface easier and more intuitive to use.

Stay focused on the user

It's easy to ideate for fancy features but just as easy to go off track. The challenge was how to go back to the research as a group, admit we made a mistake and fix it with the limited time we had.

In my next project, I would hence aim to be more intentional and focused on user needs especially during the ideation phase. This would be my main takeaway: that throughout the process, you need to genuinely keep in mind who you are designing for.