EN: Eine für Smartphones optmierte Version wird in Kürze verfügbar sein
6.0.Components    6.2.Buttons

6.2.Buttons

6.0.Components      6.2.Buttons      6.2.1.Buttons for intranet and applications

6.2.1.Buttons for intranet and applications

It is important to ensure not only the uniformity of the design, but also the placement and weighting of buttons.

Standard

Some Image
Illustration

The structure and features of the horizontal navigation of an external application or website

    Other buttons

    Some Image
    Illustration

    The structure and features of the horizontal navigation of an external application or website

      Radio buttons

      Some Image

        Dropdown buttons

        Some Image
        Illustration

        Hint: Main button color = black with MOFX gray

          6.0.Components      6.2.Buttons      6.2.2.Button options for the internet, extranet and applications that are accessible externally

          6.2.2.Button options for the internet, extranet and applications that are accessible externally

          It is strongly recommended that black be used for the buttons for external online media (at least on the homepage), as this is the main color of navigation elements, with the exception of text links.

          Some Image
          Illustration

          Button options for the internet, extranet and applications that are accessible externally

          • Download
          6.0.Components      6.2.Buttons      6.2.3.Preview of the relaunch of the new www.daimler.com

          6.2.3.Preview of the relaunch of the new www.daimler.com

          The following preview provides a taster of the new visual language of www.daimler.com. For the current date of revision (01.02.2018) certain sections of the website have already been implemented in this look, and other sections will follow and be replaced one by one.

          Some Image
          Illustration

          Example of the new button look

            Usability hint

            • The font size of the initial letters of the button names should be uniform.
            • Where possible, the primary action should always be highlighted.
            • Labels should generally be descriptive, i.e. the button name should not simply be "OK", but should instead describe the action, e.g. "Save" or "Yes, delete entry".
            • Two-line labels should be avoided in any case.
            • Labels should not exceed 35 characters
            • Keyboard shortcuts should be provided where possible, e.g. "Enter" to initiate the primary action. This option should be made clear, for example, by underlining the letter used to trigger the action.
            • The option to cancel must be provided for every action.