Buttons are one of the most important elements of interaction design. They communicate actions that a user can take.
When to use
When not to use
Primary and Secondary Buttons
Buttons can have different states: they can be enabled or disabled. Here is some info about the states and some suggestions for styling them.
Buttons are used to trigger actions by clicking them. Here are some tips how to use buttons more effectively:
Make them look clickable
Give your buttons a consistent look, but also make them look like you can actually click them. If your button is styled like the rest of your text elements, your user will not understand that he/she can interact with it.
Make them consistent – but not the same
Different kind of buttons (primary, secondary, tertiary) are used to guide users through the process. Decide which button is most likely to be clicked and make it a primary button. Use a secondary button for the other option. There shouldn't be more than one primary button to choose from.
Place them logically
Buttons should be placed where users expect them to be. For example, I fill in a form with information and I have to confirm the input via a button. I expect the button to be positioned below the last input field, not on top of the form.
It's all about the wording
Be aware that your user does not know what will happen if he/she interacts with a button so the button itself has to communicate this. Try to use verbs and formulate clearly, what is about to happen. Wording like "OK" is not okay and should be avoided!
Buttons are static
Buttons in Jedox are static elements, e.g. they won't work in Dyna Ranges.