Contents
Like all SPAs, the back button will simply take the user right out of app. Also the user cannot bookmark anything. So what you want to do is use javascript’s pushState() which will allow you to control the url. For example, suppose you show a search screen to go to a record.
Don’t like this.” During all our usability studies we’ve observed how users, both novice and expert, rely extensively on the browser “Back” button. Often this has severe usability implications when many common web design patterns — such as overlays, anchor links, dynamically injected views, hidden content, etc.
What is the browser back button?
A back button in the browser lets you back-up to the copies of pages you visited previously. The web browser’s back and next buttons work well with web sites that provide information that changes infrequently, such as news and shopping web sites.
Where should I put my back button?
# Put the back button above the form Left: back button next to the primary button (not recommended). Right: back button above the form (good). Some forms or questionnaires appear across multiple pages and some people want to go back to check or change their answers.
In summary: Use history.pushState () to make sure your site invokes ‘back’ button behavior that aligns with the user’s expectations. Specifically, ensure that any visual change the user will perceive as a new page is added to their browsing history, regardless of whether it’s technically a new page or not.
A web application should always strive to be compatible with the browser’s back button. That is, using the back button should have deterministic results within that application that match expected behavior (global consistency).
Why do people expect the back button to work?
Overlays and lightboxes are by design meant to convey a new page that’s laid on top of the previous page. It should, therefore, come as no surprise that users perceive these as separate pages and expect the browser “Back” button to bring them back to the original page.
Where does the back button take the user?
And therein lies the rub: the browser “Back” button takes the user back to their previously visited URL, which isn’t necessarily the same as what the user perceived to be their previously visited page.