web-dev-qa-db-ja.com

タッチ時のツールチップ

タッチデバイスのボタンでツールチップを実行する方法はありますか?大きな画面で、ボタンとそのボタンの機能に関する追加コンテンツがある場合、ツールチップを使用します。

レスポンシブWebデザインを実行していて、下部にある同じツールチップを使用したいとします。これはどのようにして実現されますか?

ボタンの横にクエスチョンマークが付いた円を提供できます。これをタップすると、ページ上のすべてのツールチップが切り替わります。

要素のアクションを発生させたいので、タッチ時にボタン/要素にツールチップを追加したくありません。 1回タップするとツールチップが表示され、2回タップするとアクションが機能しなくなります。

私はすでに質問があることを知っていますが、それは私の期待に明確に答えていません

タッチスクリーンにツールチップのようなヒントを提供し、ユーザーがそれを別のアイテムに移動する方法(他の画面要素のツールチップを表示する)

私の質問が明確であることを望みます

3
Vinay Raghu

従来のツールチップの強みは、高度にコンテキスト化されており、ユーザーがその特定のタスクに集中している場合にのみ表示されることです。

これは、タッチのために真に複製しようとしている利点であり、ツールチップ自体ではありません。この利点はいくつかの方法で再現できます。そのうちのいくつかは、段階的開示の設計原則を中心に展開します。

  1. フォームの場合、入力にフォーカスがあるときに補足情報を表示します。
  2. スワイプイベントを作成するか、「情報」ボタンを追加して、要求されたときに支援コンテンツを表示します。
  3. 堅牢なオンボーディングフローまたはチュートリアルフローを提供して、ユーザーに機能を教えます(効果的に行われていれば、教えられると記憶します)。
  4. 補足コンテンツを常に表示したままにしてください。これを行う場合、フローのステップの焦点を増やすことを検討することをお勧めします(つまり、フォームに入力する場合は、そのフォームのみを表示し、他には何も表示しません)。

お役に立てれば。

3
ewittke