The Galaxy Design System
My goal is to implement a system that streamlines UI consistency, accelerates design and development process and facilitates easy theme updates.
By implementing design tokens within our Design System, I centralized and standardized key design elements such as colors, typography and spacing. Utilizing the Tokens Studio plugin, I managed design tokens and ensured seamless synchronization with GitHub. This single source of truth significantly improved product consistency, efficiency, collaboration, accessibility, and scalability, positively impacting designers, developers, and the overall user experience.
UX activities
Research | Usability Testing | A/B Testing | Heuristic Evaluation | Followed WCAG Guidlines
Tools
Figma, Tokens Studio, GitHub
Business Impact
By establishing the Design System at Contal, I significantly improved the consistency and quality of the product's user interface, streamlining both design and development processes. This cohesive approach enhanced user experience, increased customer satisfaction and contributed to the product's success and company growth.
Why Contal needs Design System?
-
To ensure consistency
UI library of styles, colours and components was created to achieve consistent visual appeal.
-
To accelarate design process
The aim was to improve collaboration with developers, save time creating assets that already exist, deal with inconsistencies, and underutilise code reuse.
-
To streamline development
The aim was to improve collaboration with developers, save time creating assets that already exist, deal with inconsistencies, and underutilise code reuse.
29
Interviews
80%
Interaction Design
Users
Rosterer & Care-coordinator
9
Usability Testing
Competitor Analysis
Analyzing immediate competitors helped me assess how our Rostering service compared to similar solutions in the market. I researched how hospitals and other aged care sectors handle their rostering processes, which provided valuable insights into:
What is currently available to customers
How can we improve our service?
UX Audit
I started by conducting a UX analysis of the current application and found it was not informative and user friendly. Our clients manage two calendars to streamline the rostering process:
Master calendar: which serves as a template for all long-term clients
Roster calendar: where we import from master calendar and publish these long-term schedules alongside shifts for short-term clients (eg: transitional/trial period clients)
Interview
Stakeholder interviews - They highlighted some key challenges, such as the complexity of aligning the scheduling process with the new SCHADS (Social, Community, Home Care, and Disability Services) Industry Award. Additionally, they expressed the need for improved navigation, the ability to unassign shifts for priority clients, real-time shift status notifications and alerts when clients are low on budget.
User interviews - Communicated with Roster Managers where we had a few open-ended questions and usability testing tasks using the current product, resulting in a comprehensive list of requirements essential for their fast-paced environment.
Focus Group
I engaged with Aged Care CEOs, Roster Managers, Care Managers and HR professionals to understand their vision for rostering services and gathered valuable insights. This interaction helped refine our brand identity and market positioning by aligning our solutions with their needs and expectations.
Highlighted few painpoints from Rosterers, Stakeholders and Staff during interview
“I continuously referenced these user insights throughout the entire design process to ensure solutions are aligned with their real needs.”
Concept creation
I thoroughly researched SCHADS awards and created a detailed flow chart for clear understanding. In the award, there were a few types of cancellations and each working in different way - based on who is cancelling and when they are cancelling.
After analysing research data, I suggested adding a cancellation feature would help users to manage and organise the shifts. Also while cancelling a shift, the Roster manger needs to decide whether it is a
Client cancellation
Organisation cancellation
Based on the above cancellation categories, makeups for staff and re-booking shifts for clients are provided.
Flow Chart
I created flow charts to visualize typical patterns and paths to check how users follow within the service. It also helped me to figure out where and when to include the new features within the service.
How might we
The 'How Might We' approach guided me in developing a solution for a Master template that was capable of accommodating a diverse range of client needs.
How did I get it ? - I first tried working out using 4/6 week template - but the main problem was recurring cycle got messed up. Next tried real-time Master calendar template, and found, it can accommodate any type of client, also while importing shift from master to roster calendar it just copy based on dates selected. For example: copy from calendar week 12 to 16, it just import that calendar week of that year from the master calendar template.
“I have researched how hospitals and other aged care sector handled this situation and found that most of them use 2/4/6 weeks scheduling template. In few cases some competitors don’t use template, just has real-time roster calendar. ”
Sketch to hi-fidelity design
Design Hypothesis
“I believe that using too many color codes can confuse users. Sticking to a base color and indicating cancellations with subtle variations will keep the information clear and manageable. Additionally, including the cancelled time directly on the shift card will provide more relevant information without overwhelming the user.”
Usability testing
Key findings from usability testing
CHSP clients cancelled shifts aren't rescheduled, as they fall out of focus on the calendar.
Occasionally, high-care client shifts are cancelled due to staff shortages, our priority is to reallocate them to available carers immediately. These high-care client’s cancelled shifts are not highlighted on the calendar.
Notify staff and Care Coordinators when shifts get cancelled.
