Research and discovery
Problem
Only 6%~ of users were activating the Push Bet feature. Once the player selected their bet amount, they did not go back into that menu for the rest of the game. The UX for this design was not designed to hold a lot of text, and so long names could not be added. This was a negative for the business.
Key Insights
Through diligent research into Push Gaming's player behaviour, data collection, and user testing, it became evident that tasks considered straightforward by some were proving challenging for many users. This critical understanding informed the development of effective design solutions. Key observations included:
A significant number of users were uncertain about the function and outcome of activating Push Bet / Push Up.
Users struggled to determine their bet value at a glance once the Push feature was activated.
There was a lack of clarity on how to locate the Push Bet features within the app.
These insights were instrumental in shaping design interventions that significantly enhanced user comprehension and interaction with the platform
Goal
My goal was to put all of the Special Bets into 1 location. Push Gaming has 3 main features.
Push Bet / Push Up (Ante Bet feature)
Bonus Buy
Feature Buy
Solutions
Consolidate all betting options into a single, accessible hub, streamlining the user experience.
Ensure Special Bets are prominently displayed and easily discoverable.
Clarify the distinctions and functionalities of Push Bet, Bonus Buy, and Feature Buy to users, enhancing their understanding and engagement.
Incorporate space for a marketing banner, enabling users to easily recognise promotions from advertisements.
Rapid Ideation Through Sketching
Utilising quick sketches allows me to swiftly pinpoint the optimal arrangement of design elements. Although these initial sketches might appear rough, their true value lies in facilitating a rapid ideation process. This approach is indispensable for early-stage conceptualisation, enabling me to explore various layouts and interactions with remarkable agility, proving that effectiveness often precedes aesthetics in the creative process.
Initial Design User Testing
Leveraging the Maze App, I engaged 13 participants for the test, confident in the design’s potential. Surprisingly, the data revealed that while some users were exploring the app, leading to slower completion times, there were genuine usability challenges for others, particularly when attempting to activate the Push Bet feature. This combination of exploratory behaviour and usability issues provided a clear signal that further refinement was needed, sending me back to the drawing board to enhance the design's intuitiveness and efficiency.
Wireframing and Prototyping
I prefer to transform my wireframes into interactive prototypes accessible via my phone, utilising Figma for this purpose. I design with the smallest supported size in mind, which, in this instance, is 375px in width. This approach allows for scaling up to accommodate larger devices seamlessly. These wireframes are instrumental in ensuring the ideal sizing and providing ample space for touch areas, crucial for enhancing user experience.
Second design user test
After the initial user testing, I iteratively refined the design to not only meet immediate needs but also to ensure its future relevance. Despite users completing tasks efficiently, feedback from the CEO necessitated additional adjustments.
To integrate this feedback effectively, I revised the design once more and conducted a final test. This last iteration was particularly successful, achieving a usability test score of 93%. The slight deviation from perfection was largely due to user multitasking, a conclusion I drew from screen recordings of the test sessions, which revealed moments of distraction.
This iterative process, underscored by both qualitative feedback and quantitative data, solidified the design's effectiveness and user engagement.
Wireframing and Prototyping
I prefer to transform my wireframes into interactive prototypes accessible via my phone, utilising Figma for this purpose. I design with the smallest supported size in mind, which, in this instance, is 375px in width. This approach allows for scaling up to accommodate larger devices seamlessly. These wireframes are instrumental in ensuring the ideal sizing and providing ample space for touch areas, crucial for enhancing user experience.
