Designing for the DualSense controller – the UI of Disciples: Liberation – PlayStation.Blog

A UI expert explains the process of adapting mouse & keyboard controls for PS5, out October 21.
When we started development on Disciples: Liberation, we knew one of the biggest hurdles we’d face would be bringing a genre not that widely available on consoles to an entirely new audience of players. Taking something like a dark-fantasy-strategy RPG, a genre that had predominantly lived on the PC platform, and moving it across to the PlayStation 5 and DualSense wireless controller was a challenging but satisfying adventure, especially for a small but passionate team. 
From the get-go, we knew we would only have the time and resources to focus on a single UI (user interface) philosophy and due to the game’s availability on PC, this would need to serve two completely different input methods: both the DualSense controller and a keyboard and mouse. In bringing Disciples: Liberation to the PS5, our objective was two-fold: 
As the lead UI/UX designer for the project, it was my responsibility to marry those two worlds, ensuring the game’s interface was deep and intuitive whilst perfectly in sync with the DualSense controller. Due to ongoing back issues (by spending both work and free time sitting at a desk) I have been using the DualSense controller full time when gaming on PC and PS5. I was thrilled with how well the controller worked across both platforms, so much so that I even transposed my entire UI layout from some of my favourite MMOs (no small feat!). With this unique background, I knew I was up to the task of building Disciples: Liberation as the perfect DualSense controller coupling. If I could give more accessibility to players, allowing any type of person to choose whichever input they would like to play our game, I would consider my job a success. 
It was fairly early in development that we started to lean towards a virtual cursor for the in-game menus. For those that don’t know, a virtual cursor is one which players are able to freely move around the screen using the left or right analogue stick. From my experience playing other games using this same system, I knew we could come up with something really special if we spent the time considering how best we could create menus that felt at home on the PS5.   
To begin, we put some time into researching a handful of previous titles that had implemented a virtual cursor in their interface and quickly noticed that a fairly fast-moving cursor that slows over buttons and interactive elements, to give players time to react and stop over them, was perfect. We also used Fitt’s Law for the menus and on-screen button interactions, a law that states that any target is harder to hit the smaller and further away it is. 
Keeping this in mind, we decided the best way to virtually increase the size of a button (make a small button feel larger to the player) would be to slow down the speed of the cursor when players passed over it. For example, if the cursor moved at 100 pixels per second and the button was 200 pixels wide, it would take the player two seconds to cross it, whereas if the cursor slowed to 50 pixels per second when moved over a button, we would have just doubled the time players have to hit that button when making their selection. 
Once the design was complete, I discussed it with our lead programmer, and we went to work. Two days later, we had a very convincing prototype and spent the next couple of weeks adding features to fine-tune the experience for players. This included small but significant changes such as setting a specific cursor slow-down rate on a ‘per element’ basis (so we could adjust the speed of the cursor interactions with individual buttons) background counter-scrolling (making the screen move in the opposite direction to the cursor for a virtual increase in speed), and adding a platform-specific filter to any element on the screen, allowing us to tailor the UI experience specifically to PS5 players. The filter worked much like those old red/blue “3D” glasses – the information for all platforms would always be there but if you enabled our filter, just the DualSense controller prompts would show to the player. 
Having a virtual cursor also meant we could easily create layouts that felt organic and were aesthetically pleasing across all platforms. In designing the menus, we even used Fitt’s Law to tweak tiny interactions, such as having an inventory item populate from the left or the right side of the screen depending on an element’s on-screen location. This meant less travel time between a category and the first items in a player’s inventory list, and resulted in a really satisfying, buttery-smooth user experience. 
In terms of gameplay, we applied a similar philosophy, ensuring that core actions were easily accessible via the buttons on the DualSense controller. In game, moving and zooming the camera during combat and assigning actions to your units all feels very natural and we also added button shortcuts to actions that could be repetitive or that may have the player move their cursor back and forth across large swathes of the screen. Instead, players would have the choice to either select the button using the virtual cursor or use one of the DualSense controller’s face buttons to upgrade an item or skip a results screen. Our QA was pretty happy with that one.  
Designing Disciples: Liberation for the DualSense was a unique challenge but I’m extremely proud of the game and can’t wait to hear what PlayStation players think when it launches on October 21. 

Share this story
Join the Conversation
But don't be a jerk!
Please be kind, considerate, and constructive. Report inappropriate comments to
What an amazing looking game! Thanks for walking us through the UI part.
These are exactly the type of stories I need when deciding if I want to buy a game from Xbox Series X vs my PS5. You’ve made this decision easy, and THANK YOU for finally bringing this series to consoles!
I appreciate the time spent into trying to create the best UI fit for all, but I also have a few nitpicks that I couldn’t quickly parse out of your story above.
As a Dev Myself and one that happens to work with the UI team regularly and has to build UI, I have a bone to pick:
I hate Virtual Cursors. No matter how fine tuned they are and tweak and iterated upon they maybe. Believe me I can see some real thought has really gone into the UI and thank you for this. More time than some of my teams has put into recognizing that these cursors do not stop on a dime with any relative ease. I do dislike them all the same even after applying the rules you have submitted here. As you pointed out, you’re not first to the party on Virtual Cursors.
In case I missed it or you failed to mention it, but I’d like to suggest giving strong D-Pad support in these menus. Allowing these two interfaces is never easy in the GUI and I appreciate the struggle in doing so. Virtual Cursors drive me and a few of my friends up the walls. It is one of the things we disliked the most about Destiny 1 & 2. Ubisoft in particular started adapting this nasty trend with some of the most confusing UI I’ve ever used. I find Virtual Cursors to be a lazy solution to a problem that is handled quite quickly on a controller with a few button presses instead of waiting the agonizing amount of time it takes to move your virtual cursor across the screen and the annoyance of finding the sweet spot for its settings if you provide those. It’s about as frustrating as having aim assist in an FPS and having it yank your cursor in the opposite direction of where you’re pressing the analog stick. There are a lot of FPS that do this and they do not provide the option to turn Aim Assist off, a group I’m heavily apart of. Now this isn’t a shooter and I get that. Console dev’s need to recognize that not all of us have poor aiming skills with a controller or enjoy slow moving cursors on screen. It’s like Playing FF on PS4 with the mobile controls found on android or iOS. It makes the UI less than a joy to use and is quite frustrating.
I am a big fan of turn based strategy rpgs and this game looks like it was made for me. I’m picking this up day one!
What an incredible amount of effort! And this discussion was just about the UI!! It boggles my mind how much work & effort has to be put forth to create a game. Then one little semi-colon gets misplaced, & you’re tearing your hair out until it’s found!! Thanks for bringing this to consoles. It looks beautiful! 👍🏼 😸
Implement mouse and forget about DS…
It’d be cool if the games that support Dual Sense on PS5 that also have PC releases, supported it on PC too. It’s a shame the Duel Sense is locked to PS5. Every other controller rumble feels primitive in comparison
You must be logged in to post a comment.
Adam Michel Senior Manager of Game Services Content, SIE
Hermen Hulst Head of PlayStation Studios
Adam Michel Senior Manager of Game Services Content, SIE
Matt Bettelman Puzzle Bobble 3D: Vacation Odyssey Game Director, Survios
Teague Emery Social Media Director, Square Enix
Gillen McAllister Senior Specialist, Content Communications, SIE
George Rule Marketing Lead, Lucid Games
Maximilian Rea Studio Lead, Black Matter
Website © 2021 Sony Interactive Entertainment. All content, game titles, trade names and/or trade dress, trademarks, artwork and associated imagery are trademarks and/or copyright material of their respective owners. All rights reserved.