Mobile learning UI design can be optimized by measuring extraneous cognitive load

Why It Matters

Poorly designed user interfaces in mobile learning applications can inadvertently increase cognitive load, diverting attention from learning content. Developing tools to specifically measure this extraneous load allows designers to identify and rectify UI elements that cause unnecessary mental effort, thereby enhancing the overall learning experience and effectiveness.

Key Finding

A new questionnaire was developed and validated to measure how much a mobile learning app's interface design distracts users, finding that UI complexity is the primary driver of this distraction.

Key Findings

• A dedicated instrument is needed to measure extraneous cognitive load stemming from mobile learning UI design, as general cognitive load measures may not be specific enough.
• Adjustments to the measurement scale (e.g., expanding from 4-point to 10-point) and task reduction can improve reliability.
• Extraneous cognitive load is directly influenced by UI design complexity, not the learning content itself.

Research Evidence

Aim: To develop and evaluate a subjective instrument for measuring extraneous cognitive load specifically caused by user interface design in mobile learning applications.

Method: Instrument development and validation

Procedure: The study involved pretesting a questionnaire with a small group to establish its foundation, followed by pilot experiments to validate the instrument and refine experimental procedures. The NASA-TLX was used to analyze the relationship between overall cognitive load and extraneous load related to UI criteria.

Context: Mobile learning applications

Design Principle

Minimize extraneous cognitive load by designing intuitive and uncluttered user interfaces for mobile learning experiences.

How to Apply

Use a validated questionnaire to assess the extraneous cognitive load induced by your mobile learning application's interface during user testing.

Limitations

Participant fatigue and initial scale reliability issues were encountered during the development process.

Student Guide (IB Design Technology)

Simple Explanation: This research created a way to ask users how much a mobile learning app's buttons and menus confuse them, so designers can make apps that are easier to learn from.

Why This Matters: Understanding cognitive load helps you design interfaces that don't make users work harder than they need to, which is crucial for effective learning.

Critical Thinking: How might the cultural context or prior digital literacy of users influence their extraneous cognitive load when interacting with a mobile learning interface?

IA-Ready Paragraph: This research highlights the critical role of user interface design in mobile learning, demonstrating that extraneous cognitive load, a measure of mental effort imposed by the interface rather than the content, can significantly hinder learning. The development of a specific instrument to quantify this load provides a valuable tool for designers to identify and mitigate UI-induced distractions, ultimately leading to more effective and user-friendly educational applications.

Project Tips

• When designing an interface, consider how each element might add to a user's mental effort.
• Think about how to test if your design is confusing users, not just if they can use it.

How to Use in IA

• Use the concept of extraneous cognitive load to justify design choices aimed at simplifying interfaces.
• Refer to this research when discussing the importance of user interface design in educational technology.

Examiner Tips

• Demonstrate an understanding of how interface complexity impacts user cognition.
• Show how you have considered and mitigated potential sources of extraneous cognitive load in your design.

Independent Variable: User interface design elements (e.g., complexity, layout, navigation)

Dependent Variable: Extraneous cognitive load

Controlled Variables: Learning content, device type, user's prior knowledge

Strengths

• Development of a novel instrument for a specific context.
• Validation through experimental procedures.

Critical Questions

• To what extent can a subjective questionnaire accurately capture objective cognitive load?
• How generalizable are the findings across different types of mobile learning applications and user demographics?

Extended Essay Application

• Investigate the impact of different visual design styles (e.g., minimalist vs. feature-rich) on extraneous cognitive load in a mobile learning context.
• Develop and test a prototype interface for a specific mobile learning subject, using a validated questionnaire to measure its effectiveness in reducing extraneous cognitive load.

Source

User interface design in mobile learning applications: Developing and evaluating a questionnaire for measuring learners' extraneous cognitive load · Heliyon · 2024 · 10.1016/j.heliyon.2024.e37494