UX Exchangeで いくつかの回答 を読んでいたため、Webアプリでの水平スクロールのユーティリティに疑問が生じました。
私は最近、デスクトップとタブレットで使用することを意図した水平コンセプトサイト( ここ および以下に表示)を実行しました。
私は、ラップトップユーザーが水平にスワイプして(ほとんどすべてのラップトップが水平スワイプをサポートしているわけではないため)、デスクトップユーザーがマウスを使用して単にスクロールすることを望んでいます。
かなりの数のラップトップユーザーが、スクロール方法を理解するのに苦労しています。ラップトップで水平スクロールが可能であることを認識していないか、ラップトップがそれをサポートしていないことを知っているからです。最終的には、スクロールバーをドラッグするだけです(これは悪いUXを提供します)。どうすればこの混乱を解消できますか?
矢印キーでスクロールさせますか?
ユーザーの期待に挑戦するとき、彼らはあなたのデザインに挑戦します。
私はこのアプローチでもいくつかの実験を行いましたが、主にタブレットエクスペリエンスに焦点を当てています。水平スクロール(対ページング)で私が目にする主な問題は、テキスト情報がエッジで明らかにされる方法です。
テキストは水平線に配置され、垂直方向の階層になります。水平スクロールは、この階層の露出を台無しにします。基本的に、ユーザーはEdgeを注意深く観察し、次の意味のある情報のセットがいつ表示されるかを把握し、垂直階層を分析するように求められます。
一方、画像中心のプレゼンテーション(横スクロールビデオゲームなど)がある場合は、頭を振って物理的な環境をスキャンするのと同じように、その方向を利用できます。地平線のような視点を持つプレゼンテーションを作成する場合、水平スクロールが最も自然な解決策です。水平線が明白であることを確認してください。
あなたの実験は少し線を引きます。テキストの量を制限し、ユーザーの解釈作業を最小限に抑えるために見栄えよく大きくしました。
私はまだ横スクロールよりも上スクロールが好きです。 ¯\ _(ツ)_ /¯
注:Firefox 42のMacBook Proで水平スクロールが機能しません。心配はいりません。実験でみんなを満足させることはできません。
クールなウェブサイト。この場合、横スクロールの使用に問題はありません。それは別の種類の経験であり、それは最初から明らかです。
ユーザーは、通常のWebサイトよりもプラットフォームゲームに似ているため、カスタムのナビゲーションを使用することを期待します。
なぜすべきかについてはたくさんあります Nilsen-Normanグループからの水平スクロールに注意してください
また、ユーザーが横に振るタイプのページを横にスクロールして見ることと、それらのページに対するユーザーの否定的な感情を関連づけた研究を見たことがあると思います。今でもそのページを見つけようとしています。