Projects/Usability/HIG/SOU Workspace/Links: Difference between revisions

    From KDE TechBase
    No edit summary
    No edit summary
    Line 2: Line 2:


    Links are text or graphical elements that indicate further information when clicked, typically navigating to a new web page in a browser window. While it is most common to see links used in HTML, they can also be embedded within the user interface, such as in [[dialogs]] or used for [[contextual help]] (such as ''What's this?'' hints).
    Links are text or graphical elements that indicate further information when clicked, typically navigating to a new web page in a browser window. While it is most common to see links used in HTML, they can also be embedded within the user interface, such as in [[dialogs]] or used for [[contextual help]] (such as ''What's this?'' hints).
    [[Image:link.png]]
    ''A link in a configuration dialog to access further information.''


    Unvisited links are typically blue and often underlined. When a user hovers over a link, the link text appears as underlined (if it wasn't already) and the pointer shape changes to a hand.
    Unvisited links are typically blue and often underlined. When a user hovers over a link, the link text appears as underlined (if it wasn't already) and the pointer shape changes to a hand.

    Revision as of 10:27, 22 September 2008

    Links

    Links are text or graphical elements that indicate further information when clicked, typically navigating to a new web page in a browser window. While it is most common to see links used in HTML, they can also be embedded within the user interface, such as in dialogs or used for contextual help (such as What's this? hints).

    A link in a configuration dialog to access further information.

    Unvisited links are typically blue and often underlined. When a user hovers over a link, the link text appears as underlined (if it wasn't already) and the pointer shape changes to a hand.

    Guidelines

    • Links should be styled in a consistent manner and be easily discoverable by sight alone (interaction alone is not acceptable).
    • Indicate the result of clicking on a link by using link labels that are descriptive and accurately predict that result. Keep link labels short and concise.
    • Make sure links in configuration dialogs are accessible via the keyboard.


    Links in dialogs

    • Use links in configuration dialogs to provide further information about the displayed options.
      • Options include opening a What's this? hint, directing the user to a page in the user manual or opening a web page in the default browser.
    • Use links in dialogs rarely, and only if the information is critical to the user (e.g. security-related hints or when a critical option is operated).


    Links in Whats This? hints

    • What's this hints should contain links to related information in the user manual, if available.