Can You Use Hover in Mobile?
Hover Effects Inform Users What They Can Interact with by Providing Visual Feedback on Buttons. but There's a Problem — Hover Effects Are for Desktop Apps, Not...
Hover effects inform users what they can interact with by providing visual feedback on buttons. But there's a problem — hover effects are for desktop apps, not mobile apps. There are no mouse devices on mobile, so users don't have the luxury of using hover effects.
What to do with Hover States on mobile?
- Remove them altogether and replace them with the primary action.
- Add a secondary menu where you can either tap once for the hover effect and once more for the primary action.
- Place the hover information on its own page.
How do you hover on a touch screen?
As you know, :hover behavior doesn't exist on touch screen devices. So when you design a responsive website, you should carefully plan when and where to use :hover interactions. Simple links that open some URL will loose their :hover effect on some touch screen devices.
Marcus Vance is a cybersecurity auditor and technology writer dedicated to educating the public about online safety, data privacy regulations, enterprise security, and emerging cyber threats.
