The Product
The app helps Real Estate agents and brokers organize contacts in the database and access deep insights on homeowners and their properties.
Objects
-
Improve the legibility of the contacts.
-
View contacts in map and list view.
Analysis
I researched multiple leading apps across different industries (Zillow, Trulia, Airbnb) and compared the UI in the map & list view.
-
The user can only view at least two objects on the screen without scrolling.
-
All of their photos are clear and related.
-
The toggle for map & list view is usually close to the searching bar area.
-
The filter button is prominent.
Design
I solicited the feedback from the CS team to gather the thought about the customer experience. Working together with PMs to finalized the user flow diagram that matches the user needs. Then I wireframed each step and walk through user flows with PMs and developers.
User Flow
Wireframe (rough)
Usability Testing
I generated high-quality mockups from Sketch and created prototypes on inVision for upcoming usability testing. The main mission is to observe the user's behavior and feedback for the contact screen.
Mockups(Sketch)
Prototype (InVison)
User Testing (usertesting.com)
15
Users
100%
Call or email the homeowner
100%
Toggle the view between list and map
86%
Like the UI and layout
Outcome
After several runs of usability testings and the user flow revising, I created high fidelity style guidelines and design assets to the developer team and executed the design with PMs.
Style Guidelines
.png)
Demo (Adobe After Effects)
What's next?
The project is still in progress now. The biggest challenge for me is seamlessly collaborating with the overseas India engineering team to make sure everything is on the right track. Sometimes we need to sacrifice our time after work, but we all believe it's worthy and can't wait to see the final product be released!
