Usability Testing on Hi-Fi Wireframes
I wanted to validate my search flow, to get that done I conducted the usability testing on the hi-fi wireframes. Usability testing was conducted via interviews over Zoom with the help of prototyped version of wireframes. Below were the critical task flows based on that usability testing was made:
At this point, I turned my focus to branding and establishing a style guide. I started by discussing the tone of the product. Since I was establishing the roommate communication for the very first time, I’ve decided the tone needed to be vibrant and clear.The idea was to reinforce the soft and approachable tone. Therefore, I have deliberately chosen to mimic the ones from the dating application Tinder.
So I landed on a main color of reddish shade with a supporting secondary color of dark grey along with a few tertiary colors to color-code nudges and other elements. I sourced icons from nounproject that matched the tone of our product. Not everything I needed was readily available, so I also designed some of the icons that matches the need and goes with our direction.
Hi Fi Design
From the beginning of the project, I knew that I would have to deal with tight planning, as this is the part which end user would use directly. So, I had to keep visuals and patterns in a manner where user’s cognitive load should be minimum whilst providing the best experience.
Initially, the user witnesses the onboarding process and then moves forward to sign up on the platform.