Visual Style Guide
1. Verwendete CSS-Klassen
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
Aktion | Objekte | Interaktionselement | Anmerkungen |
Auf- und Zuklappen | Dateiordner, Forumsthema, Termin | Dreieck | |
Sortieren | Personen 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?
- Auf welches Objekt bezieht sich die Aktion?