This ticket is to provide proper visual affordances and hover interactions for various elements in the search results.
**Current hover states that should remain as it is. (Desktop)**
Currently we have hover states on blue links which when interacted with also opens a preview of an article along side underlining the text. This interaction will remain as it is and we should make sure it stays intact in the new UI.
**New hover state for quick view (Desktop)**
To make users aware of quick view while browsing results, we are introducing a hover state on snippets. When the mouse is over the snippets an arrow appears on the right side of the snippet pointing towards right indicating that it is an interactive element on the screen that opens a quick view on the right.
**User testing note:** This visual affordance will be validate in user testing and tweaks could be may be made if we find that this is not discoverable or usable. Also arrows on mobile will always be visible.
Link to [[ https://www.figma.com/proto/86M7oLZplSxXKwKJR59mIK/Special%3ASearch-on-Wikipedia?node-id=1021%3A11340&scaling=min-zoom&page-id=990%3A10049&starting-point-node-id=1217%3A13505&show-proto-sidebar=1 | prototype ]]
Link to arrows position and style in [[ https://www.figma.com/file/86M7oLZplSxXKwKJR59mIK/Special%3ASearch-on-Wikipedia?node-id=1403%3A17413 | figma ]]