Links and buttons

  • Ensure that all interface navigation is in one location
  • The location of the interface elements must be kept in similar contexts (e.g. the link to the main page must be always in the same place.)
  • Linked text should indicate the nature of the link target (e.g. avoid “click here” because it is ambiguous and doesn’t provide the student with direction as to what they are opening)
  • When a linked text appears more than once on a page, it should point to the same link target
  • Links should not be a single word or letter
  • Avoid presenting the complete URL address of a link
  • Links presented as buttons or icons should be large enough
  • Use consistent methods of indicating a link (e.g. blue underlined text)
  • A non-clickable text must not seem to be clickable (e.g., if your links are one colour, do not use that colour for non-clickable text anywhere)
  • Avoid using images as the only way of linking to something
  • Highlight and clearly place buttons and links which close the page, return to the previous page or go to the following page
  • Make sure that the links leading towards another page of the interface open in another page in the style of a pop-up window without being blocked
  • Make sure that the new page that opens is smaller than the page under it, in order to not to lose sight of the place where the student had clicked the link
  • Have simple navigation, with just a few choices, rather than navigation with lots of choices
  • In presenting the navigation bar, it is better to present it from left to right than from up to down. It is difficult and frustrating to read a document that can begin and end anywhere and that is different from the usual presentation of a “standard book”
  • Use skinny panels for presenting menu options. When using large panels, we hide the content each time we open the options menu, which makes it difficult to use
  • Place navigation bar horizontally to leave maximum space for text and white space
  • Use a maximum of 6 links in a navigation bar
  • Avoid using cascading menus