Edit Profile Picture
iOS/Android
GR app requires the functionality to add and edit user profile pictures for iOS and Android platforms
OVERVIEW
To come up with UX design to enable users to change, add, and remove their profile picture in Global Relay's messaging app.
BACKGROUND
High-stakes compliance messaging app lacked the most important feature
A new user to the GR app, gets their account set up by their admin. Which means, the picture they took at first day at work will be their messaging app's profile picture forever. Two years down the road, the employee is a seasoned worker. Long working hours spent communicating on the messaging app with colleagues and stakeholders has only made the user impersonal to the app.
To make the app more user-friendly and catch up to competitors, a simple feature of editing user's profile picture was put on the business road map.
PLATFORMS
iOS
Android
In this portfolio, only iOS work is presented
MY ROLE
As the project lead, I was responsible for research, deliverable goals, presenting findings and handoff.
PROBLEM/OBJECTIVE
To allow users to change their profile picture on the messaging app.
​The business goal was simple: less number of taps to change
profile picture in a business messaging app.
​​
​
Currently, the default avatars on the mobile apps is user initials.
USER RESEARCH
Internal Research
The first method was to dig up previous history of the app and researching/reading on the design artifacts. This gave me an idea of what should be retained and what can be filed under design audits. With a short deadline, I focused on delivering the main feature which was changing profile picture in the profile page of a user. An overall improvement to the content of the profile was filed in the ux backlog to be looked at holistically in phase 2.
Competitor Research
I looked at various apps on the market to understand the user journey and what users look for when changing their profile picture. I started to look at how this app can be one step ahead of the current trend and came up with questions for the stakeholders:
​
Research Questions
-
Is there a new icon that needs to be designed for empty state?
-
Is the current icon (male avatars) reflecting the business' current vision which is supporting women in workplace? Should icons be inclusive?
-
Is there something to improve holistically? Group icons are also male avatars. Subconsciously, we don't realize it, but is that a good thing?
-
How important is to change profile picture for work app?
-
Do users like to change their profile pictures frequently/festive seasons?
Initial Usability Testing
To get a better idea, I conducted some usability testing with the current app and noted some detailed questions for the stakeholders.
​
Usability Questions​
-
How much control does the user have when offline?
-
Can user change picture when offline?
-
Can the user use the camera function to take picture while offline?
-
Will the picture automatically update when internet network is available?
-
What can the user to instead (Retry option) ?
-
How transferable is the experience between devices (desktop and mobile) when offline?
​
Findings
Based on the competitor analysis, I found out that when there is no internet network, a user is allowed to go through the user journey but gets an error at the final stage.
​
I also found that is leads to a positive user experience when users are allowed to finish critical tasks in all network conditions.
Being disconnected, even momentarily, can be a brutally frustrating experience for someone who is attempting to get things done. The key to making offline experiences consistent is to allow users to finish their tasks offline.
DESIGN
Once we completed the discovery period, we began visualizing the website.
We started off with sketching, building wireframes, and progressed to low-fidelity and high-fidelity wireframes.
Changing Profile Picture wireflow
OUTCOME
After few iterations, I was able to handover the design to
UI designers and worked with the developers for a smooth release into production.
Within a month of the release, we noticed above 40% of users interacted with the feature and was happy with it.