GAME UI & UX
Play the age old classic board game, Monopoly, with family and friends on the Sky Glass TV. An inherited project that needed a redesign for a game play turn.
Overview
Role: UI/UX Artist
Production Time: December 2022 - January 2023
Platforms: Sky Glass TV
Softwares: Miro, Adobe XD, Photoshop, Unity
​
The Monopoly mobile game, by Marmalade Game Studio, was released onto the Sky Glass TV as a part of the Sky Live membership in 2023. I entered the project towards its end to finalise interactions, polish hover focuses and redesign the trading game play turn UX and UI.
Process
-
Critically reviewed existing flow and design
-
Created multiple UX flow and wireframe design versions
-
Produced multiple UI mockup versions
-
Implemented approved art, design and animation into Unity Canvas
Problem
Monopoly was originally exclusive to mobile meaning interaction compositions were flexible being controllerless. Converting it to rely on 5 TV remote buttons and a visible hover focus on screen required multiple interaction flows, composition and UI redesigns.
The player turn action to trade properties with opponents on mobile required the player to select properties on the board which is not optimised for grid controller navigation aka button mapping. Additionally, there were edge cases of player visibility and issues on clarity of where the hover focus was located on screen.
UX Design Solutions
-
Split turn flow into more steps to limit player selection options and confusion
-
Eliminate property selection on board and introduce list selection
-
Apply column controller button mapping
-
Add automatic saving feature
UX Wireframe Flowchart Samples
UI Art Solutions
-
Style guide consistency across flow
-
Apply clearer player colour coding onto properties
-
Make it clearer which players are trading
-
Add amplified hover focus animation onto properties
