1

We have this app page where in a user needs to fill-out multi-page form. They need to be able to go back to the previous step (hence the back button). But at the same time, they can exit the entire multi-page form to go to the main dashboard anytime (hence the exit / close button), in which case, a draft of the form they're filling out would be saved.

However, is this placement user-friendly? Especially that there's another icon beside the 'exit / close' button.

Is there a better way to do this?

enter image description here

2

Without reading what the top right button does (Go back button), I thought that it would take me back to the previous screen, not previous step, but the place where you clicked in order to get in this form.

I think that the problem with this screen is the placement of the buttons. On the top level, there should be more "operational" buttons: Going back to the previous screen, exit the form and settings.

On the second level, it should be the wizard. The misconception might happen because of the form entity. Some people perceive the form as one entity and some people every step as a different entity.

My suggestion is to

0

I think it is. The back button and close button are where users expect them to find.

However, I think the close and settings button might be too close to each other. There's a chance users might click the wrong button. You don't want users to accidentally close their form. You can fix this by repositioning the settings button (do you need settings while filling out a form?) or have feedforward for both buttons ('Are you sure you want to close this form' with a 'yes' and 'no' button in a dialog, for example).

0

In my opinion there are many elements on top side of the screen.

if you use numbers 1-2-3-4 and circles is possible to use them as a buttons

if you use only 4 dots you only show a status of the processes

I agree @NGAFD have a good Point of View

0

The 'Back'-button should be close to the 'Next'-button - and look the same -since they both are navigational. Maybe you could argue that 'Next' is more important, since it will be used the most. A possibility to make 'Next' more important is to set it wider that 'Back'.

As the others pinpoint, the settings-button is to close to the exit-button, especially when you in fact got enough space to place it elsewhere.

You could use the numbers as navigation, but it will not be as specific as 'Next' and 'Back' buttons. If they're not clickable, you should use another color than your buttons.

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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