web-dev-qa-db-ja.com

ツールチップにするかツールチップしないか?

どのウィジェットにツールチップが必要ですか?テキストのないツールバーのアイコンのケースを見ることができます。ラベル付きのボタンはどうですか?うまくいけば、ラベルはボタンの機能を明確に伝えますが、ボタンについてより多くの情報を提供したい場合はどうでしょうか?

それらを使用する場合、ユーザーが他のUIウィジェットにそれらがあることを期待するのではないかと心配しています。マウスを何かの上に置いてツールチップがない場合、これはユーザーエクスペリエンスの低下につながりますか?

25
milesmeow

ボタン、ラベル、またはアイコンに説明文がほとんどまたはまったくない場合、またはshortの説明が必要な場合は、ツールチップが適切に機能します。実際、この例は、このStackExchange Webアプリ全体で確認できます。各回答の横にあるこれらの上向き矢印と下向き矢印のすべてにツールチップがなかった場合、一部の人々はそれらがスクロールのためであると考えるかもしれません。

しかし、ツールチップで使用するテキストがラベルの冗長な再ハッシュである場合、それは無意味です。ツールチップの不運な点は、ツールチップがその下の領域を覆ってしまうことです。そのため、特にユーザーがとにかくそれらを無視しようとしている場合は特に、過度のツールチップはユーザーを煩わしくする可能性があります。

また、ツールチップがユーザーが読む予定の特定の長さを超えている場合は、他のメカニズムが本当に必要です。結局のところ、ツールチップは数秒間しか表示されません。

28
Steve Wortham

Microsoftは、ツールチップについて、それらを使用する場合と使用しない場合のいくつかの有用なガイドラインを提供しています。

Windowsユーザーエクスペリエンスインタラクションガイドライン(ちなみにすばらしいリソースです!)で Tooltips and Infotips を見ると、見出し これは正しいコントロールですか? そして、その下の見出し 設計コンセプト

14
JeromeR

ツールチップは価値があるよりも面倒だと思います。読みづらく、読み込もうとすると消えてしまいます。私はファンではありませんが、正直なところ、特定の場所で使用しています。

3
Glen Lipka

ウィジェットによって、私はあなたがページ要素を意味すると仮定しています。重要な情報を伝えるためにツールヒントを使用しない限り、ツールヒントを使用しても何の害もありません。より多くの情報を提供するボタンのラベルの例は、まさにその通りです。タブ付きのインターフェースがある場合は、タブのラベルに加えて、セクションの内容を説明するツールチップを含めることがよくあります。情報が他の場所にあるか、またはユーザーに表示されることが必須ではないことを確認してください。

2
LoganGoesPlaces

ユーザーがツールチップを「期待している」ことについて心配する必要はありません。ユーザビリティテストで、UIの機能を理解するのに問題がある場合でも、大多数のユーザーはツールチップを探していないことがわかりました。実際、私はユーザーがアイコンの上にマウスを移動し、役立つであろう情報を含むツールチップを表示するのを見ましたが、それはまだ見えません。

1
Kim Bieler

ツールチップはデスクトップ/ラップトップユーザーにのみ役立つことに注意してください。アプリ/サイトにモバイルユーザーがいることが予想される場合、hoverがないとツールチップが不可能になります。したがって、ツールチップが必須であり、何かがどのように機能するかを知る場合、設計に欠陥があります。

これは最良のシナリオでもあります。私は、ツールチップのみworkをdekstop/laptopクライアントでのみ言った。これは言うこととは異なり、デスクトップ/ラップトップクライアントは定期的にツールチップを使用する傾向があります。

アイコンには明確なラベルを付ける必要があります。インターフェイスがどのように機能するかを知るために、ユーザーの操作を要求するべきではありません。

1
HC_