web-dev-qa-db-ja.com

モバイルデバイスでのホバーの代替手段は何ですか?

可能性のある複製:
ホバー状態のiPad/iPhone代替
タッチスクリーンを考慮した「ホバー」機能の再考

メニューにMegflyoutsを使用したイントラネットアプリケーションがあります。したがって、メニュー項目の上にマウスを置くと、ナビゲーションと情報オプションの数が含まれたMegaflyoutが表示されます。また、メニュー項目をクリックすると、そのページに移動します。ホバーとクリックが基本的に1つのものであるモバイルデバイスでは。同じものを再設計して、2つの機能を独立して機能させ、直感的に見えるようにするにはどうすればよいと思いますか。

2
sushil bharwani

デスクトップ上でホバーが開き、クリックするとアクティブになります。タッチデバイスでタップを開くに変更し、もう一度タップするとアクティブになります。次に示すように、メガフライアウトが表示されたときに標準のリンクテキスト装飾(下線付き)を使用して、2回目のタップでアイテムがクリック可能であることを示すことができます。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

4
Myrddin Emrys