Helping homebuyers with mobile UI design

Task summary

Working with the UX designer and product owners, how do we build on the insight that homebuyers snatch small snippets of time on their mobile phone when researching a new home.

Considerations

Mobile convenience is significant for our target customers. Those who begin their application in the NAB app are more likely to remain loyal. Lets make it a pain-free useful experience.

Mobile users (signed-in)

I decided to tackle mobile first as the research shows this is likely to be the largest section of users, especially in the early research phase. Offering a convenient and superior user experience for those users would result in a better conversion rate. Next steps would be to take into account all screen sizes and formats.

Preliminary sketches

Hi-fidelity designs

  • User is signed-in
  • Three scenarios are presented
  • Additional option of a call-back offered
  • Search screen
  • Option to use current location (mobile specific)
  • Recent search locations
  • Search result stage 1
  • Users selection could determine a background image
  • User is able to refine search with  number of bedrooms
  • Property type
  • Surrounding suburbs
  • Similar suburbs
  • If surrounding suburbs is selected the user is able to drag to define the distance in km
  • Search results stage 2
    The property value for the chosen location
    The user can either search now for homes based on their criteria
    or if unsure that they can afford they can complete further fields with more information
  • When all fields are complete the ‘calculate now’ button becomes active

What’s next

My next steps after approval of the design direction for the signed-in mobile users, would be to complete the the designs for mobile ensuring they’re on-brand. Options for new customers/those who aren’t signed in would also require completion.

Sketches for desktop

Hi-fidelity design for desktop

  • First version of the desktop design