Contents
Full page designs should have the primary button on the left side of the page. If the browser window is large, or you have to scroll down to fill out a form, it’s best to have the primary button right below the last bit of content on the page.
What is the button used to navigate to the previous page?
The Navigation Buttons A typical case is to have a “Back” button in the top left hand of the navigation bar. As the user travels deeper and deeper into the pages the “Back” button should always return the user to the previous page.
Up vs. Back. The Up button is used to navigate within an app based on the hierarchical relationships between screens. The system Back button is used to navigate, in reverse chronological order, through the history of screens the user has recently worked with.
Why the back button must be placed on the left side of the screen?
The reason is quite simply (contrary to your experience) that it’s proven easier to reach the bottom left corner if you hold the device with your right hand rather than the bottom right corner. Supposedly every good UI has a metaphor behind it.
The saviour of anyone who has ever been lost on the web and needed to find their way home, the back button takes you back to the last page/URL you visited. Many web apps are single-page applications, meaning they don’t need to load different pages to present different views.
What should the Order of navigation be in a UI?
The order in which a user moves, or navigates, through the elements of a UI must be logical and consistent with the natural language in which the UI is written. In a well-designed UI, the navigation order starts with the most commonly used control and flows in the direction in which the language is read.
Buttons should be the first choice when designing for action, because that is what buttons are intended for and what users expect. Following user expectations and established UI design patterns is the best way to create effective user-centered products.
Where is the best place to put the primary button?
If the browser window is large, or you have to scroll down to fill out a form, it’s best to have the primary button right below the last bit of content on the page. The reason is that this is where your users’ attention has been focused, while either reading or adding information to a form. The words you use matter.
Don’t make users hunt for buttons. If users can’t find a button, they won’t know that it exists. Conventional placement for buttons improves discoverability. With a standard layout, users will easily understand the purpose of each element — even it’s a button without strong signifiers.