Button

Moodle User Interface Guidelines > Link

Note: This page is a work-in-progress. Feedback and suggested improvements are welcome. Please join the discussion on moodle.org or use the page comments.

This is a guideline for a Moodle Interface Guideline. Comments: developer forum thread

Problem

The user needs to be provided the choice to issue a command. This command may be to submit form data.

Forces: factors that affect selection

• Links take up less screen real estate than buttons
• Buttons should be preferred for (at least primary) commands

Solution

The label of a button should be a command verb: "Save Settings".

Buttons should never be used for navigation. Instead, use links.

With buttons, the command is usually mediated to the server in form of a POST parameter. Pressing the back button results the browser asking if the user wants to resubmit the form. To avoid this and keep the back button functional, redirect (using HTTP headers) the resulting page, to a new page after processing the data the browser sent.

Related guidelines

• Link

Related issues in the tracker

• TODO: The course groups management UI uses buttons for navigation within the UI

Further information / Sources

• Visualizing Links: 7 Design Guidelines (Jakob Nielsen's Alertbox)
• Command Links (Jakob Nielsen's Alertbox)
• Avoid Within-Page Links (Jakob Nielsen's Alertbox)
• First 2 Words: A Signal for the Scanning Eye (Jakob Nielsen's Alertbox)