ツールチップ

出典: フリー百科事典『ウィキペディア(Wikipedia)』

出典: フリー百科事典『ウィキペディア(Wikipedia)』
ウェブブラウザで、ハイパーリンクにマウスポインタを当てた場合のツールチップの例

ツールチップ: tooltip)とは、マウスオーバーした際に表示される枠内の補足説明などのことである。Microsoft Officeでは、ポップ ヒント[1]: ScreenTips[2])と称されている。開発者向けのMSDNライブラリについては、ツールヒント[3]: Tooltips[4])と、情報ヒント[3]: Infotips[4])の2つに類別して呼ばれている。

中でも、Microsoft Officeにおける、追加情報・ヘルプ記事へのリンク[1]を付属したものは、拡張ポップ ヒント[1]: Enhanced ScreenTips[2])と言う。また、ウィキペディアでは脚注マウスオーバーさせれば脚注ツールチップ: Reference Tooltips)が表示される[注 1]


Microsoft Windowsでは似たような機構として、テキストボックス専用の吹き出し型のバルーン[5]: Balloons[6])がある。

Mac OSでも似たような機構としてバルーンヘルプ英語版[7]を備えていた。

似たような仕組みで(特に古いソフトウェアで)、選択されたツールの説明をステータスバーに表示するという機能も存在するが、そのようなものは通常はツールチップとは言わない。


因みに、ツールチップの代わりにプレビューが表示される場合もある。

概要[編集]

グラフィカルユーザインタフェース(GUI)において普及した表現手法・共通要素のひとつ(ウィジェット)である。

表示する手順[編集]

カーソル(主にマウスポインタ)の操作が必要である。

  1. ユーザーがカーソルを何らかの要素にマウスオーバーする。
  2. 原則カーソルの真下から、右または右下に広がるような形の小さな枠がロールオーバーする。
  3. その枠内には選択された項目に関する補足説明などが表示される。

応用例[編集]

ツールチップの実際の応用例は、デスクトップアプリケーションのみならずウェブページにおいて広く普及している。多くの GUI ベースのウェブブラウザでは、HTML の汎用属性である title 属性を、その要素の上にカーソルが乗ったときに表示するようにしている。これらのブラウザでは、ウィキペディア上で画像やハイパーリンクにカーソルを重ねた場合にもツールチップが表示されるであろう。いくつかのブラウザ(特に Internet Explorer など)では、img 要素に設定された alt 属性についても、title 属性と同じ要領でツールチップを表示する。なお、 title 属性と alt 属性が両方設定された場合は、ツールチップの内容として title 属性の値のほうを優先するが、この挙動が妥当であるかどうかについては議論がある。

問題点[編集]

マウスオーバーによって展開や表示が開始されるメニューやツールチップといったポインティングデバイス操作前提のUIは、タッチパネルを利用したタッチ操作には不向きである。というのも、指先によるタッチ操作では基本的にシングルタップが操作の基本となるため、タップ(クリック)とホバーを区別することができず、マウスやスタイラスペンなどのポインティングデバイスによるホバー操作を直接代替・シミュレートするのが難しいからである。

スマートフォンタブレットのようなタッチパネルがメインもしくは唯一の操作手段となるモバイルデバイスが普及するにつれて、ホバー操作の問題が顕在化する。この問題を解決するための方法として、マウス操作を前提としたアプリケーションやWebページデザインの見直しとタッチ対応への移行が挙げられるが、Microsoft Windows 8上のInternet Explorer 10やWindows 8.1上のInternet Explorer 11のように、ブラウザ側で独自に拡張した機能によってタッチによるホバー操作(ホバータッチ)をサポートする例も見られる[8] [9]

脚注[編集]

[ヘルプ]

出典[編集]

  1. ^ a b c ポップ ヒントの表示と非表示を切り替える - Office のサポート
  2. ^ a b Show or hide ScreenTips - Office Support
  3. ^ a b Windows ユーザーエクスペリエンス ガイドライン > ガイドライン > コントロール > ツールヒントと情報ヒント”. web.archive.org. Microsoft. 2015年7月3日時点のオリジナル[リンク切れ]よりアーカイブ。2019年5月16日閲覧。
  4. ^ a b Tooltips and Infotips (Windows)” (英語). docs.microsoft.com. Microsoft. 2019年5月16日閲覧。
  5. ^ Windows ユーザーエクスペリエンス ガイドライン > ガイドライン > コントロール > バルーン”. web.archive.org. Microsoft. 2015年7月3日時点のオリジナル[リンク切れ]よりアーカイブ。2019年5月16日閲覧。
  6. ^ Balloons (Windows)
  7. ^ バルーンヘルプ - 意味・説明・解説 : ASCII.jpデジタル用語辞典
  8. ^ ホバー タッチ サポート (Windows)
  9. ^ IE11: 現在そして将来の Web に対応するタッチ ブラウジング - IEBlog 日本語 - Site Home - MSDN Blogs

注釈[編集]

  1. ^ 脚注ツールチップに含まれている設定ボタンを選択することで、ツールチップを表示するタイミングクリックしたときに変更可能。並びに、ツールチップを表示するまでの秒数 (ミリ秒) の設定や、無効化することもできる。

(英語)

(日本語)

関連項目[編集]