top of page
mockup dc_5.jpg

Desk & Chair

Desk and Chair is a workspace finder app designed for social good that helps users find a place to work or study easily, especially for people who live in small spaces such as subdivided flats with very limited space to do so.

Problem

Project goal

For who?

With a median per capita living area of 16 m2 in 2021, the living space in Hong Kong is low by global standards, way behind the 30 m2-35 m2 seen in advanced Asian cities. Because of the small living area, residents lack space to work and study at home along with inadequate conditions.

Design a tool that helps people with minimal space to find a workable place easily and provide different selections of workspaces for both workers and students to fit their budget from paid spots to free spots.

People who need a workspace outside of their home.

DC mockup 4.jpg

My role

UX designer designing a workspace finder app and responsive website from conception to delivery.

Tool

Adobe XD, Photoshop, Miro

Duration

Spring 2022

DC feature 1.gif

01.

Search for a workspace through spot locations nearby, filter chips or the Search icon.

02.

Next, choose a spot on the map. You can also choose by list from View List icon.

DC feature 2.gif

03.

You can check spot info, reviews, ratings and facilities in every spot. Furthermore, you can make comparisons in View List.

DC feature 3.gif

04.

You can save, share, show directions or book in each spot. There are engaging micro-interactions after each action is completed.

05.

Add Spot and Saved features offer users to create and manage their favorite workplaces.

DC feature 4.gif
DC feature 5.gif
DC feature 6.gif

06.

More features like Explore spots, Promotion and news, Community and My account are provided to create a supportive environment.

Understanding The User

I used the interview videos from RTHK to develop interview questions and then conducted user interviews. Most interview participants reported feeling depressed about their living conditions. They had low self-esteem and worried about their future. They had difficulties working or studying in a tiny flat, so they would search on Google Maps, social media or on the internet to find a place to work or study. The feedback showed that users would be happy and welcoming if there is a tool to find a workspace easily for working or studying outside.

User goal

Based on my research of the user and competitive audit report, I finalized a set of goals for the product that should meet the user's needs.

1. Meet user identities

The product should be used by students, readers, professionals, and entrepreneurs to help anyone who needs to find a workspace outside of home, school or office immediately.

2. Fit everyone's budget

Because of the diverse user identity, the product should provide a different selection of workspaces to fit everyone's budget from paid spots to free spots.

3. Provide dedicated app and responsive website

Users need a workspace finder that supports mobile and desktop versions both online and offline for them to use anytime and anywhere.

Ideation

I used a quick ideation exercise to come up with ideas for how to address gaps identified in the competitive audit. My main focus was on how to search for workspaces, filter, and sort features.

Dc_sketching.jpg

Low-Fidelity Prototype

To prepare for usability testing, I created a low-fidelity prototype that connected the 2 different user flows:

 

  • Main flow: Search for a workspace

DC user flow 1.jpg

  • The second flow: Create a new spot

DC user flow 2.jpg

Usability Study: Findings

I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining to the final design.

I received lots of feedback about the workspace searching process, so I used an affinity diagram to synthesize and organize the data to find insights.

D&C_affinity diagram.jpg

Challenges

From the observation, users do not always want to find a spot on the map. They would like to have a list that can do comparisons all with one eye, especially on the desktop version. My original design was not supporting this use case because I supposed users will find spots on the map or by a search bar.

 

Therefore, I created a spot list page for listing all spots. Due to limited space, I can only display a few important pieces of info for comparison in the app. For the responsive website, I created a detailed "List view" page for users to solve this issue better.

DC challegnes.jpg
Mobile "List View"
App List view_1.jpg
Desktop "List View"
Web View on list 1.jpg

Refining The Design

Based on the insights from the usability studies, I applied design changes like adding labels to the bottom navigation, highlighting the color of closed spots.

DC refining 1.jpg

Additional design changes included moving facility info from “Additional Info”  to “Info” page, providing a clear explanation of the bar section, and adding “Book” button to the side of navigation.

DC refining 2.jpg
DC_mockup.jpg

High-Fidelity Prototype

The high-fidelity prototype followed the same user flow as the low-fidelity prototype. This included design changes made after the usability study and engaging animations.

DC_hifi prototype.png

View Desk & Chair

Responsive Designs

With the app completed, I started work on designing the responsive website. The design for screen size variation included mobile, tablet and desktop. I optimised the design to fit specific user needs for each device and screen size.

mockup dc_5.png
DC mockup 2.jpg

Takeaways

Impact

Users mentioned that they like the app because it is much easier to find a workspace that matches their requirements. It saves time for users to find out possible working places.

What I learned

There were many user problems I would like to solve during the design process, however, it turned out to be more confusing for the users after adding more functionalities to the app. So I learned that one product can not solve every user's problems, I should narrow down which user problem is the most important to solve.

end pic_1.jpg

Next Steps

The 2 main user flows of Desk & Chair: Search for workspace and create a new spot is near finished. But some parts of the product can be refinied.

1. Optimize the filter options

The filter option is not perfect yet. It will be more convenient for users if users can select the price range, spot opening time or facilities by themselves.

2. Detail the community functionality

Focus on the community features and incentives for user interactions such as exchanging items, joining events, commenting and adding a new spot. Deliver a positive and supportive environment for users.

3. Monitor the information of spots

Desk and Chair is a crowdsourced database of coffee shops, public spaces and co-working spaces. So how to monitor the information will be the other big issue in this app.

DC_intro_4.gif
DC_fall-down-movement_2.gif
bottom of page