GeriLife / caregiving

GeriLife is a comprehensive toolkit designed to empower caregivers in elder-care communities, promoting wellness and ensuring equitable engagement in life-enriching activities. This project, rooted in real-world insights and collaborative innovation, aims to transform elder care by making quality-of-life activities visible and coordinated.
European Union Public License 1.2
7 stars 7 forks source link

Implement Nordhealth Design System for Enhanced UI Aesthetics and Accessibility #85

Closed brylie closed 11 months ago

brylie commented 11 months ago

Feature Description

Our project aims to appeal to decision-makers in large institutional care networks. To achieve this, we propose adopting the Nordhealth Design System for our UI components. Nordhealth's design system offers a professional, sleek aesthetic and includes numerous usability and accessibility features that would significantly enhance the user experience of our project.

Motivation

The decision to integrate the Nordhealth Design System is motivated by several key factors:

Professional Aesthetics: A polished and professional user interface is crucial for making a strong impression on decision-makers in large care networks. Nordhealth's design system offers a contemporary, clean look that aligns with this goal.

Usability and Accessibility Improvements: Nordhealth's design system is built with accessibility and usability at its core. Implementing it would ensure our application is more user-friendly and accessible to a wider audience, including those with disabilities.

Ease of Design Scalability: As our project grows, the need for a scalable design system becomes more apparent. Nordhealth provides a robust framework for scaling our UI design efficiently.

Figma Integration: For future UI design enhancements, the availability of Figma components within the Nordhealth design system is highly beneficial. This would streamline our design process, especially if we onboard professional UI designers.

Possible Implementation

The implementation would involve a phased approach:

Evaluation Phase: Assess the compatibility of Nordhealth design system with our current UI and backend framework.

Planning Phase: Develop a detailed plan for the integration, including timelines and resources needed.

Implementation Phase: Gradual replacement of current UI components with those from the Nordhealth design system, ensuring minimal disruption to existing users.

Testing and Feedback Phase: Rigorous testing for usability and accessibility, followed by gathering feedback from a select user group.

Roll-out Phase: Full implementation of the design system across the platform, accompanied by user education initiatives as needed.

Alternatives Considered

We have considered maintaining our current design or adopting other design systems. However, the specific benefits of Nordhealth in terms of professional aesthetics and its focus on healthcare contexts make it a more compelling choice.

Additional Context

Further information about the Nordhealth Design System can be found at Nordhealth Design. The design system's focus on healthcare interfaces aligns well with the needs of our project, making it an ideal candidate for our UI overhaul.

brylie commented 11 months ago

It turns out that Nordhealth Design system is not open source, so we can't use it for this project. However, I've looked at a few other options and am now considering the IBM Carbon Design system.