Non Hover
Try to Avoid
- Hyperlinks that aren’t 100% obvious
- Javascript tooltips that show important information or metadata
- Displaying action items on hover. Examples I’ve seen typically involve edit / delete items.
- Displaying graphics in a less-than-ideal state until hovered: all those semi-opaque or black & white screenshots and photos that only display full color when covered by a cursor
- Drop-down menus. While some of these can be revealed on click or tap, be sure the user has cues that show those options.
- Focusing too much on hover dependent CSS3. I know it’s a bit of a heartbreaker, but while these have always been seen as enhancements, we’re going to have to settle with the fact that multi-touch users won’t be seeing our fancy transitions.
more on trentwalton.com
Good analysis of hover behavior on touch devices.
