web-dev-qa-db-ja.com

ページのセクションスクロールの使用はUXに適していますか?

デザイナーはこのようなウェブサイトでこの効果を使用することを主張しています

http://alvarotrigo.com/fullPage/examples/normalScroll.htmlhttp://www.thepetedesign.com/demos/onepage_scroll_demo.html

他のいくつかのWebサイトでこの種の相互作用を見たことがあります。

モバイル画面ではコンテンツを表示するにはモバイルデバイスの高さがデスクトップよりも小さいため、小画面にはコンテンツが多すぎるため、モバイルでは単一セクションの全画面のコンテンツを表示できないため、これは確かに使用できません。たとえば、モバイルデバイスのビューポートの高さが420pxで、420pxの高さに収まらないコンテンツがある場合、セクションのコンテンツ全体は表示されません。

これを使用する前に、このタイプの対話には長所と短所があるかどうかをUXの専門家に尋ねたかったのです。

3
Jitendra Vyas

スクロールパターンとナビゲーションは、ウェブサイトの情報アーキテクチャとコンテンツ戦略に大きく依存します。ページスクロールUIパターンは、製品の機能を紹介するために主に使用されており、このように誤用されていると思います。ほとんどの場合、機能は対等ではありませんが、相互に関連/依存しています。

IOSのページコントロールUIから進化したWeb上のページセクションのスクロールのようです。

IOS HIGは、ページコントロールは、各ビューが他のすべてのビューのピアであるアプリ用に設計されており、[〜#〜](〜#〜]階層またはその他の複雑な配置でビューを表示するために使用されます。

これとは逆に、ページ間に階層/関係があるプライマリナビゲーションにページセクションスクロールが使用されている場合は、UXが良くありません。情報に階層構造がある場合、ユーザーはページ間をジャンプする必要があります。 2番目の例では、ページコントロールドットがナビゲーションインジケーターとして使用されています。 NN/gの最近の記事は、これらのドットは一般にユーザーから見落とされており、主要な機能に使用してはならないことを説明しました。

モバイルからWebへのUIパターンのクロスオーバーがあり、それらの一部はアンチパターンになりつつあります。 ( ハンバーガーアイコンをデスクトップサイトのメインナビゲーションとして使用するように )。ページスクロールパターンもあまり望ましくない方法でクロスオーバーしています。

4
Adit Gupta

他のユーザーが指摘したように、ほとんどの状況では、この動作はWebコンテンツには適していません。

では、いつこのスタイルのナビゲーションを使用しますか?

  • 順次表示する必要があるコンテンツが限られている場合and
  • 固定(または簡単に制御される)表示画面のサイズを扱っているand
  • ユーザーはマウスのスクロールを主要なナビゲーションコントロールとして使用しない

  • キオスク画面での製品情報の表示
    • キオスク画面はすべて同様のサイズであるか、アスペクト比を簡単に制御して、すべてのコンテンツが画面に正しく表示されるようにします
    • キオスク画面は、デジタル看板としても機能します。そこでは、フルスクリーンのビジュアルで人々を画面に引き付けたいと考えています。
    • コンテンツを順番に並べることは、製品についてのストーリーを伝えるのに役立ちます
    • タッチスクリーンでのマウスのスクロールはありません。
  • PowerPointの置き換え
    • フルスクリーンスライドを順番に表示する
    • プレゼンテーション形式は当然、スライドあたりのコンテンツの量を制限します
    • ユーザーはプレゼンテーションを「駆動」しているため、マウスのスクロールではなくページングコントロールが重要です。
0
nightning

ユーザーを制御できるようにするという古いUXの信条があります。投稿した2番目のリンクである1ページのスクロールリンクは、ユーザーから制御を奪います。その上、それは通常の/予想されるブラウザの動作をハイジャックします。

この特定のサイトとユースケースの具体的な詳細を知らなければ、私はそれが良いか悪いかは言えませんが、私が上に書いたものに基づいて、それは非常に疑わしいと思います。

0
Thomas