Improve the highlighting and notes user experience
Currently the highlighting and notes user experience is cumbersome and hard to understand. To use it, a user has to:
- Press a button in the header bar, which shows a additional toolbar
- Press a button in the toolbar (it's particularly unclear what the highlight button does)
- Select some text
This is a non-standard approach which a lot of users won't recognise. A more standard pattern, which users will more readily recognise, would be to allow the text to be selected first, and then show controls to allow it to be highlighted or a note to be added. This would be similar to how text formatting generally works.
Other improvements that it would be good to make include:
- Dispensing with the additional toolbar
- Improving the appearance of the notes
We have some initial tentative mockups which might help with this issue, and I'd be happy to provide any additional design guidance that's needed.