0

I have a multipage modal I am creating. So I have Previous, Next, and Cancel buttons. In addition, since their are many steps, some of which could be blockers, I am giving the user to ability to save their work to the point where they hit a blocker. So I added a Save and Close button. What is the best order for these. Please note that, Save and Cancel, and Previous are not on the opening screen. Next becomes Done on the final screen. Next and Done are both colored as a primary button, and Cancel is a link.

My current iteration:

mockup

download bmml source – Wireframes created with Balsamiq Mockups

1 Answer 1

3

I suppose there could be better options:
enter image description here
Features are:

  1. Clear primary activity buttons (Previous, Next).
  2. Clear Close button on the top right. And...
  3. Smart 'Close' button, which auto-saves settings without user disturbance. When user again initiates the dialog the system propose to start it from the beginning or continue from the previous step.

Considering frequency and importantness of Save and close action, you could display it as a secondary action link. But name it more appropriate to the task flow, i.e. Continue later. This explicitly says to user its functionality. enter image description here

3
  • I like the continue later. I think the "x" close in the upper left works for non-essential things like lightboxes, but as this application is a business app, I feel I need to be more explicit.
    – rdellara
    Oct 13, 2013 at 17:33
  • 1
    I initially liked the continue later, then wondered if that is a little ambiguous. Does it save my work? "Save and continue later" may inspire more user confidence. Thoughts?
    – uxzapper
    Oct 17, 2013 at 0:33
  • @uxzapper "Save" is a bit tech internal detail, the next question could be "Where to save? And then how to open?", etc. So "Continue later" sounds a bit user-friendlier. Although this point not so critical and your option is good, too. Oct 17, 2013 at 9:15

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.