User interface evaluation
1. User interface evaluation
What are the user interface and user experience?
In digital education, having high-quality content is not enough. What also matters is how that content looks and how users experience it. In this context, we refer to the following concepts: User Interface (UI) and User Experience (UX).
User Interface (UI) refers to the visual appearance and layout of elements that users interact with—for example: buttons, icons, menus, colours, images, the arrangement of text or videos.
User Experience (UX) goes beyond appearance—it describes how a user feels while using digital content. It includes ease of use, clarity of information, sense of control, emotional impression, and even motivation for further learning.
Put simply: UI is what we see, UX is what we experience.
Key elements of UI/UX evaluation
Based on everything covered so far, UI/UX evaluation should consider the following elements:
Structure and organisation
-
Is the content clearly structured into units, lessons, and activities?
-
Can students easily follow the learning flow and find the information they need?
Visual design
-
Are colours, fonts, and layouts pleasant and consistent?
-
Does the visual design support the understanding of content without visual clutter?
Navigation and usability
-
Is it intuitive and easy to move through the content?
-
Can students use system features and tools without difficulties?
Accessibility and inclusiveness
-
Can all students use the content, including those with disabilities?
-
Does the material include captions, alt text, proper contrast, and clear structure?
Clarity of communication
-
Are texts, instructions, and educational messages clear, simple, and adapted to the target audience?
-
Does the student understand what is expected of them?
Interactivity and engagement
-
Does the material include interactive elements that encourage participation and critical thinking?
-
Does the tool provide feedback opportunities for students?
Technical performance
-
Does the content load quickly and correctly on different devices?
-
Does everything function technically, without errors or problems?
Background Colour
Font Face
Font Size
Text Colour
Font Kerning
Image Visibility
Letter Spacing
Line Height
Link Highlight