There are a huge number of non-mnemonic usage notes that do compare/contrasts on the meaning and usage of 2 or more words (like the one I have here).
Instead of hiding these (only) in the usage notes, I'd like to promote these alongside the (now) updated "Related" word list.
However, I am at a bit of a loss as to how to show it.
For example, a simple view might look like this:
Compare to:
くう
The word itself would be a link, and tapping on it could do a few things:
1. Pop up a modal with the usage note in it
2. Slide out that specific usage note just below the link
I personally like #2, but I'm worried that there might be an expectation for more text next to くう (or whatever the word is), and the above example would be "too" simple in layout.
Design: When a user taps on the word (e.g., くう), a usage note could slide out below the link. This keeps the interface clean and allows users to see the information without navigating away.
Content: To address concerns about simplicity, you could include a brief summary or key point next to the word (e.g., "Compare to: くう (meaning: to eat) - see usage note"). This gives users a hint about what to expect without overwhelming them with text.
Visual Cue: Use an icon (like an info icon or a small arrow) next to the word to indicate that more information is available. This can help manage user expectations. -- Could this work?
Design: When users hover over or tap the word (e.g., くう), a tooltip appears with a brief usage note. This could be a small pop-up that provides a concise explanation without taking up much space.
Content: The tooltip could include a short definition and a link to "Read more" that directs users to a detailed usage note page.
