すべてのユーザーがマウスホイールを使用してスクロールすることを認識していて、すべてのユーザーがマウスにマウスホイールを持っていると想定しても安全ですか?
パネルの上にカーソルを置いても非表示のままで、ユーザーがマウスのマウスホイールを使用してスクロールしているときに表示されるスクロールバーを実装したいと思っています。
マウスパッドを使用しているときにOSXでこれを見たことがありますが、これは悪いUXですか?
スクロールバーを非表示にすることは、いくつかの理由で不適切です。
一部の人々はスクロールホイールを持っていません-あなたが心配しているように。一部のラップトップには、スクロール検出が正しくないトラックパッドがあります。 1時間離れた貧困な郡が国際基準で「第3世界経済」として数えられるのと同じように、今日もまた、「昔」のユーザビリティ時代の珍しい遺物を見つけています。
スクロールカーソルは位置のインジケーターです。それはあなたがページのどこにいるのか(認知的方向性)を示し、読むために残された資料の量、それが完了するまでにかかる時間(精神的推測)などについての期待を設定します。
長い/連続読み込みページのクイックナビゲーション。 Dannyがコメントしたように、テキストの長いページがある場合、スクロールバーを使用すると、スクロールホイールを使用した場合よりも迅速に場所に移動できます。タッチパッドジェスチャーはありますが、スクロールホイールはありません。継続的/無限スクロールは現在、ページの一般的な特性であり、すばやく地面を再カバーするには、スクロールバーカーソルを使用するのが最適です。
#2は特に重要です、IMO。 UI要素を削除するのは「洗練された」ように見えますが、実際には、ユーザーがdisorientです。
とはいえ、スクロールバーインジケーターのインタラクティブ性をできます(おそらく)削除できます... "if and only if" あなたはデザインとペルソナを持っています特にそれを保証するケース。表示専用のスクロールバーカーソルは、#2のようにインジケーターです。
私はそれに対してお勧めします。ブラウザーには、スクロールバー用の組み込みのUI機能がすべて備わっています。シックな暑さに合わせて、スタイルを変更してください。
細くなった場合は、スクロールカーソルの画像を「取得可能な領域」よりも小さくできるかどうかを確認してください。つまり、ユーザーがクリックできる領域は、カーソルのグラフィックのサイズよりも大きくなる可能性があります。これは、「ロープロファイル」の外観を提供すると同時に、人が望む簡単な使いやすさを提供します。
また、OSXについては、スクロールを開始するまでスクロールバーは非表示です。次にスクロールカーソルが表示され、ユーザーはそれを操作できます。それが彼らのトレードオフであり、正直なところ、私はページのスクロール方法やページ内の移動方法について混乱していた多くのユーザーの側に座っていました。
「iPadでも?」 ...テクノロジーにはさまざまなスキルレベルがあります。オンボードのスクロールバーは、他の現代的なGUIの慣れに慣れるまでユーザーを扱いません。
回顧:
(ユーザーがスクロールしている間)無限スクロールのページに、任意の人工スクロールバー/インジケーターの下に無限記号を配置したいと思います。それは何が起こっているのかを透明にするでしょう。
全体として、スクロールバーを非表示にすることは悪い習慣だと思います。誰もがマウスにスクロールホイールを持っている場合でも、人々はページを上下に移動するのにスクロールバーを好んでいます。また、スクロールバーが表示されていないために、ページに多くの情報が表示されていることを知っている人もいるでしょう。
質問のタイトルに固有ですが、プラットフォームを完全に制御できる場合を除き、ユーザーが使用している可能性のあるハードウェアについて想定しないでください。すでに使用されている可能性のある無数の入力デバイスがあります。タッチパッド/トラックパッド、トラックボール、マウス、タッチスクリーンなど、3か月、6か月、または1年で何が利用可能になるかを知っている人は言うまでもありません。
ハードウェアの仕様を抽象化するインターフェースAPIの標準的な動作をコーディングする必要があります。ホイールをスクロールしたり、ボールを転がしたり、画面をスワイプしたりしても、スクロールバー(またはその他のウィジェット)は標準的な動作をするはずです。標準ウィジェットの動作を変更すると、ユーザーを混乱させ、疎外するリスクがあります。ささいなことかもしれませんが、開発者がウィジェットの通常の動作を変更すると、私は非常にイライラします。たとえば、私が行き詰まっている1つのアプリには、独自の非常に狭いスクロールバーがあります。親指をつかむために正しい場所をクリックするのは非常に難しく、終わりのない私を困らせます。
いいえ。誰もがマウスホイールを持っているわけではありません。一部のユーザーはマウスを使用しません。彼らはトラックパッドとキーボードを使用します。
さて、あなたの本当の質問は、スクロールバーを非表示にし、スクロール中にのみ表示するのが良いUXかどうかです。私の意見では、そうではありません。 Webブラウザのスペースバーを使用します。しかし、私の個人的な経験では、そのような機能を知っているユーザーの数は少ないです。この質問も参照してください: スペースバーがブラウザーでページダウンする理由 。
これが あいまいな証拠 であり、ユーザーはこれを知らない。
これはすでにコメントで述べられていますが、答えになるはずです:ほとんどのラップトップにはスクロールホイールがないため、スクロールバーを非表示にしないでくださいせいぜい、マウスパッドの片側にかなり標準以下のスクロール領域があります。
私は、マウスのスクロールホイールの使用が可能であると想定したオンライン試験を受けた人として話します。
他のすべての答えは、誰もがスクロールホイールを持っていると想定できないことを明らかにしたと思います。
質問の他の側面を拡張するために...はい、OSXは非表示のスクロールバーをデフォルトの動作にしています。
ただし、次の点に注意してください。
言い換えると、ifこの機能のシステム設定を尊重するnative OSXアプリケーションを作成している(Macbookには適用できるが、デスクトップには適用されないようにするため) 、私はそれのために行くと言います。実際、OSXのデフォルトの動作に固執することを意味するので、私はそれをお勧めします。
ただし、これがソフトウェアやWebサイトであり、より幅広いデバイスでより広範囲の人々が使用する場合は、少なくとも現時点では、これは確かなアイデアではありません。
すべてのマウスでさえ、AppleのMighty Mouseにはスクロールバーがありませんが、スクロールのために領域全体を使用できます。
コンテンツが小さいときに役に立たないスクロールバーを非表示にすることは問題ありませんが、アクティブなスクロールバーを非表示にすることはこれまでで最悪の決定であり、平均的なユーザーを混乱させるだけです。小さな携帯電話では少し意味があるかもしれませんが、それでも奇妙に感じます。
多くの人にとって、スクロールバーは既に読んだコンテンツの量と、残りを読むのにかかる時間の指標です。これは、読み取りを中断することなく、簡単に確認できます。スクロールバーアニメーションが表示されるのを待ち、それが再び消える前にそれを確認しながら、ページの周りをダミースクロールしてテキストの位置にフォーカスを保つことを強いられた場合、それはただのストレスであり、人々はすぐにあなたの製品に悩まされるでしょう。
Googleは最近、Chrome 32でスクロール矢印を削除するだけで実験を行ったところ、ユーザーは変更に不満を感じていたため、Chromeに戻す必要がありました。 34。
矢印はホイールによって完全に複製されるスクロールバーの1つの機能であるため、すべてのユーザーがスクロールホイールを持っている、または使用したくないということは明らかです。
私がうまく行ったのを見てきたほとんどは、マウスが要素の上に移動するまでスクロールホイールを非表示にすることです。そして、それでも、スクロール位置の何らかの指標が役立つと確信しています。スクロールバーを削除する他の唯一の時間は、CSSスプライトなどでユーザーにスクロールさせたくない場合です。
ニューアレクサンドリアによって受け入れられた答えは素晴らしいものです。それは詳細に入るので、私はする必要はありません。これらの理由から、一般的にスクロールバーを非表示にすることは非常に悪い習慣だとだけ言います。これは非常に使い慣れた機能であり、使い慣れた機能にはユーザーの期待が伴います。それらの期待を混乱させ、混乱を引き起こします。
Appleはそれを実行しますが、システム設定"一般でこの動作を変更できるようにする理由があります。少しでも混乱はあるかもしれませんが、混乱は常に悪いです。思ったよりも大きいかもしれません。
もちろん、これはすべて、ある種の詩的なソフトウェアを作成しておらず、これらの特定の感情を刺激したいと考えていることを前提としています。例は思いつきません。
しかし、一番下の行は、それが依存するということです。これは、アプリケーション、ユーザー、およびそれらを取り巻く状況によって異なります。私にとっても、ドラッグする前にスクロールしてバーを表示する必要があるのは面倒ですが、私はマジックトラックパッドを使用しているため、非表示にするのが好きです(したがって、ユーザーによって異なります)。
良い例は、Firefox用のPentadactylです。これは、VimキーバインディングとVimのようなステータスバーを提供し、キーボードですべてを実行できるアドオンです。 j
とk
でスクロールすると、ステータスバーにスクロール位置が表示されます。これで、スクロールバーを非表示にすることができます。
こちらがスクリーンショットです。ステータスバーの右側には、「トップ」と表示されています。 (画像は私がそれについて書いたブログ投稿からのものです--- オリジナル ):
スクロールすると、位置がパーセント値として表示されます。これが今撮った2番目のスクリーンショットです( original ):
ただし、スクロールバーは、私が入力しているようなtextarea
sなどの領域でも引き続き有用で表示できることに注意してください。ここでは、スクロールバーがまだ期待されています。それはすべて状況と状況に依存します。
潜在的に興味深い:
毎年、私の父はMacを使って印象的に効率を向上させています。それでも、彼はマジックマウスで「タッチスクロール」するのではなくバーをドラッグする傾向があり、常に戻るボタンと進むボタンを使用します。ただし、仕事中の彼のマウスには、物理的なスクロールホイールと、それを使用するがあります。おそらく、その目的がより明確で、より身近で混乱がないためです。
ハードウェアとソフトウェアの設計の動きが速すぎて、読み書きに慣れていないユーザーを残しているのでしょうか、それとも、それに追いつくために選択しなければならない自然で必要なペースですか?まあ、私はそれはあなたのターゲットオーディエンスに依存すると思います。
免責事項:私はペンタダクティルとは関係ありません。それとVimは単に素晴らしい例です。
ほとんどのデスクトップユーザーはマウスにホイールを持っていると思いますが、タブレットユーザーはタッチスクリーンでスクロールしてスクロールし、ラップトップユーザーは影響を受ける可能性がありますキーボードのダウンキー。私のポイントは、マウスホイールがあっても全員が引き続きサイトを表示できるはずだということですが、サイトによっては別のスクロール方法を使用する必要があるため、不便な場合もあります。