UI UX design for training platforms

Roles and what they need

Always show what to do next

Learners return after days or weeks. The first screen should show where they left off and the next step, with one clear button to continue. Progress indicators help, but they should reflect real progress, such as modules completed, rather than time spent.

Course navigation

Courses are usually organised into modules and lessons. Show the structure clearly, mark what is complete, and let learners move between lessons without losing their place. If some content is locked until earlier steps are done, explain why.

Assessments and feedback

Quizzes, assignments and uploads need clear instructions, deadlines and a way to save progress. After submission, learners should see confirmation and know when to expect feedback. Error messages should explain what went wrong, for example an upload that is too large, and how to fix it.

Tutor and admin views

Accessibility for all learners

Learners include people using screen readers, keyboard only, magnification or captions. Design to WCAG 2.2: text contrast of at least 4.5:1, visible and unobscured focus, content that reflows at 320 CSS pixels, and authentication that does not depend on memorising or transcribing codes without help (criterion 3.3.8). Videos need captions and transcripts. Training providers should check their legal duties with an adviser.

Designing a training platform

1. 01

   Roles

   Learner, tutor, admin needs.

   Output: Role map

2. 02

   Flows

   Enrol, learn, submit, mark.

   Output: Key flows

3. 03

   Wireframes

   Each role's views.

   Output: Structure

4. 04

   Test

   Learners and tutors try tasks.

   Output: Findings

5. 05

   UI and components

   Shared design system.

   Output: Handoff

Example: an apprenticeship provider

Learning on phones

Short lessons, readable text without zooming and easy resuming suit phone learning. Large downloads and complex uploads are harder on phones; offer alternatives where possible.

Working with a learning platform

Some providers use an existing learning management system with limited design control. Find out what can be customised before designing, and focus effort there.

Keeping learners going

Learners on long courses can lose momentum. Clear milestones, reminders of upcoming deadlines and visible feedback from tutors help. Avoid gimmicks that distract from learning; simple, honest progress and timely feedback tend to matter more. Let learners choose how and when they receive reminders, by email or notification, so prompts are welcome rather than annoying.

Testing with learners and tutors

Test with real learners, including some who find technology harder, and with tutors who will mark work. Their tasks differ, so each group needs its own sessions. Remote sessions make it easier to include learners who study from home.

Signing in

Learners may forget passwords between sessions. Allow password managers and copy-paste, offer simple reset routes and avoid sign-in steps that require remembering or transcribing codes without support, in line with WCAG 2.2 criterion 3.3.8. Single sign-on through an employer or college account can help where available.