Entertainment

Gaming Tech Provider

RGS, a leading gaming tech provider, operates on a patchwork of online platforms for its global client base. These platforms lack consistency in usability, branding, and functionality, creating a disjointed experience for clients and hindering operational efficiency.

Entertainment

Gaming Tech Provider

RGS, a leading gaming tech provider, operates on a patchwork of online platforms for its global client base. These platforms lack consistency in usability, branding, and functionality, creating a disjointed experience for clients and hindering operational efficiency.

Industry

Gaming

Service

Web design

Client

RGS

Duration

2023 March: 3 Months

Company

Background

Company

Background

RGS is a leading developer of systems that monitor and manage gambling machines. They create holistic, individualised solutions for specific gaming needs, including all technical and operational aspects, and then maintain these for their global client base.

With decades of experience in both regulated and non-regulated environments and a passionate and experienced team from the IT and engineering sectors, they bring extensive knowledge and unrivalled expertise to the countless systems they have implemented across jurisdictions, platforms, and countries.

They have developed a reputation for making it easy to streamline operations. With their commitment to a vibrant, robust gaming industry, they have innovated, expanded, and built systems from scratch while designing them to help their customers and businesses thrive.

Problem
Statement

The leading gaming tech provider, operates on a patchwork of online platforms for its global client base. These platforms lack consistency in usability, branding, and functionality, creating a disjointed experience for clients and hindering operational efficiency.

The ask

Their existing online platform is outdated and they need a UX Audit with a refresh to their User Interface (With a Design System in mind) that is more graphical to go along with their new branding, across their 3 types of profiles / users which consist of:

1. Route Operator
2. Route monitoring - System operator
3. Gambling board

The challenge

Working within the limitation of their current platform.

Roles

Roles

Team make
• 1 Product Design Lead (Zwai)
• 1 Intermediate UX/UI Designer
• 2 Front End Developers
• 1 Back-end Developer
• 1 Delivery Manager

MY ROLE
Product Design Lead

My daily responsibilities involved leading the design process and collaborating with a diverse range of stakeholders, including clients, developers, and third- party vendors. I also contributed to hands-on to key design processes. This included, user interviews, research, user interface design, process flow diagrams, wireframes, and prototypes.

Design Tools

used:
Illustrator, Photoshop, Figma, Invision, Zeplin & Trello

Project

Approach

Project

Approach

Compile a heuristic analysis feedback

Compile a heuristic
analysis feedback

Given the time frames, it made sense to compile a heuristic analysis feedback before we started any work due to the nature of the ask. So that we can gauge the true timings of the work.

heuristic

Analysis

Feedback

Heuristic analysis feedback

Platform review process

Heuristic analysis approach

Heuristic approach breakdown

• Platform review process

• Heuristic analysis approach

• Heuristic approach breakdown

• Findings
• Severities
• Design parameters and solutions

• Findings
• Severities
• Design parameters and solutions

Heuristic analysis feedback

UI Refresh review

• Design process
• Current UI refresh
• Future UI ideas

Feedback documentation overview

• Handover

HEURISTIC ANALYSIS FEEDBACK

Desired

Outcome

Desired

Outcome

Strengthen Brand Identity

Reinforce RGS's brand recognition and market presence with a unified visual language.

Unleash Growth Potential

Create a scalable platform foundation for client acquisition and global expansion.

Unify User Experience

Provide a consistent, intuitive, and user-friendly experience across all platforms.

Boost Operational Efficiency

Reduce development and maintenance workload through reusable components and centralized design governance.

Platform

Review

Review of 500+ current screens of 3 profiles

  1. Route Operator

  2. Route monitoring - System operator

  3. Gambling board

information

ARCHITECTURE

Approach

to Usability Heuristics

Approach

to Usability Heuristics

Approach

to Usability Heuristics

10 Usability Heuristics

Interaction Design Foundation
interaction-design.org

By
Jakob Nielsen and Rolf Molich

By
Jakob Nielsen and Rolf Molich

By
Jakob Nielsen and Rolf Molich

Heuristic

Analysis Approach

Heuristics Examples – Modal consistency

Consistency and standards

Even when modals have different content, they still look alike in terms of:

• Styling and layout
• Button placement
• Actions taken by users
• Functionality and consistency

Aesthetic and minimalist design

Clean design with no distractions

Heuristic

Analysis Approach

heuristic

Analysis

Feedback

• Platform review process

• Heuristic analysis approach

• Heuristic approach breakdown

• Findings
• Severities
• Design parameters and solutions

UI Refresh review

• Design process
• Current UI refresh
• Future UI ideas

Compile a heuristic
analysis feedback

Given the time frames, it made sense to compile a heuristic analysis feedback before we started any work due to the nature of the ask. So that we can gauge the true timings of the work.

Key

Challenges

Unwieldy Branding

Inconsistent visual identity weakens brand recognition and dilutes RGS's market presence.

Inconsistent User Experience

Disparate platforms confuse clients, impacting user adoption and satisfaction.

Missed Growth Opportunities

Fragmented online presence limits accessibility and scalability for client acquisition.

Inefficient Operations

Maintaining multiple platforms consumes resources and slows development iterations.

Desired

Outcome

Inconsistent User Experience

Disparate platforms confuse clients, impacting user adoption and satisfaction.

Unify User Experience

Provide a consistent, intuitive, and user-friendly experience across all platforms.

Boost Operational Efficiency

Reduce development and maintenance workload through reusable components and centralized design governance.

Unleash Growth Potential

Create a scalable platform foundation for client acquisition and global expansion.

Heuristics Examples – Button consistency

Consistency and standards

Do the buttons function and look the same?

Is the user able to identify what a button will do just by looking at it?

Aesthetic and minimalist design

Consolidating different styles to a limited set to be uses across the platform:

• Primary button
• Secondary button
• Tertiary button
• Text link

Heuristic Breakdown

Heuristics Examples

Visibility of system status

Hover states not visible

Error prevention

No confirmation modal - Overwrite hash results without warning

User control and freedom

Unable to exit Change Password flow

Severities

Acceptable

Minor usability problem

Poor

Major usability problem

Bad

Showstopper
Recognise, Diagnose, and Recover from Errors

Design Parameters

• Layout and grid

• Copy

• Navigation

• Error messages

• Visual design

• Interaction and behaviour


Heuristics Examples

Start with Site Templates

Browse dozens of professionally designed templates. Click, duplicate, customize.

Start with Site Templates

Browse dozens of professionally designed templates. Click, duplicate, customize.

Key

Challenges

Key

Challenges

Unwieldy Branding

Inconsistent visual identity weakens brand recognition and dilutes RGS's market presence.

Inconsistent User Experience

Disparate platforms confuse clients, impacting user adoption and satisfaction.

Missed Growth Opportunities

Fragmented online presence limits accessibility and scalability for client acquisition.

Inefficient Operations

Maintaining multiple platforms consumes resources and slows development iterations.

Questions explained agreeable preferred strangers too him her son. Set put shyness offices his females him distant. Improve has message besides shy himself cheered however how son.

Contact Us

Contact Us

Please do not hesitate to contact me

Zwai

©2024

Contact Us

Contact Us

Please do not hesitate to contact me

Zwai

©2024

Contact Us

Contact Us

Please do not hesitate to contact me

Zwai

©2024

Project

Approach

Given the time frames, it made sense to compile a heuristic analysis feedback before we started any work due to the nature of the ask. So that we can gauge the true timings of the work.

• Platform review process

• Heuristic analysis approach

• Heuristic approach breakdown

• Findings
• Severities
• Design parameters & solutions

Heuristic analysis feedback

UI Refresh review

• Design process
• Current UI refresh
• Future UI ideas


Compile a heuristic
analysis feedback

information

ARCHITECTURE

information

ARCHITECTURE

Platform

Review

Platform

Review

Review of 500+ current screens
of 3 profiles

  1. Route Operator

  2. Route monitoring - System operator

  3. Gambling board

Platform

Review

Review of 500+ current
screens of 3 profiles

  1. Route Operator

  2. Route monitoring -
    System operator

  3. Gambling board