Pathfinder PC Overlay
Pathfinder PC Overlay
Pathfinder PC Overlay
Controller battery life in the PlayStation PC overlay.
Controller battery life in the PlayStation PC overlay.
ROLE
Interaction designer
COMPANY
Sony Interactive Entertainment
SCOPE
Controller battery life
PLATFORM
PlayStation on Windows
OVERVIEW
OVERVIEW
I designed controller battery status for the PlayStation PC overlay, including navigation, device details and notifications. The layouts support keyboard and mouse in both expanded and minimized views.
I designed controller battery status for the PlayStation PC overlay, including navigation, device details and notifications. The layouts support keyboard and mouse in both expanded and minimized views.
CONTEXT
CONTEXT
Controller battery status on PC
Controller battery status on PC
The goal
Bring console battery visibility to PC so players can check their controllers during a game.
Bring console battery visibility to PC so players can check their controllers during a game.
Requirements
Show connected controllers, charging and unknown battery states. Provide connection and disconnection feedback. Warn below 5% battery, except while charging.
Show connected controllers, charging and unknown battery states. Provide connection and disconnection feedback. Warn below 5% battery, except while charging.
EXPLORATION
EXPLORATION
Navigation options
Navigation options
I explored battery status beside the player profile and alongside Settings. The detailed design gives Controllers its own entry, with a separate reading for each device.
I explored battery status beside the player profile and alongside Settings. The detailed design gives Controllers its own entry, with a separate reading for each device.
Player profile
One battery reading by the player avatar.
Settings
Several battery readings beside Settings.
Controllers entry
A dedicated entry opens the controller list.
Player profile
One battery reading by the player avatar.
Settings
Several battery readings beside Settings.
Controllers entry
A dedicated entry opens the controller list.
Player profile
One battery reading by the player avatar.
Settings
Several battery readings beside Settings.
Controllers entry
A dedicated entry opens the controller list.
Swipe to compare →
INTERACTION
INTERACTION
Controller details
Controller details
The full view shows up to four controllers, each with a name and battery reading. The minimized layout keeps the same information in a narrower overlay.
The full view shows up to four controllers, each with a name and battery reading. The minimized layout keeps the same information in a narrower overlay.
Expanded overlay
Minimized overlay
Focus, hover and pressed states support keyboard and mouse.
Focus, hover and pressed states support keyboard and mouse.
Default
Keyboard focus
Mouse hover
Pressed
VISUAL DESIGN
VISUAL DESIGN
Battery states
Battery states
Four battery bands follow the console model. Unknown battery data has its own state.
Four battery bands follow the console model. Unknown battery data has its own state.
Full
Full
71–100%
Half
Half
41–70%
Low
Low
6–40%
Almost empty
Almost empty
0–5%
Unknown
Unknown
Battery data unavailable
Charging
The charging icon adds a lightning bolt and keeps the battery level visible.
The charging icon adds a lightning bolt and keeps the battery level visible.
Almost empty
Low
Half
Full
NOTIFICATIONS
NOTIFICATIONS
Warnings during play
Warnings during play
Low-battery alerts appear over gameplay and stay quiet while charging. Connections and disconnections use separate notifications.
Low-battery alerts appear over gameplay and stay quiet while charging. Connections and disconnections use separate notifications.
Low-battery alert during gameplay.
ACCESSIBILITY
ACCESSIBILITY
Text scaling
Text scaling
I specified text at 100%, 150%, 200% and 225%. Larger text wraps the guidance, truncates long controller names and introduces scrolling in the minimized view.
I specified text at 100%, 150%, 200% and 225%. Larger text wraps the guidance, truncates long controller names and introduces scrolling in the minimized view.
100%
150%
200%
225%
100%
150%
200%
225%
100%
150%
200%
225%
Swipe to compare →