transition to ipad - no hover - behaviors unclear - ideas?
14 Jun 2010 - 1:13pm
3 years ago
I was getting into the groove designing web-page interactions where there is a button, and then hover over the button reveals a panel for configuration. This allowed progressive disclosure, and if the users didn't initially find the panel, it was a-ok. Hover panels are great for layering.
However, with the i-Pad those nice hovers (which are kinda discoverable) don't exist, instead they turn into a tap. And then activation of the actual button is a double-tap. mapping this out
non-iPadclick = activate button or tool or follow link hover = expose panel for details of the tool or config iPadif onmouseover exists
tap = expose panel for details of the tool or configdouble tap = activate button or tool or follow link if onmouseover doesn't exist
tap = activate button or tool or follow link This is ugly! Depending on the situation the tap either activates a button, but if there is a hover panel, it activates the panel and it would take a double tap to activate the button.
I'm thinking of replacing hover with a small image adjacent the button which floats open the panel (small because the panel is not so important in everyday use). Has anyone every seen a graphic for this? It isn't a drop down, but something entirely different....an explode popup.