2

Possible Duplicate:
iPad/iPhone alternative for hover states
Re-thinking “hover” functionality with touchscreens in mind

We have our intranet application using the Megflyouts in the Menu. So when we hover over a menu item it displays the Megaflyout with number of Navigation and information options. Also on click on the Menu Item we go to that page. In a mobile device where Hover and click are basically one thing. How do you think we can re-design the same stuff to let two functionalities work independently and still look intutive.

  • I'd argue a mega-menu likely doesn't make much sense on a small hand-held to begin with. – DA01 May 27 '12 at 8:05
  • Well i was talking abt ipad in particular. – sushil bharwani May 27 '12 at 8:18
4

On a desktop hovering opens, and clicking activates; on a touch device change it to tapping opens, and tapping again activates. You can indicate the fact that the item is clickable on the second tap by using standard link text decoration (underlined) when the megaflyout appears, as shown below:

mockup

download bmml source – Wireframes created with Balsamiq Mockups

Not the answer you're looking for? Browse other questions tagged or ask your own question.