古いページネーションの新しい生活

既に「オートパイロット」モードで設計に携わっているとき、興味深い機能だけでなく、インタラクションの粗さにも気づきます。これはいくつかのサイトで修正したいことです。 これらのことの1つは、ページネーション(それを呼び出しましょう)またはサイト上のコンテンツを送信および検索する方法です。

次のページに切り替えるたびに、何かを検索する必要性に常に悩まされています。 不必要なジェスチャーに邪魔されないように、情報を表示しやすくすることを望んでいました。

「なんとなくもっと簡単に」したい場合-あなたはここにいます。 この記事では、発明された新しいページネーションの形式についてお話したいと思います。 プッチャの紹介は、脚の成長元を明確にするために、最も一般的な2種類のコンテンツ表示についての短い話です。 それらの長所と短所。 それから私は要点を説明します。

無限のスクロール


目に見えるフィニッシュラインなしで、コンテンツストリーム全体を表示できます。



利点:


短所:

クラシックページネーション


コンテンツを個別のページに分割するメカニズム。



利点:


短所:


新しく発明されたページネーション


2つのトップタイプの長所と短所を分析した後、彼女は3つ目を発明しました。これには長所が含まれ、最初の2つの短所が解消されます。



写真のすべてがはっきりしていることを願っていますが、念のため、料理の段階的なレシピを示します。

  1. ページの改ページを行い、それをサイトの右端に「接着」します。
  2. 修正します。 ページをスクロールすると、ページネーションは残りますが、ページは変わります。 または、画面の下部で「接着」することもできます。

下矢印/上矢印-ページの開始/終了。
高さ、幅、外観-あなたの好みに合わせて。 多くのページがある場合、古典的なページネーション技術を再び使用します:1 2 3 4 5 ... 10

したがって、ユーザーを情報検索ストリームから除外せず、負荷を減らし、状況と場所を制御し、見つかったページと既に表示されたページの数を表示し、リストの先頭(末尾)にすばやくジャンプできるようにします。

魔法ではなく、すべてが簡単です。 しかし、何らかの理由で、私はサイトでそのような方法を見ませんでした。

雲を飛んで戦闘をチェックしないように、オンラインストアの商品カタログを設計するときに、新しいページネーションをユーザー(4人)でテストしました。
テスト中に、ユーザーはこれが何であり、何を目的としているのかを理解し、ページに切り替え/戻って、自分がどこにいるのか、まだ何ページ進んでいるのかを知りました。

私のミニテストでは、この要素に関する問題は明らかになりませんでした。したがって、これは、サイトのコンテンツを検索(表示)するときの生活を楽にし、ユーザーに不必要なアクションを強制することなく、実行可能なソリューションだと思います。

重大な欠陥を見つけた場合、または何らかの理由でこのようなインターフェイス要素が不快に感じられる場合は、ご意見をお聞かせください。

psは、 この記事の素材と写真を使用して記事を書いたとき

Source: https://habr.com/ru/post/J344136/


All Articles