Stepper Next button text - Name of next step vs. simply "Next"



  • I have a multi-step form with five steps.

    At the bottom of each page there is a button to go to the previous step and the next step.

    Should the text inside the button have the name of the next / previous step? Or should they say Previous / Next?

    Steps are shown to the user at the top of the form and are clickable:

    1. Recipient     2. Options     3. Access     4. Contact
    

    Let's say we are on step 2, should the buttons say

    [ < Recipient ]                  [ Access > ]
    

    or should they simply be

    [ < Previous ]                   [ Next > ]
    

    Note that the buttons have arrows to let the user know that he is going back () using horizontal MUI stepper.



  • I can think of several options.

    1. Use [previous topic] and [next topic]. Pros: it's probably clear what the buttons do, especially with the addition of the arrows.

    2. Use "previous" and "next". Cons: user might think it will refresh the page and delete/invalidate entries. Perhaps you could indicate the state of the pages in the top contents row.

    3. Merge all pages into a long vertically scrolling page. You can use a fixed navigation bar to highlight the current position/category. Pros: keep everything on one page. Cons: long scrolled page; later pages may require entries from earlier pages; won't win any design awards.




Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2