59
votes
Should I put a back button on my form wizard?
The back button is important. Users should be able to correct any mistakes and review what they have already entered. Also, I do not find the back button a reason users will not finish the form, on ...
54
votes
Accepted
Should I put a back button on my form wizard?
Allowed but not emphasized
The key is to provide the ability to step back, but not encourage it. If it's over-emphasized, some people will feel compelled to review their work regardless.
The ...
18
votes
Accepted
Back button shows user old state
From an UX perspective there's no doubt that you should always show the user the current state of the system, otherwise users could think that their action was not really performed / recorded which ...
10
votes
Mobile app navigation: Back vs. cancel
What creates confusion i.m.o. is the back and the close button being on the same level in the visual hierarchy where as they act on different levels. Wouldn't it be more clear when the close button is ...
8
votes
Accepted
Should I disable or hide the Back button in last step of Wizard
You should remove any buttons that are not available to the user.
A disabled state implies that there may be some action that will re-enable the button.
However, you need to make sure the user is ...
8
votes
Accepted
Should opening a modal box change the browser history?
YES INDEED
For most users, this will be just another page. And conceptually, they will be right, they have no idea about the technical part, they only know that by clicking or doing something they ...
8
votes
Mobile app navigation: Back vs. cancel
I would encourage you to consider whether a cancel button is truly necessary in this situation.
What is the likelihood that the user will wish to cancel their entire
submission?
Is it more likely ...
8
votes
Accepted
Back button on mobile web app
Question 1: Back button is totally needed! There is a few reasons for this.
With a back button, you ensure consistancy accross devices and browsers. Each browser could have the button in different ...
7
votes
Mobile app navigation: Back vs. cancel
I find the second version confusing. I think that the same button should be placed at the same place in the different screens.
But I have to say that I find the first option confusing as well. To me,...
6
votes
Accepted
Is it a good idea to make the forward button of the browser go to the next step?
No, it's not a good idea. Apart from the fact that nobody would expect it (principle of least surprise), it's already established that the back and forward buttons move through your browser history -- ...
6
votes
Accepted
Cancel button, reset form or go back?
It's not a good practice to have different behaviours for actions that look similar to the user.
"Cancel" is a way for a user to "Exit" a process or action without making changes.
...
5
votes
Accepted
How should Android back button behave when it's not possible to go back to previous screen?
By default an Android application minimizes and returns to the home screen when it is no longer possible to go back further inside the app itself. Deviating from such a pattern is likely to result in ...
4
votes
Back button shows user old state
The issue that you are facing is primarily caused by the fact that your QA team is expecting single-page application (SPA) behavior out of (what sounds like) a multi-page application (MPA) design.
...
4
votes
Accepted
Back function in (mobile) native apps vs. web apps
This answer is focused on Android, it might or not be applicable to iOS.
Google Material Guidelines has a very complete section on Navigation which describes how a user interacts with the navigation ...
4
votes
Why there is <- Back button on top of tool bar in Android
The left-pointing arrow in the action bar is actually an "Up" button. It works a bit differently than the back button -- instead of going back to the screen you visited last, it goes to the screen ...
4
votes
Why don't Facebook and Instagram use back-to-top buttons/links?
To some extent, they DO have that, though not in exactly that form. In many of those apps (Facebook and Twitter, at least, and Gmail in the desktop), clicking on the main Nav item that best represents ...
4
votes
Should I put a back button on my form wizard?
Considering something like a survey, I might want to move information betweens answer (or copy it). If I can't, I'm quite likely to think that the whole thing is a waste of time, and give up. ...
4
votes
Accepted
How do I know when to use back or close button (or both) on mobile apps
Question 1: Arrow or X
Generally speaking the arrow indicates that "you", the user, will return to a previous page of a sequence.
If a user selects an action and that entire action is done on one ...
4
votes
Accepted
Should a message show up confirming the user wants to leave when they press on a 'back' button within an app?
This is a good question but I am afraid the answers are going to be opinionated. My answer is based on my experiences with various apps.
When a two-step exit is helpful
On feed-based apps that don't/...
3
votes
Going back to a list of pages after reading a page
If you're looking for user friendly, then browser's back button should suffice, it's a known and expected behavior, and for one level navigation, it's what most users will look for.
Now, if you want ...
3
votes
How to tackle browser's back and forward buttons/arrows?
The browser has back and forward buttons whether we like it or not. I would work with that.
If the buttons are present but made non-functional by the developer, the end-user is likely to find the ...
3
votes
Accepted
IOS - Back icon + 'back' label vs back icon only
Use icon + text when the back icon is on the top navbar. Here's why:
iOS uses the < symbol for Back. This takes very less real estate so having text makes sense
It may get missed when used on the ...
3
votes
Mobile: Back after edit should go to the edit again?
For both the scenarios, pressing back should take the user to the list of homework.
The Edit action should only be accessible by the Edit button
When the user clicks on the Back button, he/she ...
3
votes
Accepted
Does it make sense to put a back button on first page of a wizard?
Design is communication, and good design meets expectations
And landing on the first screen (having clicked to initiate the wizard) and seeing a screen with only a next button communicates "Yes, you ...
3
votes
How can I make it clear for our users that Logo button is also a Back button?
You should have a separate header for the website builder which will have back navigation button. It should be separate from the theme header which currently consists of the theme logo and other ...
3
votes
How can I make it clear for our users that Logo button is also a Back button?
The problem lies with the logo, it's synonymous with back to homepage. I would recommend breadcrumbs or an additional nav like the above answer.
3
votes
Recommended browser back button behaviour for SPA's
Test with your prospective users.
As you suggest, both sides have pros and cons but the best way to settle the matter is to get a bunch of users to test a prototype.
Taking control of the browser's ...
3
votes
Cancel button, reset form or go back?
I see two things here that I think can be improved.
You don't need an "edit" button in the rows of your table. I think it's a better flow if you direct your user to a detail page first, and ...
3
votes
Users are not figuring out that they can use breadcrumb to navigate to go to the previous page
Have you tried using a signifier such as a colour, that makes the text look more like a link you can click on?
I've even seen some designers use pills/buttons for each page title, to make it more ...
2
votes
Android - Navigation Drawer "everywhere" drawbacks
One of the questions I can answer very clearly: Yes, there are drawbacks:
Due to Android guidelines main navigation is not supposed to be handled by the drawer completely. This implicitly creates ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
back-button × 139navigation × 58
android × 25
mobile × 18
buttons × 18
ios × 14
website-design × 12
web-app × 11
usability × 10
forms × 7
breadcrumbs × 7
user-expectation × 6
mobile-application × 6
wizard × 6
gui-design × 5
browser × 5
close × 5
cancel × 5
menu × 4
undo × 4
interaction-design × 3
tabs × 3
iphone × 3
modal-windows × 3
placement × 3