Reducing tutorial friction in fantasy mini-games

Project
Responsible Data Science game
Focus
Educational UX, onboarding, systems thinking
What I did
Used testing insights to redesign onboarding, improving the flow of the tutorial experience
Context
2025 • UX/UI Designer
Single Work Image
Inner Subtitle Icon
Testing insight

The tutorial was built as a practice round, but read as a demo. During testing, players waited for something to happen, unaware they were supposed to interact.

Single Work Image
Inner Subtitle Icon
Research

How do the best mini-games teach a mechanic in under 10 seconds?

Competitive analysis across 8 titles revealed that the most effective tutorials share these patterns:
Value Icon
Just-in-time information

One mechanic at a time, introduced when it's needed, not front-loaded.

Value Icon
Narration creates order

Static text has no hierarchy. A narrator's voice moves and tells players where to look.

Value Icon
Players need a prompt

Motion, glow, or a direct cue. Without one, a blank area is just confusion.

Inner Subtitle Icon
Hypothesis

If the tutorial uses a narrated sequence that illuminates each element as it's introduced, players will understand the goal and controls before acting, reducing confusion without reducing information.

Inner Subtitle Icon
Design Solution

From static modal to narrated sequence

Sequential narration paired with highlighted assets creates a temporal cue; it moves, it speaks, it draws attention. This builds rhythm and maps words to objects in real time, making it less like a rulebook and more like in-world storytelling.
Phase 1
Overview Image
Phase 2
Overview Image
Phase 3
Overview Image
Phase 4
Overview Image
Inner Subtitle Icon
Impact

By replacing static instructions with a narrated, sequential flow, players were able to understand the goal and act sooner. This reduced drop-off risk in playtesting and introduced a pattern for onboarding future mechanics.