Alex Beckerman

UX Research and UX Design

Apartment Finder

Objectives:

Learn more about the experience of searching for an apartment as a student.

Find pain points and successes within apartment hunting websites.

Design a way for students to search up and compare apartments

Design a way for students to review apartments and landlords

Design a way for students to message landlords about listings

User Interviews

I conducted interviews from 3 different users to help kickstart our research process. In each of my interviews I asked about their latest apartment hunting experience , their latest touring experience, what they look for in an apartment, their current living situation, and their experience with the landlord.

Apartment hunting website are not always up to date

Landlords are not always communicative

It is overwhelming to look at all of the information surrounding apartments

Issues navigating the maps on apartment websites, due to not knowing the area nor the measurements, so he had no idea how far apart listings were.

The interviews were a great way to get insight into more than just the digital aspect of house hunting. The one flaw was not being able to see the websites and tools people used to conduct these searches. This is however, where the next method used comes in handy.

Contextual Inquiry

I conducted 2 contextual inquiries to help gain more insights on how students use websites. I had participants search for apartments

using a website of their choice, and guide me through the process.

I observed two students. The first was Sakshi, an international student in the MS Information Science. The second was Donald, a senior studying math and data science.

Survey

To help expand our research, we sent out a survey asking students about their apartment hunting process and living situation. This helped confirm our findings, but was a little surprising as I wasn’t expecting that many people to have the same issues.

Results can be found below:

User Research

We started this project by asking ourselves: what is a common issue that people face which we can attempt to solve?

One of the issues that came to my mind was affordable housing. I had heard from many people how difficult and frustrating the apartment hunting process was.

Our group decided to tackle this topic as it was something we could all relate to: each of us had to find a place to live while having a busy life as a student.

How can we improve the housing hunting experience?

Uncover innovative approaches and features

Make the process more convenient, efficient, and enjoyable.

What are common pain points when searching for an apartment?

Understanding the pain points in the current apartment experience.

Help identify areas where our platform can provide solutions or improvements

Sakshi would track her apartment search in a seperate spreadsheet, a feature that the site she used lacked.
Sakshi would also search for reviews of the apartment on Google, in order to learn more about the apartment and the landlord.
She did this because she valued her safety and wanted more information than what the site offered.
Donald he had to double check the location of the apartment using Google maps in addition to the map apartments.com had.
Donald found the map to be confusing, as he couldn’t tell which pin was pointing to the current listing.
Donald also valued when websites had accurate information, as sometimes listings would appear on the website that were currently not renting.

Sakshi would track her apartment search in a seperate spreadsheet, a feature that the site she used lacked.
Sakshi would also search for reviews of the apartment on Google, in order to learn more about the apartment and the landlord.
She did this because she valued her safety and wanted more information than what the site offered.
Donald he had to double check the location of the apartment using Google maps in addition to the map apartments.com had.
Donald found the map to be confusing, as he couldn’t tell which pin was pointing to the current listing.
Donald also valued when websites had accurate information, as sometimes listings would appear on the website that were currently not renting.

Sakshi would track her apartment search in a seperate spreadsheet, a feature that the site she used lacked.
Sakshi would also search for reviews of the apartment on Google, in order to learn more about the apartment and the landlord.
She did this because she valued her safety and wanted more information than what the site offered.
Donald he had to double check the location of the apartment using Google maps in addition to the map apartments.com had.
Donald found the map to be confusing, as he couldn’t tell which pin was pointing to the current listing.
Donald also valued when websites had accurate information, as sometimes listings would appear on the website that were currently not renting.

Analysis

Following our individual user research, our group came together to synthesize the data and discover the key findings.

We organized our findings into an affinity diagram in order to better ascertain the key ideas. We found that the biggest issues lied in website information, communication, and the journey of finding an apartment.

Personas

We created personas, a representation of our use population. We decided to make 2, one for domestic students, and one for international students, since we had happened to interview a lot of international students.

The key ideas we got from each persona were their values.

The domestic student valued location, affordability, being able to contact landlords, and being able to view the apartment on a map.

The International student found hurdles communicating with landlords and navigating documents.

Journey Mapping

Our group created a user journey map based off of the domestic student persona. We choose this persona over the international student because we felt it was more representative of the general student population.

For me, the opportunities section was the most exciting, as it gives us a lot of ideas for our prototype and draws a lot from the pain points users faced.

App Prototype

Continuing off of research from last semester on apartment hunting, I went on to develop a prototype for an app that could help solve some of the issues I encountered in my research.

Sketching

I sketched screen designs for 3 of the 5 tasks from my task flows. I focused on contacting a landlord, since that was present in my storyboard. I also focused on compare an apartment and look up the location of an apartment since those helped alleviate pain points found in my user research.

Paper Prototype

I next created a paper prototype and tested it some users to see how the user flow functioned. I based my prototype on the screen designs I had previously made, but added some extra details.

A key change I made from my screen designs was the ability to toggle between searching for a landlord versus searching for an apartment. I made this decision I noticed in the screen design that the search for a landlord and an apartment were nearly identical to each other and wanted to make sure users knew which one there were searching for.

Some important feedback that I got:

The compare button was not easy to see
It was not clear what to do on the search page, since there weren't any suggested filters
It wasn't clear what the compare button did.

One notable change I made from my paper prototype was the inclusion of some example filters, since one of my test users was confused by the search page. I also made the compare button more prominent, since it was not noticed initially in my paper prototype.

Mock Up

I created mock ups of my app. One aspect of the design that I struggled with was the visual design, as I was creating an app from scratch and had a hard time deciding on what colors to use. I also had some issues with spacing, since my app needed to convey a lot of information, but didn't have a lot of screen real estate.

I made the decision to toggle between the map and search view as the map screen in my wireframes had the map too small, which would not be optimal for a user looking at a map on a mobile device.

Final Prototype

My final mock up included features to help address the key objectives and user pain points.

Landlord reviews and profiles to help apartment searchers learn more about landlords before they sign a lease.

Apartment listings and messages

Option to view the map along with the apartment so that users know where to find it and don't have to constantly cross reference other sources.

A comparison feature for apartments to make it easier for users to view price and amenities differences.

Changed the navigation to have search as the primary focus. The navigation bar items were changed to messages, profile, and settings, each of which lead to a separate screen without a navigation bar where the back button is how the user gets back to their search.

Made several improvements to spacing and alignment. Much of the initial design was crowded visually and have inconsistent spacing and alignment.

Added scrolling functionality for many of my screens. I found that I had not previously considered scrolling in my prototype. I implemented scrolling to better utilize the space of my app and make it so that the information on each page wasn't crammed into that page.

Made several improvements to spacing and alignment. Much of the initial design was crowded visually and have inconsistent spacing and alignment.

Changed the navigation to have search as the primary focus. The navigation bar items were changed to messages, profile, and settings, each of which lead to a separate screen without a navigation bar where the back button is how the user gets back to their search.
Made several improvements to spacing and alignment. Much of the initial design was crowded visually and have inconsistent spacing and alignment.
Added scrolling functionality for many of my screens. I found that I had not previously considered scrolling in my prototype. I implemented scrolling to better utilize the space of my app and make it so that the information on each page wasn't crammed into that page.

Based on peer feedback, I made a few changes with my final design.

Takeaways

Shortcuts in design, such as wireframes, can help create a great starting point, but you aren't married to those designs and are welcome to change them.

Iteration and feedback are very important in design. A lot of key changes, particularly those in user flow and visual design, were suggested to me by test users or peers. Sometimes it takes a fresh set of eyes to see the errors in your design.

Conduct interviews to

Analyze user insights

What I did:

Overview

Classes:

LIS User Experience Design 1 at UW Madison

User Experience Design 1 at UW Madison

Role: UX Researcher, UX Designer

Teammates:

Research: Chris Chen, Shelcia David

Tools Used: Figma, Qualtrics

Timeline:

Research: September — November 2023

Design: February — May 2024

Starting simple in the design process can help keep the focus on the user flow. My app had a lot of extraneous details, and I have I had started with the high fidelity mock ups, I might have gotten bogged up in details like what the apartments names should be.
Shortcuts in design, such as wireframes, can help create a great starting point, but you aren't married to those designs and are welcome to change them.
Iteration and feedback are very important in design. A lot of key changes, particularly those in user flow and visual design, were suggested to me by test users or peers. Sometimes it takes a fresh set of eyes to see the errors in your design.