web-dev-qa-db-ja.com

クリップボードへのコピーアクションのツールチップ

オブジェクト(csv-dataの図)のデータソースのパスを表示し、パスをクリップボードにコピーするオプションをユーザーに提供したいと思います。私はさまざまなアプローチをしました。

1つのアイデアは、パスを表示するツールチップを使用できるかどうかでした。さらに、[クリップボードにコピー/コピー]ボタンを追加します。このアプローチでは、アウトライン(ロールオーバーとアクティブ化で示される)と相互作用以外のさまざまな要素は必要ありません。シンプルなロールオーバーとクリップボードへのコピーのためのワンクリックが必要ですが、これがさまざまなインターフェイスルールに違反しているかどうかはわかりません。

Mock with a additional copy button

ツールチップ内のボタンですが、ユーザーがボタンに使用する機密のキャンバス(図)を離れるとどうなるかはわかりません。ツールチップは図の上にあります。ツールチップの動作には、技術的なフィードバックと特別なルールが必要だと思います。例えば。ユーザーがマウスでロールアウトした場合、ツールチップはいつ消えますか。

enter image description here

私の質問は、ツールチップをボタンのような相互作用要素と混同することはできますか?私はそのようなケースを見たことがありません。

技術的にはツールチップではありませんが、Microsoft Officeにはしばらくの間、選択とホバーにコンテキストボタンが含まれています。以下は、選択したテキストに対して実行できる「ポップアップ」アクションを含むMS Word 2013のスクリーンショットです。選択したテキストにカーソルを合わせると表示されます。

enter image description here

フォーカスアウト時にツールチップが消えないようにアクションを実装する場合は、ユーザーがツールチップ内を移動して選択している間、「ツールチップ」をアクティブに保つことができます。

同様に、Eclipse(IDE)では、フローティングウィンドウに変換するツールチップのような領域に集中できます。これにより、ユーザーはツールチップのコンテンツを操作できます。

enter image description here

enter image description here

この種のことは以前に行われており、実際にはUXでうまく機能します。

3
mawcsco

ターゲットグループが誰なのか、アプリが正確に何をしているのかはわかりません。

私の経験では、特にユーザーに詳細な情報を提供しているという明確な視覚的表示がない場合は、ツールチップが発見されにくいことがあります。私はあなたの提案はどちらも発見性の欠如に苦しんでいると思います。代わりに、たとえばツールバーまたはグラフ名の横にあるアクションをトリガーするボタンを使用することは可能でしょうか。機能の重要度やユーザーの知識に応じて、機能の見つけ方はわからないでしょう。

さらに、これらすべてのホバーアクションは、ユーザーがマウスを使用して製品を操作している場合にのみ実際に優れていますタッチユーザーが機能を使用しないようにする(または、少なくともマウスを動かせないため、機能にぶつかることはありません)

2
Niels

厳密に"ToolTip"を置くと、通常、ホバーしているアイテムに関する情報が含まれます。

ただし、ホバー時にアクティブ化されるポップアップメニューとコンテキストメニューには、規則や期待に反することなく、ユーザーコントロールを確実に含めることができます。実際の例では、SEユーザー名にカーソルを合わせるだけです。

ツールチップと同じ方法でトリガーされますが、技術的にはコンテキストメニューと呼ばれる必要があります。

これはチャート自体ではなくパスに明確にマッピングされ、コピーされているチャートの画像であるとユーザーに誤解させないため、後者の例を使用します。また、ユーザーがカーソルでアイテムを離れた後もメニューを開いたままにすることについての懸念に関しては、これはJavaScriptを使用して非常に簡単に実現できます(これはWebアプリケーションであると想定しています)。

0
AndroidHustle