Es gibt unterschiedliche Definitionen der Begrifflichkeit. Wir empfehlen, zu Beginn des
Projektes ein gemeinsames Verständnis sicherzustellen.
Im Design Styleguide werden grundlegende Gestaltungsregeln zum visuellen Erscheinungsbild festgehalten. Die Gestaltungsregeln sollten über alle digitalen Schnittstellen eines Unternehmens Gültigkeit haben und wiederholt eingesetzt werden können.
Beispielsweise: Primäre Aktionsbuttons sind 40 px hoch und 300 px breit. Der Text ist zentriert und hat die Schriftgrösse 14 px. Die Farbe der Buttons ist xy, bei Hover gelten folgende Farben xy.
Die UX Patterns sind die Regeln für den grundsätzlichen Aufbau sowie interaktive Elemente, die innerhalb eines Kontexts wiederverwendet werden können.
Ein Beispiel: Primäre Aktionsbutton (z.B. speichern – wird immer rechts unten eines Formulars abgebildet) Sekundäre Funktionen (z.B. abbrechen – wird immer links der primären Aktion als unterstrichener Link abgebildet (nicht als Button).