problem
Users needed to click to navigate the website and click (also) to leave feedback.
The challenge was making both actions feel natural without causing mistakes.
version 1
Switching between Comment and Browse modes
The first version separated the experience into two states. Users entered Comment mode to leave feedback, then switched back to Browse mode to continue navigating.
what went wrong
Users forgot which mode they were in
After leaving a comment, users naturally continued browsing. But because Comment mode was still active, their next click created another comment instead of opening the link.
v1 insights
8 of 11 users created a comment by accident
They clicked a link expecting to navigate, without realizing they were still in Comment mode.
my assumption
Switching modes required too much effort
I assumed users understood the two modes but found the toggle inconvenient. So I tried making the switch faster.
VERSION 2
Adding a keyboard shortcut to switch modes faster
I kept the same mode-based interaction but added a shortcut, allowing users to switch without reaching for the toggle.
WHAT WENT WRONG now
Same mistake, just faster
The shortcut reduced the effort of switching modes, but users still had to remember which mode they were in.
Users were not struggling to enter Comment mode. They were forgetting to leave it.
ahaa moment
Commenting should be an action, not a mode
Browsing should remain the default. Commenting should happen only at the exact moment someone intends to leave feedback.
version 3
Hold Ctrl, click, and comment
Users held Ctrl while clicking the element they wanted to annotate. Releasing the key returned them immediately to normal browsing.
Interaction breakdown
User holds Ctrl
Clicks to comment
Releases Ctrl
Continues browsing normally
WHY IT WORKED
There was no mode to enter, remember, or exit
Browsing remained the default, while commenting required a deliberate action and ended automatically.
THE RESULT
Accidental comments dropped from 70% to 10%
Users could leave feedback without accidentally interrupting how they navigated the website.
tradeoffs
The interaction was safer, but less discoverable
The keyboard gesture required onboarding and did not translate directly to touch devices. For the desktop MVP, I accepted that tradeoff because reducing accidental comments was the more immediate priority.
WHAT I LEARNED
I was improving the toggle before questioning why it existed
I treated the issue as a control problem (first convenience, then speed) when the real problem was the interaction model itself.
appendix A
testing method
I tested each interaction while users reviewed and navigated a live website
I tracked whether they accidentally created a comment while trying to open a link or interact with the page.
