Guidelines für Cards

Gerüst

Die Masken sollen an das neue Card-Layout mit folgender Anatomie angepasst werden:

Die Main-Content Area (links) soll vom Platz in einer 2/3 Relation zu der Aside-Area (rechts) stehen
- alternativ ist ein ein- oder drei-Karten Layout im Verhältnis (1:2:1) möglich, je nach Informationsumfang
TableTail Felder sollen von den Masken entfernt werden
Collapsibles sollen keinen Rahmen haben
Bezeichner von Feldern dürfen nicht abgeschnitten werden
Bezeichner von Feldern dürfen keine Abkürzungen enthalten

Tabgruppen schließen bündig mit geöffneten Collapsibles ab, sodass ein gerade, stufenloser unterer Abschluss des Layouts gelingt.

Tabgruppen schließen bündig mit geöffneten Collapsibles ab, sodass ein gerade, stufenloser unterer Abschluss des Layouts gelingt.
Falls Stufen nicht vermeidbar sind, sollen diese aufsteigend sein, d.h. bildschirm-füllende Elemente links und kleinere Karten rechts.

Komponenten weisen Standardbelegungen für die Abstände auf, so dass man diese nicht manuell anpassen muss.

Diese sind (Top - right- bottom- left)

Box: Mindesthöhe 16px
Karte: Abstand 12- 12- 12- 12, Zusätzlich neuer Button um Abstände mit einem Klick zu entfernen
Tabinhalt: 8- 12- 12- 12
Collapsible-Inhalt: 2-10-8-10
Collapsible: Rahmen anzeigen initial auf false
Infoboard: Rahmen anzeigen initial auf false
Felder: Standardbreite 120px (Label/Button auch, auch für non-fill-horizontal)
(4) Hauptinformationen auf dem ersten Tab, dauerhafte Informationen auf einem aside-Collapsible
Im Maincontent-Bereich befindet sich eine Card oder ein Tabset. Auf diesem sind alle wichtigen Informationen.
Sekundär relevante Informationen befinden sich auf weiteren Tabs und müssen erst aktiv angewählt werden
dauerhaft wichtige Informationen (z.B. Kontaktinformationen) sind dauerhaft sichtbar. Dies wird durch die Positionierung dieser Informationen auf einem Collapsible im aside-Bereich möglich.

Im Maincontent-Bereich befindet sich eine Card oder ein Tabset. Auf diesem sind alle wichtigen Informationen.
Sekundär relevante Informationen befinden sich auf weiteren Tabs und müssen erst aktiv angewählt werden
dauerhaft wichtige Informationen (z.B. Kontaktinformationen) sind dauerhaft sichtbar. Dies wird durch die Positionierung dieser Informationen auf einem Collapsible im aside-Bereich möglich.

Eine Karte kann ohne Tabset mit Feldgruppen befüllt werden. Dies ist vor allem bei Masken mit wenig Informationen der Fall.
Sollte nur eine Karte benötigt werden, muss kein Tabset auf die Karte gezogen werden. Ein einzelnes Tab ist obsolet und soll nicht auf Masken vorhanden sein.
Müssen Informationen gegliedert werden, können unwichtige Informationen in den Hintergrund rücken, indem sie auf ein zweites Tab verschoben werden. Zu beachten ist (4)

fachlich/logisch zusammenhängende Felder sind als Einheit angeordnet und gruppiert. Dazu gehören einzelne Feldgruppen (z.B. Name: xxx), sowie Gruppen von Feldern (z.B. Adressdaten: Straße, Hausnunmer, Ort...)

Die Layoutelemente sind auf allen Masken gleich angeordnet:
- 1,2 oder 3 Spalten Layout
- gleiches Farbschema
- auf ähnlichen Masken sind ähnliche Felder auf derselben Position

Labels sind immer vollständig lesbar, auch bei
- skalliertem Bildschirm
- unterschiedlicher Auflösung
- Bildschirm, Tablet, Smartphone
Feldbezeichnungen werden nicht abgeschnitten (z.B. Mitarb. statt Mitarbeiter)
- Ausnahmen: "Nr."
Labels beginnen immer mit einem Großbuchstaben
Umlaute werden erkannt und richtig dargestellt: Ä,Ö,Ü,ß
boolsche Felder/Checkboxen sind richtig beschriftet, sodass direkt ersichtlich ist, was ein Setzen des Feldes auslöst, z.B. "Ist xy"

In manchen Feldern ist naturgemäß wenig Inhalt, z.B. bei numerischen Feldern (z.B. Geldbeträge). Durch das Flexlayout werden die Werte sehr weit vom Label entfernt dargestellt. Darum sollen diese Felder nicht automatisch "horizontal auffüllen", sondern "kurz" sein.
Dies gilt insbesondere für numerische Felder und Datumsfelder.

Auf manchen Masken befinden sich Boards. Diese sollen alle auf der Maske geladen und als Systemstandard markiert sein. Manuelle Einstellungen sind nicht erforderlich (außer bei speziellen, masken-unabhängigen Board-Konfigurationen)

auf Aktivitäten-behafteten Entitäten befindet sich immer eine Tabgruppe mit zwei Tabs: "Kommentare/Aktivitäten" und "Änderungen". Auf den jeweilen Tabs sind die entsprechenden Boards hinterlegt.