Sun Life - View Address

Enabling users to view their address in the app

My role: Mobile UX Designer

The user can see their address in their profile, broken down by the line of business they have
User's address on the profile page
They can click into each line of business and view their address, as well as instructions on how to update it
User's address details

Project Background

Users were not able to view their address in the mobile app.
Business Problems
User Problems

Workshop

Skills used
Design facilitation
Stakeholder management
Leadership
Collaboration
Communication
I started this project by facilitating a workshop with stakeholders, developers, the product owner, and the UX writer. I reviewed the business and user problems, outcomes, and potential risks. I captured everyone's input in the sticky notes.
image of workshop with stakeholders

Flow Map

Skills used
Flow mapping
Defining user scenarios
Future state thinking
Collaboration
Communication
After analyzing everyone's input from the workshop, I created a flow map to define paths users would take depending on their scenario.

I mapped out the future state which would allow users to update their address on the app, even though this was out of scope. Users would only be able to view their address. However, this future state thinking ensures the current design can support those changes in the future.

I iterated the flow map with stakeholders to ensure all business requirements were captured.
flowmap for view address

Low-Fidelity Wireframes

Skills used
Wireframing
Mobile design
App design
UX design
Collaboration
I then created low-fidelity wireframes. I worked with the UX Writer on the copy of the alert messages telling users how to update their address.
wireframes for view address

High-Fidelity Prototype

Skills used
Prototyping
Interaction design
Design systems
Mobile design
App design
UX Design
After iterating on the wireframes with the stakeholders, I created a high-fidelity prototype using Sun Life's design system.
The user can see their address in their profile, broken down by the line of business they have
user's address on the profile page
They can click into each line of business and view their address, as well as instructions on how to update it
Error messages in case the user has an incorrect or missing address
address detailserror messages for incorrect address

User Testing

Skills used
User research
User testing
I then conducted unmoderated user testing with 15 participants.
User Testing Objectives
User Testing Findings
Users easily found their address and understood how to update it. However, they were frustrated because they couldn't update their address in the app. This issue will be tackled by future updates.

Thanks for reading!

View previous project:
Sun Life - Medical Referral
View next project:
Government of Canada
Say hi!
jasmita.chawla@gmail.com