社員名簿一覧のページネーションを設計する際には、ユーザーの利便性と効率性を考慮することが重要です。100名規模の社員数を登録する場合、以下のようなページネーションの設計が適切です。
表示件数の選択オプション: ユーザーが一度に表示する社員数を選択できるようにします。例えば、10件、25件、50件、100件などのオプションを提供することで、ユーザーのニーズに応じた表示が可能になります。
ページ番号の表示: ページ番号を表示し、ユーザーが特定のページに直接移動できるようにします。これにより、ユーザーは必要な情報に迅速にアクセスできます。
次へ/前へボタン: 次のページや前のページに簡単に移動できるボタンを設置します。これにより、ユーザーはスムーズにページを移動できます。
最初/最後のページへのリンク: 最初のページや最後のページに直接移動できるリンクを提供することで、ユーザーの操作を簡略化します。
現在のページ情報の表示: 現在表示しているページが全体の何ページ目かを示す情報を表示します。例えば、「ページ 1/10」のように表示することで、ユーザーは全体の進捗を把握しやすくなります。
これらの要素を組み合わせることで、ユーザーが快適に社員名簿を閲覧できるページネーションを実現できます。ただし、具体的な設計は、ユーザーの利用状況やデバイスの特性に応じて調整することが重要です。専門家の意見を参考にしながら、最適なUI/UXを設計してください。
まとめサイトがあるので参考にしてください https://design-library.jp/ui/category/pagination
4ページを超えるページネーションの発動はUI的に適していないとされています。