タッチ インターフェイスを使用した無効なコントロールのための UX デザイン

StackOverflow https://stackoverflow.com/questions/1660536

質問

そこで、Windows 7 のタッチ インターフェイスでも使用できるように、デスクトップ アプリケーションを再設計しています。UX ガイドラインを参照しました。

UI の一部では、いくつかの難解なルール (ソフトウェアがハードウェア デバイスと通信するため) により無効になっているツールボックス アイコンがあります。(何らかの条件により) 適用できないアクションを無効にし、ユーザーがツール アイコン上にマウスを置くと、そのツールが無効になっている理由に関するツールヒントの説明が表示されます。

タッチ インターフェイス (Windows 7、iPhone など) には「ホバー」がないため、これに適したパターン/モデルは何ですか?

ありがとう!

役に立ちましたか?

解決

公式の解決策ではありませんが、より良い解決策が利用可能になるまで、私はこれにどのようにアプローチするかを以下に示します。

  • アイテムが無効になっているように見えますが、クリックできるようにします。
  • (質問などの) オーバーレイ アイコンを追加すると、単に無効になっているだけではないように見えます。
  • クリックすると、ツールチップに表示されていたメッセージが表示されます。できれば非モーダルな方法で、確認を必要としません。

他のヒント

1つのオプションは、有効な制御を残し、それは何もしません理由を言ってクリックされたときにメッセージを表示することです。しかしに述べたように「障害者メニュー利用可能である」する (メニューより通過する通常以下のアイコンがあるので、これは、メニューよりアイコンの問題が少ないですが)、これは経験豊富なユーザーのための貴重な情報を捨てます。

別の可能性は、数年前に人気があったヘルプツールのクリックなどの制御を提供することです。利用者は、第1の制御「この無効である理由」、その後、無効になっているコントロールをクリックしてくださいにクリックします。しかし、これはかなり不格好なソリューションです。

タッチインターフェイス上のツールボックスのアイコンのもう一つの問題は、アイコンで、複雑な/ドメイン固有のアクションを伝えるためにしばしば不可能であるとして、ツールチップテキストがしばしば不可欠であるということです。私は、彼らが何をするかうまくできるよう唯一のデバイスでだけではなく、メニューを使用しますタッチで多くのユーザーを想像ます。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top