Visual Style Guide

1. Verwendete CSS-Klassen

KlasseZweck

2. Wiederkehrende Elemente

2.1 Infoboxen

Aussehen… Bedeutung… Wie erzeugt man das?

2.2 Printhead/printcontent

Aussehen… Bedeutung… Wie erzeugt man das?

3. AJAX-Nutzung

3.1 Drag und Drop (BEISPIEL)

- Stellen, an denen Drag und Drop möglich ist, werden durch [schicke Grafik] als "Anfasser" und [schicke Grafik] als "Drop-Area" gekennzeichnet

3.2 …

4. Aktionen und dazugehörige Interaktionselemente

4.1 Übersicht

AktionObjekteInteraktionselementAnmerkungen
Auf- und ZuklappenDateiordner, Forumsthema, TerminDreieck 
SortierenPersonen und -gruppen,gelbes Doppeldreieck 
Löschen   
Erstellen   
Hinzufügen   
Blättern   
    
    

4.2 Faktoren für die Wahl eines grafischen Elements

  • Welchen Zweck soll das Element erfüllen?
    • Kennzeichnung/Markierung
    • Schmuck
    • Interaktion
  • An welcher Stelle soll das Element angezeigt werden?
    • Infobox
    • Inhaltsbereich
  • Was soll durch das Element ausgelöst werden?
    • Reine Navigation
    • Wechsel der Ansicht
    • Manipulation eines Objekts
  • Welche (Art von) Aktion soll ausgelöst werden?
    • siehe Tabelle oben
  • Auf welches Objekt bezieht sich die Aktion?
    • siehe Tabelle oben

 

 

Quelle: Basis-Wiki-Hilfe | Letzte Änderung: 26.03.2009 09:46 Uhr, follerma | Local view: Basis-Hilfe