1

I have a simple 4 step process where a user goes into each step, chooses items and checks out at the last step. A fixed overview sits to the left of the page and tells users what their choices have been.

My question is if I reach the last step (4) and I see that I want to edit step 2 should the progress bar go back to step 2 like in the attached image?

Important to note is that the entire process and all steps are on one single page. The user clicks "next" to reveal the next step in the process.

Should I have an indication of completed steps vs. current steps?

Thanks!enter image description here

1 Answer 1

2

I think that you might be better off conveying both states of use differently.

For example you can make the progress bar move accordingly with the step numbers but also bold/underline the currently viewed step.

So if they get to step 3 and go back to Step 1 then Step 3 will still be orange but it will be obvious that Step 1 is currently being viewed.

enter image description here

If you do not like the bold/underline idea then maybe draw a gray/black halo around the step number currently being viewed.

enter image description here

enter image description here

4
  • This is good, although we'd need to consider the case when changes in an earlier step invalidate choices in later step that was previously "complete". Sep 30, 2014 at 14:09
  • That was mentioned nowhere in the question. I can update my answer if the question changes and I am notified.
    – MonkeyZeus
    Sep 30, 2014 at 15:13
  • @JimmyJunior brings up a good point but the way it is designed you can't invalidate another step at any point. Awesome suggestion on the underline to indicate the current step. I felt adding more color was too confusing. Sep 30, 2014 at 15:25
  • @JimmyJunior You could also make step two slightly transparent like the other steps but still keep it orange to tell the user that he already was at this step, but needs to readjust some things.
    – Kweamod
    Oct 1, 2014 at 10:08

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.