Paper: Aesthetics of Class Diagrams Vorgetragen von Tilmann Bartels Paper von Holger Eichelberger Universität Würzburg Bis jetzt gibt es keine allgemeingültige Richtlinien zur Ästhetik von UML Diagrammen In diesem Paper werden Ästhetischen Richtlinien auf Grund von Erfahrungen vorgeschlagen.
A1: Kanten sollten je nach Typ angeordnet sein. Z.B.: Vererbungs- und Aggregationskanten hierarchisch anordnen. Andere Kanten nicht hierarchisch.
A2: Eltern und Kinder Knoten sollten so nah wie möglich zu einander positioniert werden.
A3: Knoten sollten sich nicht mit andern Knoten oder Kanten überschneiden
A4: Knoten sollten anhand von semantischen Gründen gruppiert werden Z.B.: Paketzugehörigkeit, Assoziationen
A5: Kanten sollten sich nicht überschneiden A6: Kanten Eigenschaften Kanten sollten nicht zu kurz und nicht zu lang sein. Kanten sollten nicht zu viele Ecken haben. Knoten die nicht mit Kanten verbunden sind sollte nicht zu nahe beieinander.
A8: Eine Assoziations-Klasse sollte so nah wie möglich zur Assoziations-Linie liegen Z.B.: Die Raute bei Assoziationen
A9: Kommentare sollten möglichst Nahe zu den Elementen liegen die sie Kommentieren
Layout Beispiele Layout das diese ästhetische Richtlinien beachtet. Layout das diese ästhetischen Richtlinien nicht beachtet
Automatisches Graph Layout Algorithmus mit Berücksichtigung von Ästhetischer Kriterien Layout Möglichkeit eines Graph Graph als Eingabe Sequenz für den Layout Algorithmus
Hierarchische Kanten identifizieren Vererbung Aggregation Frei definierte Hirarchie
Knoten werden nach der Verschachtelung sortieren.
Wenn Knoten andere Knoten enthalten wird das vorübergehend von Kanten repräsentiert
Knoten die Inhaltlich zusammengehören werden gruppiert Kommentare Assoziationen Klassen
Nicht hierarchische Kanten und Knoten werden vorübergehend aus dem Graphen entfernt
Knoten hierarchisch layouten
Nicht hierarchische Knoten und Kanten wieder einfügen
Iterativ Abstände zwischen Knoten nach Ästhetischen Kriterien verändern Überknoten wieder Einfügen
Gruppierungen aufheben Knoten möglichst optimal Plazieren
Layout Vergleich Hand Layout nach Ästhetischen Kriterien Hand Layout ohne Ästhetischen Kriterien Automatisches Layout nach Ästhetischen Kriterien