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

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



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



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



無限のスクロール



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







利点:





短所:



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



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







利点:





短所:





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



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







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



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


下矢印/上矢印-ページの開始/終了。

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



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



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



雲を飛んで戦闘をチェックしないように、オンラインストアの商品カタログを設計するときに、新しいページネーションをユーザー(4人)でテストしました。

テスト中に、ユーザーはこれが何であり、何を目的としているのかを理解し、ページに切り替え/戻って、自分がどこにいるのか、まだ何ページ進んでいるのかを知りました。



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



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



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



All Articles