Description
Pagination at the bottom of the search results.
:star: Recommendation :star:
We design a pagination component that is modelled after the format of the Janelia example, but with the type and color styles of the current Biointeractive site.
Pros:
Next and Previous buttons are very large and easy to click on mobile.
Cons:
Organization is a bit confusing, this doesn't look like one cohesive component. Each part of the pagination looks like a separate item. The component looks combined with the back to top button.
The pagination is responsive, but the buttons go away on mobile, when the large touch targets are needed the most.
Description Pagination at the bottom of the search results.
:star: Recommendation :star: We design a pagination component that is modelled after the format of the Janelia example, but with the type and color styles of the current Biointeractive site.
On HHMI.org
Link to Design: https://www.hhmi.org/search?kw=test#global-search-header
Pros: Clear and easy to understand. Simple and legible.
Cons: Very small click targets for touch devices. Not responsive.
On BioInteractive
Link to Design: http://www.hhmi.org/biointeractive/search?text=science&sort_by=search_api_relevance&redirect=1
Pros: Next and Previous buttons are very large and easy to click on mobile.
Cons: Organization is a bit confusing, this doesn't look like one cohesive component. Each part of the pagination looks like a separate item. The component looks combined with the back to top button. The pagination is responsive, but the buttons go away on mobile, when the large touch targets are needed the most.
On Janelia
Link to Design: https://www.janelia.org/search?kw=science
Pros: Clear and easy to understand. Next and Previous buttons have large click targets for touch screens. Responsive.
Cons: