次のページに切り替えるたびに、何かを検索する必要性に常に悩まされています。 不必要なジェスチャーに邪魔されないように、情報を表示しやすくすることを望んでいました。
「なんとなくもっと簡単に」したい場合-あなたはここにいます。 この記事では、発明された新しいページネーションの形式についてお話したいと思います。 プッチャの紹介は、脚の成長元を明確にするために、最も一般的な2種類のコンテンツ表示についての短い話です。 それらの長所と短所。 それから私は要点を説明します。
無限のスクロール
目に見えるフィニッシュラインなしで、コンテンツストリーム全体を表示できます。
利点:
- 特定の何かを検索するため、または単に時間をつぶすために大量の情報を消費する効果的な方法。
- コンテンツは追加費用なしで継続的に更新されます。 次のページ番号をクリックするたびに気を散らす必要はありません。
- ユーザーがクリックするよりもスクロールする方が便利です。
短所:
- 後で戻る必要がある場合、場所をブックマークする方法はありません。
- サイトを閉じた後、再びこのポイントに到達するには、最初から最後まで行かなければなりません。
- 自分の立場を判断することは不可能であり、その結果、製品とのやり取りの全体的な経験が低下します。
- 利用可能なデータの実際の量を反映していません。
- フッターに到達するのは難しい(不可能です)。
クラシックページネーション
コンテンツを個別のページに分割するメカニズム。
利点:
- ユーザーがリスト内の特定の何かを探しているときに、データストリームだけでなく、うまく機能します。
- コントロール感を与えます。 結果の総数を確認できるため、適切な素材を見つけるのにかかる時間を簡単に見積もることができます。
- 要素の場所を覚えておく能力。 当然のことながら、ユーザーは必ずしも正確なページ番号を覚えているわけではありませんが、結果のリストを大まかにナビゲートします。
- 検索を停止すると、表示された結果の数を常に正確に把握でき、中断した場所と、まだ調査する必要がある結果の数を結論付けることができます。
短所:
- クリックの形での追加の負荷。
- 情報を検索する際の「ストリーム」の状態の中断。
新しく発明されたページネーション
2つのトップタイプの長所と短所を分析した後、彼女は3つ目を発明しました。これには長所が含まれ、最初の2つの短所が解消されます。
写真のすべてがはっきりしていることを願っていますが、念のため、料理の段階的なレシピを示します。
- ページの改ページを行い、それをサイトの右端に「接着」します。
- 修正します。 ページをスクロールすると、ページネーションは残りますが、ページは変わります。 または、画面の下部で「接着」することもできます。
下矢印/上矢印-ページの開始/終了。
高さ、幅、外観-あなたの好みに合わせて。 多くのページがある場合、古典的なページネーション技術を再び使用します:1 2 3 4 5 ... 10
したがって、ユーザーを情報検索ストリームから除外せず、負荷を減らし、状況と場所を制御し、見つかったページと既に表示されたページの数を表示し、リストの先頭(末尾)にすばやくジャンプできるようにします。
魔法ではなく、すべてが簡単です。 しかし、何らかの理由で、私はサイトでそのような方法を見ませんでした。
雲を飛んで戦闘をチェックしないように、オンラインストアの商品カタログを設計するときに、新しいページネーションをユーザー(4人)でテストしました。
テスト中に、ユーザーはこれが何であり、何を目的としているのかを理解し、ページに切り替え/戻って、自分がどこにいるのか、まだ何ページ進んでいるのかを知りました。
私のミニテストでは、この要素に関する問題は明らかになりませんでした。したがって、これは、サイトのコンテンツを検索(表示)するときの生活を楽にし、ユーザーに不必要なアクションを強制することなく、実行可能なソリューションだと思います。
重大な欠陥を見つけた場合、または何らかの理由でこのようなインターフェイス要素が不快に感じられる場合は、ご意見をお聞かせください。
psは、 この記事の素材と写真を使用して記事を書いたとき