web-dev-qa-db-ja.com

水平スクロールはいつユーザーに直感的に感じられますか?

UX Exchangeで いくつかの回答 を読んでいたため、Webアプリでの水平スクロールのユーティリティに疑問が生じました。

私は最近、デスクトップとタブレットで使用することを意図した水平コンセプトサイト( ここ および以下に表示)を実行しました。

Screenshot of concept site

私は、ラップトップユーザーが水平にスワイプして(ほとんどすべてのラップトップが水平スワイプをサポートしているわけではないため)、デスクトップユーザーがマウスを使用して単にスクロールすることを望んでいます。

かなりの数のラップトップユーザーが、スクロール方法を理解するのに苦労しています。ラップトップで水平スクロールが可能であることを認識していないか、ラップトップがそれをサポートしていないことを知っているからです。最終的には、スクロールバーをドラッグするだけです(これは悪いUXを提供します)。どうすればこの混乱を解消できますか?

矢印キーでスクロールさせますか?

3
Shubham Kanodia

tl; dr

ユーザーの期待に挑戦するとき、彼らはあなたのデザインに挑戦します。

水平スクロールには問題があります

私はこのアプローチでもいくつかの実験を行いましたが、主にタブレットエクスペリエンスに焦点を当てています。水平スクロール(対ページング)で私が目にする主な問題は、テキスト情報がエッジで明らかにされる方法です。

テキストは水平線に配置され、垂直方向の階層になります。水平スクロールは、この階層の露出を台無しにします。基本的に、ユーザーはEdgeを注意深く観察し、次の意味のある情報のセットがいつ表示されるかを把握し、垂直階層を分析するように求められます。

article ui
横:いいえ。

うまくいくとき

一方、画像中心のプレゼンテーション(横スクロールビデオゲームなど)がある場合は、頭を振って物理的な環境をスキャンするのと同じように、その方向を利用できます。地平線のような視点を持つプレゼンテーションを作成する場合、水平スクロールが最も自然な解決策です。水平線が明白であることを確認してください。

enter image description here
水平:確か!

あなたの実験は少し線を引きます。テキストの量を制限し、ユーザーの解釈作業を最小限に抑えるために見栄えよく大きくしました。

個人の好み

私はまだ横スクロールよりも上スクロールが好きです。 ¯\ _(ツ)_ /¯

注:Firefox 42のMacBook Proで水平スクロールが機能しません。心配はいりません。実験でみんなを満足させることはできません。

3
plainclothes

クールなウェブサイト。この場合、横スクロールの使用に問題はありません。それは別の種類の経験であり、それは最初から明らかです。

ユーザーは、通常のWebサイトよりもプラットフォームゲームに似ているため、カスタムのナビゲーションを使用することを期待します。

1
JotaRMonteiro

なぜすべきかについてはたくさんあります Nilsen-Normanグループからの水平スクロールに注意してください

また、ユーザーが横に振るタイプのページを横にスクロールして見ることと、それらのページに対するユーザーの否定的な感情を関連づけた研究を見たことがあると思います。今でもそのページを見つけようとしています。

0
Andrew Martin