Homie Mobile Interface Presentation

Homie

Mobile App design for a platform that offers seamless roommate dynamic navigation ensuring harmonious cohabitation and streamlined interactions.

Timeline

4 weeks

Disciplines

iOS Design
Mobile App Design

Tools

Memojis
iOS Tool kit
Figma
Miro
Origami Studio

Team

Matt Kirkland - Project Manager
Justin Wheatley - UX Writer
Zhipeng Xiu - Developer
Hannah Park - Product Head

Role

User Research
Product Thinking
User Experience Design
Visual Design
Interaction Design

What is Homie?


Living with roommates and sharing spaces introduces complexities leading to stress & awkwardness. Homie is a mobile app design for a platform that offers seamless roommate dynamic navigation ensuring harmonious cohabitation and streamlined interactions. It acts as a one-stop-shop for all things related to living with others like chores, splitting finances, sharing common spaces and more. It uses light hearted analogies and a fun look and feel to promote the feeling of friendship, ease and a stress free environment.

Roommates in kitchen experiencing stress

Living with Roomates = Awkward & Stressful.


I conducted user interviews with 7-10 users who were currently living and sharing a space with 2-3 people. The questions of my interview were aimed at understanding what the pain points were and what emotions one went through

while living with others. Most of the people I interviewed where within the age group of 18-35 and were either students of early career professionals. The interviews were very relatable and the major themes were the following:

“it’s so awkward, we share a bathroom but it doesn’t have a lock on it, scarryyy!!.”

JC Clark | May 6, 23.

“It would be nice to have one app for everything like rent, expenses, groceries bla blah”

Anushka | May 6, 23.

“Roommate fights are the worst, it gets so awkward and then you just have to live.”

Matt | May 6, 23.

“My roommates aren’t really home much, so im sometimes knocking on empty rooms”

Dhruvil | May 6, 23.

“There needs to be accountability in the dynamic, some people are spoilt”

Sarah | May 6, 23.

“It needs to be easier to be able to live with other people”

Kritika | May 6, 23.

“hate when people don’t keep common spaces clean, it is everyone’s responsibility”

Cristina M | May 6, 23.

“Telling a roommate to do something is kinda awkward.”

Ishita | May 6, 23.

3 Rounds of Sticky Notes


Round 1: Ask as many questions

Round 1 Ask as many questions sticky notes

Round 2: List as many problems

Round 2 List as many problems sticky notes

Round 3: List as many solutions

Round 3 List as many solutions sticky notes

What problem to focus on, comparing impact and building effort levels.


Low Effort
High Effort
High Impact
penalty jar space occupation location status
chore reminder adding new roomate grocery chart
Low Impact
announcements guest notification send love
finance manager group chat

A problem can have multiple solutions


Creating multiple wireframes through the low fidelity sketching method helps me put all my ideas on paper and come up with multiple solutions for one problem. This allows me to choose the best solutions before moving on to the high fidelity phase.

Low Fidelity Pencil Wireframe Sketches Grid

How did the feedback affect the outcome?


After incorporating findings from the user interviews above, I created mid fidelity screens of the app concept. I then conducted a round of user testing where users mentioned wanting a few edits/changes and additions.

Incorporating the new requirements/asks, and some revisions needed after stress testing screens, the following shows the journey of the app and how the feedback affected the the final outcome of the mobile app.

Favorites from the final Prototype


Penalty Jar Mobile Screen

Penalty Jar

Add micro fines for each other to practice accountability. Could be for late rent payment, or undone chores. In the end of the month, order lunch or dinner together with the collected sum so it balances the amount for all.

Shared Spaces Mobile Screen

Shared Spaces

When using the bathroom or kitchen, swipe the toggle. Pop up reminders will reconfirm your occupancy in case you forget to turn it off after use. This lets others in the house know if shared spaces are available for use or not.

Group Features

Add common or personal groceries to the digital white board or assign chores to each other and send anonymous reminders incase they forget. Set important dates in the shared calendar that acts as reminders for rent or bill payments, birthdays or guest stays.

Group Features UI Screens (Chat, Splitwise, Profile)
Notifications UI Screens with Bell

Learnings + New Skills


Observational research trumps, Users can lie.

While designing digital products, it is extremely important to understand human behaviors. During user interviews, users might answer something they think is right but while studying the target audience in their natural environment, it is observed that they do something completely different.

Don’t reinvent the wheel when it works.

This project required a feature that allows roommates to split finances. I originally created an interface for it but then realized it was more practical to allows users to link up their existing splitwise accounts since they are already familiar with the platform and is also a top rated app used by the target age group for managing group finances.

Imagining the Future of Homie


Homie is currently a platform that offers seamless roommate dynamic navigation ensuring harmonious cohabitation and streamlined interaction. The goals for the future are to think about how this platform could expand and allow users to customize the interface in a way where only the features the household collectively decides on would appear on the platform creating a more personalized and decluttered experience. This could be done by giving users admin access to hide/unhide features/sections on the front end of the app, similar to project management platforms.

Isometric Future of Homie Interface Ecosystem