Error states
Something is wrong
Good error states inform users that something has changed.
​
Great error states help users solve the problem and return to their preferred task.
Request: Design a message to inform users the pairing of their devices has been interrupted
Apps: Figma, MS 365, MS Internal products
​
Team: UX Designer, Product Manager, Engineering
​
Role: Content Designer
Users are attempting to onboard Phone Link but the devices are not pairing.
​
PM requests content to inform the user that something has gone wrong.
Strategy
Collaborations with partners gave insight to the potiential errors and solutions the user can attempt to solve the issue.
Cross-team collaboration
Parters informed users would attempt to pair devices and face an issue.
Discovering error types
Reasons for this error vary and include an issue with the Bluetooth connection.
Proposing solutions
I recommended we the list steps users need to pair their devices, including any potential restrictions such as OS version, Bluetooth not turned on, etc.
Tips from engineering
Collaborating with engineering to discover user's steps to connect Bluetooth.
Discovering device needs
Users have to be informed of which device they need to use to solve the error.
Iterating content
New content explains the steps the user needs to take in order to pair their devices.
The outcome
-
Header calls out the error
-
Content that informs the user of the error
-
Users informed of which device to use
-
Users are given steps to resolve
