Learning Science · Learning with digital environments
Distraction, interface design and cognitive demands
Reduce interface demands that compete with the learning target while preserving useful tools.
Use the examples to connect this lesson with the earlier topics. No specialist equipment is needed.
Back to the chapterAfter reading, you can
- Identify an irrelevant attentional demand.
- Choose a design change linked to the task.
The missing step after an alert
A learner is following a multistep argument when an unrelated notification appears. After responding, the learner cannot recall which assumption the next line depends on. The cost is more than the seconds spent on the message: the current task state may need to be reconstructed.
Attention has competing uses
Navigation, searching, interpreting controls and monitoring alerts all require activity. Some of it is necessary for the learning goal; some competes with it. A complex task can become harder when the interface requires the learner to hold extra information or repeatedly switch contexts.
Sana, Weston and Cepeda studied laptop multitasking in a simulated classroom and reported lower test performance among multitaskers and some nearby viewers. This is evidence about the studied off-task activity and setting, not proof that every laptop use or every form of divided activity has the same effect.
Design around the important work
Keep relevant instructions close to the action they guide, make navigation predictable and minimise unnecessary changes of context. Learners can silence optional alerts or prepare required resources before starting, where their responsibilities allow. Do not disable needed assistive tools or communication access under a broad rule against technology.
For a demanding task, provide a way to preserve progress: a visible goal, a saved intermediate step or a brief resumption note. Some interruptions are unavoidable. The design should make return easier and give learners realistic choices. Check whether the change improves the relevant reasoning or completion process rather than merely making the screen look cleaner.
| Design | What the learner must do | Relevant check |
|---|---|---|
| Unlabelled tabs; target hidden | Rediscover each source and the current question | Can the evidence be matched to the claim? |
| Labelled extracts beside the question | Compare the two sources directly | Can the learner justify the choice? |
| Saved unresolved claim and next action | Resume from an explicit checkpoint | Was anything important missed on return? |
Worked example
A source comparison without repeated switching
How can a source-comparison layout reduce resumption work without hiding necessary information?
- Instead of opening several unlabelled tabs, the learner places two short source extracts beside a comparison table with the target question visible. Notifications are paused for the chosen work period. Before leaving, the learner records the unresolved claim and next check. The arrangement reduces avoidable searching and reconstruction while preserving the tools needed to compare evidence. A final explanation tests the source reasoning itself.
- Visual simplicity is not the same as low cognitive demand. Hiding necessary labels behind several menus may make a screen look clean while increasing memory and navigation demands. Put the information where it supports the decision. A design check should follow the learner’s sequence of actions, rather than counting visible elements and assuming fewer must always be better.
Keep the question, source labels and unresolved check visible; preserve a brief return note. Evaluate the reasoning separately from visual neatness or reduced switching.
Try it yourself
Think through each question before opening the answer.
Why can the cost of an interruption exceed its duration?
Show the answer and reasoning
Returning may require reconstructing the goal, current evidence and unfinished reasoning. That resumption work adds demands beyond the interruption itself.
An interruption can require recovering which claim was unresolved and what evidence was already checked. That task-state reconstruction is additional to the interruption’s duration.
Should every on-screen element be removed?
Show the answer and reasoning
No. Relevant labels, prompts and assistive controls can support learning. Reduce demands that do not serve the target rather than pursuing visual emptiness.
Some visible information reduces memory and navigation demands. Hiding it can make the screen look simple while making the actual decision harder.
What to carry forward
- Identify which interface demands compete with the target.
- Make sustained work and return easier under realistic conditions.
References
Sources supporting the explanations and learning checks in this lesson.