モバイルWebサイトは、デスクトップWebサイトのようにスクロールバー専用の領域を表示する必要がありますか？
それらの長いページをデザインするとき、私はしばしばこれらの不満を私の管理チームから受け取ります。 1ページに収める必要があるからといって、情報をカットすることはできません。本当に基本的なユーザーの中には、行動を促すフレーズを表示するために下にスクロールする必要があるかどうかを知らない人もいます。スクロールバーを表示して、ページを下にスクロールする必要があることを彼らに知らせるのは良い考えですか？
スクロールバーには、次の3つの利点があります。
1.スクロール
これが最初の主な目的でしたが、ユーザーがpage up/page downまたはspacebar/shift + spacebar。マウスホイールやタッチスクロールを使用するユーザーにとっては、ほとんど使用されなくなっています。
2.位置
スクロールバーは、ドキュメント全体のどこにいるかを示します。長い間読んでいて、ページの上部近くに小さなスクロールバーが表示されている場合は、終了するのにどれだけ時間が必要かを理解できます。
3.素早い動き
スクロールバーを上下にドラッグする機能により、長いドキュメントをすばやく簡単に移動できます。
モバイル比較
モバイルタッチデバイスの使用に関して言えば、タッチスクロールに置き換えられるのはスクロールとある程度の迅速な動きだけです。フリックしてすばやくスクロールできますが、非常に長いドキュメントがある場合、これは退屈な作業です。
ただし、モバイルスクロールでは、ドキュメントのどこにいるかを示すことはほとんどありません。
結論
そのため、モバイルWebサイトに非常に長いコンテンツが多数表示されており、主要なユースケースで、読者がコンテンツをどれだけ離れているかを確認できることが重要な場合は、スクロールバーを使用することをお勧めします。
ただし、ほとんどの場合、モバイルWebサイトのスクロールバーはスペースの不必要な使用になります。視覚的な注意散漫;実際のメリットはありません。ですから、-あなたが彼らに有利なユースケースの議論がない限り、それらを省くことをお勧めしますだという私の提案です。
主な質問への答えは次のとおりです。いいえ、モバイルデバイスでスクロールバーを強制したりエミュレートしたりしないでください。
説明
モバイルプラットフォームのインターフェースにはすでにスクロールバーがあります。ただし、ユーザーがスクロールしているときにのみ表示されます。他の誰も使用していない要素を導入すると、ユーザーが自分の製品全体や他の製品でこの要素を見ることが期待されるようになります。パターンがプラットフォームに導入されていない場合、それは必要ありません。
これは、期待するほどモバイルデバイスに慣れていないユーザーを扱う場合に特に重要です。製品がプラットフォームでの最初のエクスペリエンスの1つである場合（特定のOS、フォームファクター、または単なるタッチベースのインターフェースであっても）、導入をスムーズにするだけでなく、適切な期待を設定することもあなたの義務です将来の経験。ここで、次の推奨事項が機能します。
ユーザーが画面をタッチすることに慣れていないことは明らかであるため、シンプルな初回UXを作成する、つまり、スクロールする方法をすばやく説明するある種の概要を作成する必要があります。これは、「画面をタッチして指を上にスライドさせると、フォームの残りの部分を表示できます。指をタッチして上にスライドさせると戻る」というオーバーレイのように単純なものにすることもできます。 「閉じる」ボタン。 FTUパターンとガイドラインに関するいくつかの記事を次に示します。
私の推奨事項の2番目の部分は、スクロールに対するデザインのアフォーダンスのヒューリスティック評価を実行することです。その結果、画面にスクロールするためのアフォーダンスがなく、ユーザーが混乱する場合があります。数年前のUX.SEに良い質問がありました スクロールできる理由 。そして、これが 水平スクロールのデザインパターンのリスト であり、垂直方向に適切に適応できます。
ああ、これはもうありません。
ユーザーがスクロールします。
「私が隠し場所の下に情報を隠せば、そこに何かがあることを彼らは知っているでしょうか？」
ユーザーがページにアクセスしたときに最初に行うことは何ですか？彼らは発見を試み、その方法の1つはスクロールです。ユーザーがスクロールできない場合、ページは単にスクロールすることを許可せず、スクロールできる場合は移動します。
表示する必要がある画面サイズとコンテンツに既に妥協しているので、私はノーと言います。モバイルOSはnotを選択することで、ブラウザにスクロールバーを実装することを理解しているようです。
あなたの問題の解決策は、コンテンツ内のアンカーとそれをスムーズにするためのスクロールスクリプトであり、より多くの/その他の混乱に対処しないでしょう。
それが役に立てば幸い。幸運を。