We received a question from a Product Owner asking ‘Where should the ‘Cancel’ button go, before, or after the ‘Save’ button?’ Below I share my rule for where I put the ‘Cancel’ button in my apps in relation to the ‘Save’ and ‘Submit’ buttons.
For readers that read left to right (i.e. English readers), the ‘Cancel’ button should almost exclusively go before any ‘Submit’ or ‘Save’ button if the desired goal is for the user to press ‘Submit’ or ‘Save’. Why? The anticipation is that the action item we want and that is final will should be to the far right.Micky Thompson, CEO, Rackless, Inc.
If you are interested in learning Micky’s rules for the ‘Save’ or ‘Submit’ buttons in his web apps, click here.
We hope you found this rule helpful as you work to build your next website/mobile app and use the ‘Cancel’ button. Cheers to the ‘Cancel’ button never being used in your app!