Hello again!
This proposal is about the very little icon used to open or close an annotation.
Current situation
To view an annotation, you have to click the corner icon of the annotation.
Issue
Unfamiliar UX pattern (in most software, annotations do not have a corner icon to view them, you just click the highlighted text)
little clickable area
Proposal
Drop the icon and make the annotated text in content clickable.
When clicking the annotated text, the annotation opens.
When clicking it again, the annotation closes.
Look 1
Look 2 (+ hover effect)
Ideally, we’d also have some visual effect when hovering on a annotation so it’s obvious that it’s clickable. Also, it differentiates highlighted text from annotated text.
What do you think?
Do you think this is doable? Is it a difficult implementation?
Do you see any negative effects?
True, I kept this as a separate small issue in my design page.
One way we could do this is how Notion does it. They seem to have a maximum 2 levels of unerlining annotations: highlighting and a more saturated highlighting
Sounds good to me It’s important that we agree and settle on an interaction pattern because it makes a couple niche use cases impossible. E.g. for this one, users won’t be able to open annotation only on links.
As far as I know, this logic should be quite easy to implement.
It’s important that we agree and settle on an interaction pattern because it makes a couple niche use cases impossible. E.g. for this one, users won’t be able to open annotation only on links.