Revamping Creator Studio: Aligning UI/UX with Aimlab’s Redesign and Enhancing User Flows
As Aimlab underwent a complete redesign, I realized that Creator Studio, an essential tool for content creators, also needed an update to maintain cohesion across the platform. I was tasked with redesigning Creator Studio to match the new Design Library while improving some user flows that had received feedback for being difficult to navigate. I led the redesign, focusing on creating a visually cohesive interface and streamlining user interactions. By collaborating closely with the development team and iterating based on user feedback, we were able to create a more intuitive experience. The result was a Creator Studio that not only aligned with Aimlab's updated design but also enhanced user satisfaction and efficiency for content creators.
Industry
Gaming
Team Size
1 Product Manager
3 Unity Developers
My Role
Principle
Product Designer
Tools Used
Adobe XD
Unity
Duration
2- 3 months
Challenge
When Aimlab underwent a full redesign, I realized that Creator Studio, a tool for content creators, wasn’t aligned with the updated visual language and design standards. Additionally, feedback from users highlighted that certain workflows within Creator Studio were cumbersome and unintuitive. This created an opportunity to not only revamp the tool’s look and feel but also streamline the user experience to address the pain points and enhance usability.
Results
After redesigning Creator Studio to match the new Design Library and reworking the user flows, the tool became more cohesive with Aimlab’s overall visual identity. The improvements led to an easier, more efficient workflow for content creators, which resulted in increased user satisfaction. By focusing on accessibility and user feedback, we created a more intuitive experience, which ultimately contributed to the overall success of Aimlab’s redesign. Achieved 70% increase in user-generated content, 26k plays in a single day, and 140k MAU
140k
MAU
70%
User Generated Content
1.
Settings Menu
Main navigation to exit, FAQs, save, play, access downloaded library, undo and redo.
2.
Game Menu
Navigation to move, edit, duplicate, alter, or trash objects within the field
3.
Object Library
Where the player can access, objects to place within the field, bots, edit the terrain, edit the players avatar, and edit the level settings.
4.
Inventory
Widget that contains the current tabs inventory and editable tools.
5.
Back
Return to previous page of inventory.
6.
Finish
Complete and save any edits done to the objects, bots, terrain, player, or level.
Updates from Previous Design
As I was working on this redesign I analyzed this previous design and various other simulator games that gave power to the players but had a multitude of text and tools. The objective was to pinpoint common practices and practices that resonate with players and give them the ease of using these tools as second nature.
Minecraft Creator Mode
Taking some inspiration from Minecraft, some key take aways I noticed were that the tools were just a click on WASD away. The hotkeys were easily recognizable and reachable so that the user’s flow was never interrupted by having to think about their next move. And also, although the library itself is dense with many objects to choose from and place onto the fild, each item is easily recognizable by the pixelated illustration. A tooltip/ overlay depicting the name of the item also helps with quick and easy selection.
However, a con is that object selection removes you from the flow of the game. It brings you to an overlay, removing your view of the field.
The Sims Build Mode
The sims is a great example of numerous objects to select and bring to the field. They also managed to keep the user’s field of vision as they choose from their dense library. The organization of the library is also a great mention as the visual elements of the house are easily recognizable. So the play can take educated guesses on what types of items they expect to see when clicking on certain Groups.
Want to upgrade your website?
Contact Me
Schedule a call with Natalie Valcourt.