英数字フィルターリンク。 英数字ソートリンク

Yahoo!のデザインパターンライブラリの 3回目の翻訳 アルファベット順のリンクを使用した並べ替えの使いやすさに専念しています。 出所

問題


ユーザーは、大量の情報をアルファベット順にソートしたり、数値リンクの場合は昇順で表示したりする必要があります。

画像

使用する場合


解決策

  1. リストリンク。
    • リンクのリストは、数値リンクがある場合はそれから始める必要があります。
    • 特殊文字で始まるエントリまたはそのような文字のみで構成されるエントリがある場合、これらのリンクは個別に表示されます。
    • リンクは、この手紙の結果ページにつながるはずです。
  2. シンボルをクリックしてもコンテンツがない場合、それをリンクにすることは意味がありません。
  3. ユーザーが現在コンテンツを表示しているシンボルを特別な方法で強調表示します。
  4. ユーザーとシステムの両方に対するリクエストに対する回答があまりない場合(文字または記号をクリックすることを意味する)、
    • アンカーリンク( htmlbook.ruの説明 )を使用して、1ページ内の結果にすばやくジャンプします。
      または
    • これらの2つの方法を組み合わせると、ユーザーが多少混乱する可能性があることに注意して、ページネーション方法と方法を組み合わせてください。

ロジック


長いリストとスクロールはユーザーをロードし、ページでの作業を複雑にします。 このリストをアルファベット順にソートされた部分に分割すると、コンテンツとのユーザーの対話がはるかに便利になります。

以前の翻訳
最初の翻訳はブレッドクラムです。 サイトパス
2番目の翻訳はSearch Paginationです。 検索結果のページの番号付け

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


All Articles