_Navigation

Definition: A navigation button is an element that navigates between sections, pages, or views.

When to use

Use button navigations to move the user one step backwards or forwards in the experience.

Anatomy

  1. Icon
  2. Body

 

 

 

 

 

Variations

  1. Button navigation jumping to the first or last section
  2. Button navigation jumping to the previous or next page

 

 

 

 

 

Shapes

  1. Square
  2. Round

 

 

 

 

Where to use

✅ Long lists

✅ Search results

✅ Multi-page content

✅ Large datasets