Before/After: NeonNote's Collaborative Editor — A UX Rewrite That Cut Context Switching

AI · 5 min read

The old NeonNote editor relied on multiple floating panels: a comment stream, presence roster, and a modal for AI-generated suggestions. Teams reported frequent context switching and missed comments because panels hid behind modals. Designers aimed to flatten the interaction model and bring collaborators and AI into the content flow.

The new design merged presence into a compact left rail with hover previews, shifted comments to inline highlights that expand in-place, and integrated AI suggestions as unobtrusive inline chips that could be accepted, ignored, or opened into a side review. The team prioritized keyboard-first interactions and reduced modal usage to lower interruptions.

Metrics after a staged rollout showed a 30% increase in multi-user editing sessions and a 19% reduction in time spent navigating UI to find comments. Qualitative feedback praised the reduced friction and the unobtrusive AI assistance. NeonNote continues to iterate on edge cases like long documents and offline collaboration, but the rewrite demonstrates how collapsing peripheral UI into the content surface can materially improve collaborative flow.