Windowsユーザーはスクロールペインをどのように操作しますか？
クリックできるギャラリーサムネイルの行があるWebサイトがあるとします。次のようになります。
Macユーザーが常に何らかの種類のトラックパッド（MacBookに組み込まれているもの、またはMagic Trackpad）を使用しているか、またはすべての方向にスクロールできるMagic/Mighty Mouseを使用していたので、私の肝は画像の上にマウスを移動して水平にスクロールすることです。
しかし、Windowsユーザーはどうですか？彼らの最初の反応は次のいずれかであるかと思います：
- スクロールバーは一体どこにあるの？！あきらめる。
- ビューからさらに多くの画像が表示されているのがわかります。水平方向にスクロールします。
私の目標は、プラットフォームに関係なく、すべてのユーザーがそれを明確かつ直感的にすることです。
Appleは、Lionのリリースに伴い、2011年にビューポートから使用しない限り、スクロールバーの表示を削除し、 それらを元に戻す方法 に関する複数の記事をすぐに表示しました。使いやすさの根拠とこれのメリットについては、今日でも議論の余地があります。
必要になるまで表示しないのはすっきりしたデザインであり、ディスプレイが乱雑になることはありませんが、ユーザーはどのように表示されるかを理解する必要があります。
それらを表示すると、常に混乱が生じますが、可能なアクションが明確に示されます。
スクロールバーが表示されない問題を説明するために、あなたの例と同様の例を取り、次のように質問してください。OSXユーザーは、これを見たときに何をすべきかをどのように知るのですか？
スクロールバーがないと、実際には Gulf of Execution が作成されます。これは、ビューポートをスクロールできることを意味する適切なアーティファクトがシステムに表示されないためです。
Windowsのデフォルトのビューポートのレンダリングに変更が加えられていないと想定すると、スクロールバーが表示されます。したがって、元の画像は次のようになります。
したがって、実際には、あなたの課題は、それがスクロール可能なスペースであることをOS Xユーザーに表現する方法です！
一般的なデスクトップアプリケーションを作成している場合は、オペレーティングシステムにその機能を実行させます。 OS Xはデフォルトでスクロールバーを非表示にしますが、ユーザーはスクロールバーをオンに戻すことができます。ウィンドウにスクロールバーが表示されます。
私たちがWebについて話している場合、2つの選択肢があります。
- 疑似要素を使用してスクロールバーを「強制」し、- それらはすべてのブラウザでサポートされているわけではありません を実現します。
- 独自のスクロールメカニズムを作成し、標準のCSSプロパティを使用してスクロールバーを非表示にします。
独自のスクロールメカニズムを作成すると、アプリケーション/ページでどのように機能するかをすべてのユーザーに理解させることができます。彼らにとっては難しいことではないかもしれませんが、彼らはその努力をしなければなりません。
「そのままにする」と、Windowsユーザーにはスクロールバーが表示されます。 OS Xユーザーには、領域が水平方向にスクロールできることを理解するのに十分な微妙な視覚的なキューが残されます。
（Macからの回答です。）
プラットフォームにとらわれない人として。どちらのOSでも、水平スクロールは私を混乱させると言わざるを得ません。垂直スクロールを使用すると、すぐにマウスのスクロールホイールに手を伸ばす（またはマジックマウスの上部を軽くなでる）か、2本の指でマルチタッチタッチパッドを使用してページを下にスクロールします。
私は現在、Win7を実行している会社のDell Latitudeラップトップからこれを書いています。トラックパッドはマルチタッチではないが、マークされたゾーンで使用すると、垂直スクロール機能と水平スクロール機能の両方を示すマーキングがあることに気づきました。無効になっているので、代わりに方向キーを使用します。実際にスクロールバーを使用してページを移動することはまれです-スクロールバーは、どこまで移動したかを視覚的にフィードバックすることに注意してください。どれだけ残っているか。