UI Components & Interaction Patterns

The UI Components & Interaction Patterns section provides a comprehensive reference for the key visual and functional interface elements. These components support a unified, accessible, and user-centred experience across the platform.

Why It Matters

Effective design should remain unobtrusive while guiding, supporting, and engaging users. Clear design patterns and interaction rules are therefore based on:

  • The user-centred design strategy enables users to access, navigate, and interact easily with learning content and tools, thereby enhancing the overall learning experience.

  • Feedback from customers, learners, trainers, administrators, and other relevant stakeholders.

  • Consistent application of usability, accessibility and responsiveness standards

Each component is designed to provide:

  • Simplicity and familiarity for users, while reflecting the system’s dedicated branding

  • Support for different devices and screen sizes

  • A consistent experience throughout the learning journey

Section Contents

Each page in this section presents one component and provides:

  • The function and purpose of each component

  • The locations where the component is typically found

  • The types of content supported

  • Guidance on configuring the component for optimal appearance and performance

  • The rationale behind the component’s design

The resulting guidance supports effective use of the LMS configuration options and promotes a clean, professional, and intuitive interface for users.