Best Practices of Pagination Designs
Neha Gupta | 6th June 2018
Pagination is a solution by which users browse additional information of the article easily. It is usually referred to by numbers, hints, arrows as well as “previous” and “next”-buttons. It is the important element in web designing. Especially in websites having heavy content and applications. It is used just to divide the content and make it easy to read & understand for the user in a presentable manner.
While designing pagination, we should keep 6 aspects in our mind. Follows as :
- Provide large clickable areas
To make them more effective and user-friendly, give proper visual design and each link a large clickable area, that’s visually identifiable. By large, one can prefer is “twice as wide as the number, and 1.5 times its height.”
- Don’t use underlines
Underlining every number can make look design tacky. Having Pagination on a web page is an obvious thing that it will be clickable that’s what they are for.
- Identify the current page
Current Page should be easily identifiable to the user. It should look different from other page numbers so that user can track easily on which he/she is.
- Space out page links
There should be proper spacing between the two links so that user cannot accidentally click on other wrong page number.
- Provide Previous and Next links
Previous and Next buttons visually give a clear idea so offer them. They make the look clearer.
- Put First and Last links on the outside
This is nothing more counter-intuitive than the Last link followed by a Next link. It is a superseding step and follows the basic rule.
Conclusion
It can be tricky getting pagination right yet in the event that your pagination configuration fills the essential need of enhancing route, you’re doing fine. Note that pagination isn’t generally instinctive so finished planning by including an excessive number of components or notwithstanding utilizing numerous hues can befuddle the client. Stick to basic route for smooth client encounter.
