SideBarMenu

Überblick Visual Style Guide

Interaktionselemente

Text muss noch aktualisiert werden

  • Was soll anklickbar sein?
    • Navigationselemente
    • Buttons mit Text
    • Textlinks: Textlinks sollen nicht im Fließtext von Systembestandteilen (zB. in Onfoboxen) erscheinen, auch wenn dies in der Vergangenheit häufig so gemacht wurde. Textlinks erscheinen nur im Fließtext eines Feldess (Nutzereingabe oder Systemfeld) und werden durch die Formatierungsfunktionen in diesem Fall mit dem Link-Icon versehen. Nur in diesem Fall kann der Nutzer diesen Link leicht vom Fließtext unterscheiden.
    • Icons: Grundsätzlich sollen Icons nur in der blauen Variante klickbar sein (die Farbe entspricht der normalen Linkfarbe), Ausnahmen gibt es derzeit auf der Seite "Meine Veranstaltungen" und bei einigen Objekticons. Die Ausnahmen sollen Ausnahmen bleiben, dh. neue klickbare Icons sind grundsätzlich in Blau zu halten. Für Aktionen wie Anlegen, löschen oder Verschieben gibt es Zusätze (in der Regel rot), die auf die besondere Funktion dieses Icons hinweisen.

(siehe unter http://docs.studip.de/develop/Style/Icons)

  • Wann benutzt man zur Interaktion einen Textlink, wann einen Tab, wann einen Button mit Text und wann ein Icon?
    • Tab: Umschalten zwischen verschiedenen Ansichten/Aspekten eines Objekts
    • Textlink: Navigation zu einer anderen Seite, keine "Aktion" i.e.S.
    • Icon: Auslösen einer Aktion
    • Button: Auslösen einer Aktion
    • Wann benutzt man ein Icon und wann einen Button?
  • Wie sollen Buttons benannt werden?
    • Beispiel: "übernehmen" vs. "abschicken" vs. "OK" vs. "speichern" vs. ...
  • Welche Icons stehen für welche Aktionen?
    • Beispiel: gelber Doppelpfeil (sortieren? Objekte verschieben? Objekte kopieren? Weiterblättern?)
    • Müsste für alle Icons durchgegangen werden.
    • IconListe
  • Grundlegendes
    • Wozu dienen Icons?
    • Wann sollen interaktive Icons, wann Buttons, wann Text-Links verwendet werden?
      • Buttons
        • zum Auslösen von Aktionen
        • im Inhaltsbereich
      • Icons
        • zum Auslösen von Aktionen
        • außerhalb des Inhaltsbereichs
        • oder dort, wo für Buttons nicht genug Platz ist (z. B. in Tabellen)
      • Textlinks
        • zum Wechsel auf andere Seiten innerhalb von Stud.IP oder aus Stud.IP heraus
        • nicht zum Auslösen von Aktionen
        • überall (im Inhaltsbereich, in Infoboxen usw.)

Letzte Änderung am 11.06.2013 16:22 Uhr von ckater.