web-dev-qa-db-ja.com

テキストを選択できないのはなぜですか?

テキストを選択不可にするウェブサイトをいくつか見ました。また、「選択可能なテキスト」はWebおよびコンピューター全般で確立されたuiパターンであるため、これはユーザーエクスペリエンスを損なう可能性があると思います。

選択可能なテキストの機能を無効にすることについてどう思いますか?私たちがそうすべきだと証明する理由や例はありますか?

編集:コメントでうまく述べられているように、上記の質問は選択可能なテキストのみを対象としているようです。しかし、私が理解したいのは、主にテキストを選択不可にする必要がある場合に関係しています。

66
gpelelis

選択可能なテキストは「費用のかからない」というのは神話です

一般原則として、テキストは選択可能である必要があります。とはいえ、選択できないテキストについて質問しているので、テキストの選択を無効にする場合に注意する必要があるいくつかのケースを次に示します。

ユーザーが選択可能であるとは思わないテキストを含む視覚要素があります。例えば:

logos, controls and window titles are examples of text elements which can reasonably be non-selectable

その理由を見ていきましょう。

  • ロゴ:一部のロゴはテキストフォントに基づいており、テキストとしてもレンダリングされます。ほとんどの企業では、ロゴが忠実にレンダリングされることが重要であるため、ユーザーがロゴテキストの半分をカットアンドペーストしたり、フォントやサイズなどを除いてロゴのテキストをコピーしたりすることは受け入れられません。これは企業にとって完全に合理的なビジネス上の決定であるため、テキストロゴの選択を許可しない場合があります。

  • Controls:ユーザーが押し可能なボタン内またはドロップダウンメニュー内のテキストを選択できるのは、奇妙な体験です。もちろん、それほど害はないかもしれませんが、(a)ウィジェットの意図を混乱させる可能性があります。 (b)ほとんどのユーザーインターフェイスで見られる動作と一致しないため、ユーザーの動作規則に違反します。

  • ドラッグ可能なウィンドウタイトル。ドラッグ可能なウィンドウは、タイトルバーから把握してドラッグするのが一般的です。ユーザーがタイトルをクリックしてドラッグしただけで、ウィンドウを移動するのではなくテキストを選択しているのは奇妙なことです。このため、静的なモーダルウィンドウであっても、通常は選択できないタイトルがあります。

これらはほんの一部の例ですが、テキストの選択はユーザーやビジネスに悪影響を与える可能性があるという主要な原則を示しており、主要な相互作用と競合し、効果的なコミュニケーションを妨げ、マーケティングやビジネスの目標に違反するため、無効にすることは理にかなっています。 UX規約などに違反している.

47
tohster

通常の正当化は、人々がコンテンツを盗み取らないようにコピーして貼り付けるのを防ぐことだと私は信じています。ユーザーが本当にそのテキストを必要とする場合、選択が無効になっていても、何らかの方法でそれを取得できるので、私は通常これに目を向けます。

別の例に出くわしました。テーブルの行をダブルクリックすると、その行の詳細を示す別のモーダルダイアログが開くため、開発者は選択を無効にしたいと考えました。しかし、同時にダブルクリックするとテキストが選択されてしまい、不要でした。これは少なくとも最初の理由よりは良い理由ですが、理想的には、問題を選択不可にする以外の方法で回避したいでしょう。

だからあなたの質問に答えるために、私は本当に正当な理由があるとは思いません。それが2番目のシナリオのようなものである場合は、動作をより期待されるものに書き直す必要があります(ダブルクリックするのではなく、シングルクリックでダイアログを開く)。それが最初のシナリオである場合、十分にそれを望めば、人々はそれを回避する方法を見つけるでしょう。

52
Rachel9494

テキストの選択を無効にすることが理にかなっているのには理由があります。それは、テキストの選択がUIの機能面に干渉する可能性がある場合です。たとえば、ユーザーがドラッグするつもりで誤ってテキストを選択することを避けたいため、ドラッグ可能なウィジェットでよく使用されます。

32
illuminaut

選択可能なテキストを無効にすることは、テキストが書かれている言語を母国語としないユーザーにとって、恐ろしいUXです。テキストを理解するために、自動翻訳ソフトウェアまたはWebサイトにコピーアンドペーストする必要がある場合があります。これは、高品質のカメラとOCR翻訳アプリを備えたユビキタススマートフォンではそれほど問題になりませんが、それでも関連性はあると思います。

この質問に対する単純な答えは決してありません。テキストを選択する機能を制限しても、競合他社がコンテンツを盗むのを防ぐことはできませんが、顧客がコンテンツを簡単に共有することは事実上不可能になります。

6
Jake Schirm

一般に、2つの理由があります。

明快さ

ボタンまたはドロップダウンのテキストを選択可能にするのは奇妙です。カーソルがビームの方向を向くのは紛らわしいでしょう。まるで、そこにあるテキストを選択/編集することが主な相互作用のようです。あなたは矢印カーソルを持っていてもそれを選択可能にすることができますが、それも奇妙です。

ポーランド語

選択可能なテキストはハイパーテキストマークアップ言語で記述されたWebのデフォルトです。マークアップ言語であるため、それは主にテキストであり、いくつかのリンクとフォーマットおよび構造ディレクティブがちりばめられています。または、少なくとも以前はそうでした。

対照的に、デスクトップアプリケーションのテキストは、デフォルトでは選択できません。

Webアプリは、見た目と機能がデスクトップアプリに似ているようになり、プレーンなWebページに似なくなっています。テキストのデフォルトの選択性は、そのような遷移の1つです。


これを行う理由ではないもありますが、この質問は「なぜ」だけを尋ねました。

3
Paul Draper

私が遭遇したもう1つのケースは、少なくとも許容範囲です。人為的エラーの要因を減らすために同じことを2回要求するフォームです。あるフィールドから別のフィールドにテキストをコピーするのを妨げる可能性があることは非常に理解できます。

それらが貼り付けをブロックするときに不愉快になるのは何ですか?保存された場所から情報をコピーしている場合はどうでしょうか?

0
Loren Pechtel