入力フィールドの上または下のツールチップ？
Bootstrapおよびその他のフレームワークでは、通常のタイトルタグを使用する代わりに、独自のツールチップを作成および設計できます。また、そのツールチップを上、下、左、または左に自由に配置できます。テキスト入力ボックスの右側。
いくつかの理由（画面拡大鏡、ユーザーの視覚的なフォーカスなど）により、ツールチップを入力ボックスの左側または右側に配置する理由はありません。
つまり、ツールチップをどこに配置しますか？入力ボックスの上または下？
これらの2つのオプションについて、いくつかの長所と短所を教えてください。
その多くはページのレイアウトに依存します。問題の要素の上にツールチップを配置することは一般的なスポットであり、1つの根拠はユーザーが作業しているということです直線的な方法で、すでに上記のすべてが完了しており、ツールチップでカバーされている場合は問題になりそうにありません...しかし、それはあなたのケースに当てはまる場合と当てはまらない場合があります。
私は最近、主にそのタスク専用であるページの右側のサイドバーに表示されるツールチップを使用して試しています：各ヒントは1つ表示されますユーザーが要素を操作するときに一度に表示されますが、ヒントはページの何もカバーしません。また、必要に応じて、さらに多くの情報を含むモーダルを開くオプションもユーザーに提供します。これは非常にうまくテストされていますが、ユーザーに単一の大きなフォームを与えるのではなく、私たちが設計したよりウィザードのようなフローを補完します。
覚えておくべき最も重要なことは、コンテンツ自体が役立つことです。ユーザーはツールチップがそのフィールドを完了するための即時のタスクをサポートしている限り（ほとんどの場合、フィールドに集中しています）邪魔をしないでください）、大丈夫です。
FWIW、ツールチップがフォーム要素の下に表示されるのを見たことがありません...そのスペースはインライン検証メッセージ用に予約されていることが多く、それらを隠す危険を冒したくない