it-swarm-ja.com

Webアプリケーションではダブルクリックを避けるべきですか?

ダブルクリックは、グラフィカルインターフェイスでうまく使用できる優れたジェスチャーですが、何らかの理由でWebに否定的な意味があることがわかりました。絶対に避けるべきですか?

47
Denzo

特定の用途では問題ないと思います。特に、オブジェクトをシングルクリックでドラッグまたはハイライト表示することを検討している場合は、ダブルクリックで開くことができます。ただし、アンカータグがダブルクリックされることや、ダブルクリックにのみ応答するanythingは避けます。

12
mazlix

リンクをシングルクリックするという一般的な慣習に反し、混乱を招く可能性があるため、Webをダブルクリックすることは避けてください。

ジェイコブ・ニールセンはそれを最もよく言う

...ダブルクリックは、初心者ユーザーに大きな困難を引き起こし、Webのシングルクリックインタラクションスタイルと競合するため、無効にする必要があります。

アプリケーションがオペレーティングシステムをエミュレートする優れた仕事をしている場合、ダブルクリックmightを検討する必要がありますが、それでも価値はないと思います潜在的な欠点。

42
bendur

何よりも、規約の維持と、それらの規約に関するユーザーの一般的な知識のほうが重要だと思います。ブラウザー/ウェブサイトの相互作用は、基本的にブラウザーの黎明以来、OSユーザーインターフェイスの相互作用とは根本的に異なります。

ネイティブUIの慣例では、物理的なボタンやチェックボックスなどに似たUI要素を備えた、クリックできない堅固なウィンドウ領域が存在します。ホバリングは項目を強調表示する場合がありますが、主にボタンホバー状態およびその他のマイナーなヒントで使用されます。ほとんどのホバー反応は、カーソルを何かに変更するだけで、テキストキャレットカーソルなどの別のアクションが発生する可能性があることを示します。 ダブルクリックは、何か、ファイル、メニュー項目からウィンドウなどを開くことと同義です。

Webサイトの相互作用は、テキストの巨大な塊のようなものです。ダブルクリックすると、通常、テキストエディターに似た、テキストまたはHTMLコンテンツの段落または行が選択されます。クリックは通常、ハイパーリンクまたはフォーム送信ボタンのいずれかによる、Webページの変更を意味します。したがって、ホバリングは、画面上のさまざまな要素のクリックに対する応答性を示すために使用されています。ハイパーリンク、ドロップダウンメニュー、ボタンなど。

ブラウザのダブルクリック動作を無効にしようとすることは、ユーザーエクスペリエンスの観点からは賢明ではないと思いますが、役に立つと思うかもしれません。

編集)これは、Webアプリケーションがデスクトップアプリに非常に似て、ダブルクリックの必要性を保証するまでです利用される。 Googleドキュメントスプレッドシートは、Microsoft ExcelやiWorkのNumbersと同じように、ダブルクリックでセルベースの操作を実行できることがほとんどの場合、完全に直感的である良い例です。私は最初の回答でこれらを考慮することを忘れていましたが、UIがマウスに応答する方法でUIがデスクトップアプリケーションのように感じられるようなユーザーインタラクションであれば、絶対にそうだと思います。

16
Nick Bedford

ダブルクリックは、ユーザーがアプリケーションを使用するためにそれに依存する必要がない「持つ」機能として最適です。

10
David Savage

回避-対-不適切?

double-click回避すべきではありません。それは単に、適切な使用法の範囲が狭いということです。 2つの間に明確な違いがあります。

回避すべき相互作用は、フラッシュバナー広告や点滅するテキストなど、代替策を積極的に模索して使用を回避すべき相互作用です。

用途が狭い相互作用は、非常に特定のニッチな状況で役立つ相互作用です。たとえば、popup windowに眉をひそめていることがよくあります。ユースケースは、ユーザーが特定のコンテンツの新しいウィンドウを明示的に開きたい場合です。これは、Gmailのようにpopoutとしてよく行われます。

それでは、どこにdouble-clickを残しますか?

double-clickを使用すると、単一のclickによって発生するプライマリアクションと競合しないセカンダリアクションをトリガーできます。

この特定の質問に参加するeveryoneはWebサイトで定期的にdouble-clickを使用していると思います。

私が与える最初の例はブラウザにネイティブです:

テキストの選択:単一の単語を選択する場合は、その単語をdouble-clickすると、強調表示されます。実装に関する限り、多くのWebベースのwysiwygエディターはブラウザーのデフォルトのテキスト編集機能をオーバーライドするため、この特定の機能を再実装して正しく機能する必要がある場合があります。

私は無意識のうちに2番目を実行します。

全画面YouTubeの任意の動画double-clickに移動します。何が起こるのですか?動画はfull-screenに進みます。 YouTubeだけでなく、オンラインでその価値のあるビデオプレーヤーはダブルクリックでビデオを全画面表示します。最初のクリックでビデオが一時停止し、2回目のクリックでビデオの一時停止が解除されることに気付くかもしれません。ビデオのサイズが変更されているため、中断が受け入れられます。

ダブルクリックが意味をなすアプリケーションは、グループ化されたアイテムの選択です。 1つのアイテムを選択したい場合は、1回クリックします。同じタイプのアイテムの束を選択したい場合は、double-clickを使用できます。

3
zzzzBov

ダブルクリックジェスチャは、その実装がシングルクリックの初心者のエクスペリエンスを台無しにしない限り、オンラインアプリケーションのエキスパートまたは学習済みの動作として便利かもしれません。

2
colmcq

私も、カスタムのバックエンドシステム以外では賢くないと思います。そうすれば、実際にユーザーを「トレーニング」することができます。

「ワイルドに」(一般にアクセス可能なWebサイト)を実装しようとすると、すべてのクリックがダブルクリックであると考える初心者のコンピューターユーザーの数がすぐにわかります。クリックとダウベルクリックの違いを理解しているユーザーにとっては、機能をダブルクリックするという考えだけで問題が発生します。

2
colinross

私の意見では、Webだけでなく、どこでもダブルクリックを避けるべきです。コンピューターの使い方を学び始めたばかりの人は、ダブルクリックが遅すぎて、コード内で2回のシングルクリックがトリガーされるためです。

本当にダブルクリックを使用する必要がある場合、たとえば、ユーザーが初めて使用するときに、ユーザーが実行できることを示すポップアップを表示して、ダブルクリックを使用できることを明確にしてください。あなたの申請。

ちょうど私の2セント。 Ad @ m

2
kirb

まあ、これがあなたに関係があるかどうかはわかりませんが、ダブルクリックはiPhoneユーザーにとって問題だと思います。私が正しい場合、ダブルクリックはiPhoneではサポートされていません。

2
Felipe Almeida

TiddlyWiki は、たとえばダブルクリック編集とキーボードショートカットを備えたjavasript Webアプリです。それは広く受け入れられています。だから、ここではワンクリックのマントラに固執していません。もちろん、単純なWebページではそれを維持する必要がありますが、Webアプリでは、この経験則は私にはあまり意味がありません。

それはウェブアプリのタイプにかなり依存します、それはそのコンテンツ/機能性のために大衆(例えばnytimesアプリ)または小さすぎるグループに向けられています(きちんとしたwiki)

マウスジェスチャーとタブクリックアクションの編集により、時間を大幅に節約できるため、Firefoxは私の標準的なブラウザーです。ワンクリックのマントラは私には矛盾のように聞こえます。アインシュタインが言ったように「できるだけ単純だが、単純ではない」

1
Werner Schmitt

直感的にリンクをダブルクリックしようとした経験がありました。 ( Backbone.js のドキュメントを読んでいて、例を参照していたとき。左側のメニューにある例のリンクをクリックし、ページを自動的に例にスクロールしました。しかし、サンプルを直接、本能的にメニューのリンクをダブルクリックしました。サイトがサンプルページに移動することを期待しています。

1
Gorillatron

私が間違っている場合は修正してください。ただし、最初に考えたのは、ダブルクリックを使用する場合、ダブルクリックを見越してシングルクリックした後、システムを少し待つ必要があるということです。 (シングルクリックがハイライトだけでなくアクションを実行すると仮定)、これはシステムを使用している間に遅いという一般的な認識を作成します。

0
Mashhoor

Webアプリでのダブルクリックの主な問題は、タッチ対応デバイスでこれを処理するために特別なコードを作成する必要があることです。

タッチでクリックを結合し、ドラッグでタッチ移動を結び付けることができますが、ダブルタップをダブルクリックに接続するのは難しいでしょう。

ドラッグアンドドロップと通常のクリックの方が実装が簡単- https://mobiforge.com/design-development/touch-friendly-drag-and-drop

アプリケーションがブラウザベースの場合でも、タブレットやスマートフォンでアクセスできます。また、PC用のタッチディスプレイが増加していることも忘れないでください。

アプリケーションにデバイス間で使いやすいUIを持たせたい場合は、ダブルクリックを避けてください。そうしないと、デバイスごとに異なる機能を作成する必要があります。

0
Dmitri Larionov

私がWebページをダブルクリックしたときに発生する唯一の問題は、ユーザーがそれを試さない可能性があることです。

そこに慣習があるので、人々はダブルクリックが何かをすることを期待しません。

とはいえ、ダブルクリックはエキスパートユーザーにとっては優れたツールになる可能性がありますが、使用できることをユーザーに知らせる必要があります。

0
Owen Johnson

最近の多くのユーザーにとって、ダブルクリックはあまり直感的ではありません。今後の世代では言うまでもありません。タッチデバイスの世界では、シングルタップはダブルタップよりも直感的です。

ただし、ダブルクリックまたはダブルタップは、パワーユーザーにとって素晴らしい機能です。セカンダリアクションにアクセスする必要があるユーザーがいる時間を想像してください。あなたはそれらを恐ろしい二次的なメニューやツールバーに連れて行くことができます。ダブルクリック/タップは、インターフェイスのコンテキストでは、効率の点で大きな改善になる可能性があります。

質問する必要があるのは、「ユーザーが実行する最も直感的な手順は何ですか?」それがダブルクリック/タップの場合は、それを試してください!

0
Andy Fleming

私の側では、ブラウザーベースのアプリケーションでのエキスパートアクションをダブルクリックすることをお勧めします。 (メインフローは、数回のシングルクリックで完全に表示されます)ほとんどの場合、これは素晴らしいことです。しかし、それは時々専門家ユーザーにとって真の利益となります。

0
Fabien B