Wikiserene — Reimagining Wikipedia for Cognitive Calm
Wikiserene — Reimagining Wikipedia for Cognitive Calm
Wikiserene — Reimagining Wikipedia for Cognitive Calm
The future of Wikipedia isn’t about scale — it’s about serenity.
The future of Wikipedia isn’t about scale — it’s about serenity.
Context
Context
Wikipedia remains one of the most functional and influential websites in history — fast, consistent, and information-rich.
But after two decades, its design no longer aligns with the way modern readers process information. For many, the experience feels visually noisy and cognitively exhausting — especially for younger generations accustomed to clean, calm interfaces like Medium, Notion, or Substack.
Wikipedia remains one of the most functional and influential websites in history — fast, consistent, and information-rich.
But after two decades, its design no longer aligns with the way modern readers process information. For many, the experience feels visually noisy and cognitively exhausting — especially for younger generations accustomed to clean, calm interfaces like Medium, Notion, or Substack.
Problem Discovery
Problem Discovery
Through heuristic evaluation, accessibility analysis (ARIA & Lighthouse), and community feedback, I identified three recurring UX frictions:
Through heuristic evaluation, accessibility analysis (ARIA & Lighthouse), and community feedback, I identified three recurring UX frictions:
Cognitive Overload — Dense layout, excessive link noise, small reference touchpoints.
Cognitive Overload — Dense layout, excessive link noise, small reference touchpoints.
Cognitive Overload — Dense layout, excessive link noise, small reference touchpoints.
Disrupted Reading Flow — Infoboxes intrude on the main content; references placed too far below.
Disrupted Reading Flow — Infoboxes intrude on the main content; references placed too far below.
Disrupted Reading Flow — Infoboxes intrude on the main content; references placed too far below.
Outdated Interaction Model — Lack of adaptive reading controls or AI-guided navigation for long-form knowledge.
Outdated Interaction Model — Lack of adaptive reading controls or AI-guided navigation for long-form knowledge.
Outdated Interaction Model — Lack of adaptive reading controls or AI-guided navigation for long-form knowledge.
These issues weren’t about functionality — they were about comfort, focus, and mental rhythm.
These issues weren’t about functionality — they were about comfort, focus, and mental rhythm.
Design Goal
Design Goal
To transform Wikipedia from a “Database of Knowledge” into a “Digital Reading Sanctuary.”
Not by redesigning its structure, but by refining how the brain interacts with information — making it calmer, clearer, and more human.
To transform Wikipedia from a “Database of Knowledge” into a “Digital Reading Sanctuary.”
Not by redesigning its structure, but by refining how the brain interacts with information — making it calmer, clearer, and more human.
Key UX solution
Key UX solution
AI Integration
AI Integration
Instead of replacing human search, AI acts as an “Information Companion.”
It refines Wikipedia’s search intent — helping users find specific insights within a long article.
Instead of replacing human search, AI acts as an “Information Companion.”
It refines Wikipedia’s search intent — helping users find specific insights within a long article.
Flow:
Flow:
User searches → e.g., “Indonesia”
AI layer suggests trending subtopics based on collective reading behavior
User selects → jumps directly to related paragraph
User searches → e.g., “Indonesia”
AI layer suggests trending subtopics based on collective reading behavior
User selects → jumps directly to related paragraph
→ Bringing context-first learning into a traditional information system.
→ Bringing context-first learning into a traditional information system.
Design Principles
Design Principles
Cognitive Comfort
Cognitive Comfort
limit line length, increase white space, reduce visual saturation
limit line length, increase white space, reduce visual saturation
Recognition Over Recall
Recognition Over Recall
always visible reference context and navigation clarity
always visible reference context and navigation clarity
Calm Technology
Calm Technology
interface that disappears when reading begins
interface that disappears when reading begins
Inclusivity
Inclusivity
ARIA structure, readable typography, motion safety for sensitive users
ARIA structure, readable typography, motion safety for sensitive users
Reflection
Reflection