Gather your requirements
Key to mobile pagination is distinguishing the various states clearly and, in this case responsively. For me the most important challenge is to satisfy the ‘fat-finger’ brigade. As with every project, there is always additional requirements. With this project, distinguishing the states had to be brand agnostic as tech roll-out responsively was across 14 other brands.
Stop Making Your Pages So Short
Remember a website isn’t like a printed book page, a site’s page has infinite height and can hold as much content as required. Of course, there are page load considerations, so avoid huge pulls on your APIs as loading speed could be affected.
Is pagination really needed?
For certain audiences infinite scroll is the perfect choice. Remember these pages never let you touch the bottom. Used on the wrong type of site, these can frustrate the users. In a nutshell;
- For e-commerce experiences, sales, and crystal clear analytics, pagination is the way.
- For a more streamlined user experience and upfront viewing of your important content, scrolling is almost always the safe bet.
Best Practices key take-outs
- Satisfy the ‘fat-finger’ brigade large clickable areas and appropriate spacing
- Don’t use underlines
- Identify the current page
- Provide Previous and Next links
- Use First and Last links (where applicable) and always on the outside
Get in touch
This is but part of a selection of design articles spindlelegs generated for the creative community out there. Please contact us further to discuss if your brand really wants to benefit from this new immersive experience here: info[at]spindlelegs[dot]codotuk
If something has peaked your interest. Please leave a comment below.