Design

Unter dem Menüpunkt "Design" in der App-Administration, haben Sie die Möglichkeit das Design der App auf das Bedürfnis Ihres Unternehmens und Ihr Corporate Design hin anzupassen.

Allgemeine Einstellungen

Erscheinungsbild

Schriften für Titel und Standardtexte

Farben

Farbschema für Gruppen und Channels

Allgemeine Einstellungen

App-Logo

Sie können Ihr eigenes individuelles App-Logo hinzufügen. Dieses Icon wird innerhalb dieser App, in E-Mail-Nachrichten und Push Benachrichtigungen verwendet. Um den besten Effekt zu erzeugen sollte Ihr App-Logo einen transparenten Hintergrund haben.

Avatar Bild

Sie haben die Möglichkeit, ein einfaches Avatar Bild anstatt eines Comic-Avatar Bild beim Registrieren neuer NutzerInnen zu setzen. Wenn Sie dies aktivieren, bekommen Ihre Nutzer:innen beim Registrieren statt verschiedener Comic-Avatar-Bilder immer das gleiche einfache Avatar Bild gesetzt. Nutzer:innen können dieses Standard-Bild durch ein eigenes Profilfoto ersetzen.

                      

Erscheinungsbild

In diesem Punkt legen Sie das allgemeine Erscheinungsbild fest. Die Nutzer:innen haben in den eigenen Startseiteneinstellungen die Möglichkeit, diese Einstellung nach den individuellen Präferenzen anzupassen. Hierbei besteht zudem die Möglichkeit, die Einstellungen abhängig vom verwendeten Gerät (PC oder mobiles Endgerät) anzupassen. 

Darstellung (hell/dunkel)

Sie haben die Möglichkeit zu wählen, ob die App hell oder dunkel erscheinen soll. Treffen Sie die Auswahl "Automatisch", passt sich die Anzeige den Einstellungen des verwendeten Endgeräts an.

Hell:

Dunkel:

Startseite

Beiträge anzeigen lassen 
Hier können Sie entscheiden, ob Sie neueste Beiträge auf der Startseite anzeigen lassen möchten. Setzen Sie hier einen Haken, werden die Beiträge und Artikel aller sichtbarer Channels chronologisch dargestellt. Die Nutzer:innen können dies später noch individuell in ihren eigenen Startseiteneinstellungen bearbeiten. 

Darüber hinaus können Sie die Anzahl der Beiträge auf der Startseite anpassen und dies auch abhängig von der Displaygröße des Endgeräts einstellen. Dies ist hilfreich, da ein PC-Bildschirm in der Regel größer ist und dort mehr Elemente gut Platz finden als bei einem mobilen Endgerät. Beim Browser werden die Beiträge Kachelförmig dargestellt, bei einem Handy untereinander.

Webversion:

Mobile App:

Kalender anzeigen lassen 
Hier können Sie entscheiden, ob ein Wochen-Kalender auf der Startseite angezeigt werden soll. Inhaltlich entspricht dieser dem früheren Kalender "Meine Termine" im linken Seitenmenü.
Dies ist nur die Voreinstellung, Nutzer:innen können diese für sich überschreiben in den eigenen Startseiteneinstellungen.

Schriften für Titel und Standardtexte

Hier können Sie die Schriftarten für Überschriften als auch Standardtexte in Ihrer App auswählen. Für Überschriften stehen Ihnen 14 Arten zur Verfügung und für Standardtexte 5 Arten. 

Farben

In diesem Menübereich haben Sie die Möglichkeit, die Farben in der App an Ihr Unternehmensdesign anzupassen.

Hauptfarben

Primärfarbe

Geben Sie den Farbcode Ihrer Primärfarbe in Hex an oder wählen Sie ihn aus der Farbpalette aus. Die Farbe wird nachdem Sie sie gespeichert haben, innerhalb der App, an folgenden Stellen genutzt:

• Beim Log-in, in den E-Mails und im Einladungs-PDF

• Bei Buttons innerhalb der App um eine Aktion abzubrechen  

• Als Standardfarbe für die Kopfzeile und die Icons im linken Seitenmenü (kann angepasst werden)

Hinweis: Da die Primär- und Sekundärfarbe auch genutzt werden um beispielsweise Buttons im Login-Bereich zu unterlegen, sollten diese Farben immer kräftig sein. Weiß oder sehr helle Farbtöne eignen sich an dieser Stelle leider nicht.

Farben aus Primärfarbe generieren

Neben der Primärfarbe verwendet die App auch eine Sekundärfarbe. Sollten Sie keine eigene Sekundärfarbe haben, können Sie durch einen Haken in der Checkbox eine passende Sekundärfarbe aus der Primärfarbe generieren lassen. 

Sekundärfarbe

Dies ist die zweite Haupt-Farbe der App. Sie wird in der App als Akzentfarbe eingesetzt, um z.B. wichtige Buttons hervorzuheben. Falls keine Sekundärfarbe vorgegeben ist, bietet es sich an die Komplementärfarbe zur Primärfarbe zu wählen.

Geben Sie den Farbcode Ihrer Sekundärfarbe in Hex an oder wählen Sie ihn aus der Farbpalette aus. Die Farbe wird nachdem Sie sie gespeichert haben, innerhalb der App, an folgenden Stellen genutzt:

• Beim Log-in, in den E-Mails und im Einladungs-PDF

• Bei Buttons innerhalb der App um eine Aktion durchzuführen/zu bestätigen

• Auf der Startseite wird der Button "Meine Neuigkeiten auf einen Blick" mit der Sekundärfarbe unterlegt

Hinweis: Da die Primär- und Sekundärfarbe auch genutzt werden um beispielsweise Buttons im Login-Bereich zu unterlegen, sollten diese Farben immer kräftig sein. Weiß oder sehr helle Farbtöne eignen sich an dieser Stelle leider nicht.

Primär- und Sekundärfarbe hell

Auf dunklem Hintergrund innerhalb der App werden die helle Primär- und Sekundärfarbe verwendet. Außerdem wird die Kopfzeile von Dialogen in der hellen Primärfarbe angezeigt (z.B. im Nutzerprofil "Mein Bereich"). Diese hellen Farben werden automatisch aus den gesetzten Primär- und Sekundärfarben generiert, können aber auch nach Wunsch angepasst werden. 

Hinweis: Da die hellen Primär- und Sekundärfarben auf dunklem Hintergrund erscheinen sollten diese Farben nicht dunkel sein. 

Farben der Icons in den Seitenmenüs

Die Farbwerte für die Icons im linken und rechten Seitenmenü werden automatisch von der Primär- und Sekundärfarbe abgeleitet. Sie haben jedoch die Möglichkeit, diese Farben anzupassen. Dies eignet sich z.B. wenn Sie eine sehr dunkle Primärfarbe haben, die dazu führt, dass die Icons im dunklen Modus (linkes Seitenmenü wird im dunklen Modus angezeigt) verschwinden.

Um die Farben der Icons zu optimieren, können Sie diese getrennt nach der Farbe des linken Seitenmenüs anpassen:

Farben in der Kopfzeile (Optional)

Die Farben in der Kopfzeile bestehen standardmäßig aus:

Als erstes finden Sie eine Option mit Kästchen. Setzen Sie hier einen Haken, wenn Sie die Kopfzeile im Dark Mode schwarz und im Light Mode weiß anzeigen lassen möchten. Setzen Sie den Haken nicht, greift die Einstellung, die Sie bei "Farbe des Hintergrunds" wählen.

Farbe des Hintergrunds der Kopfzeile

Diese ist standardmäßig die Primärfarbe, kann aber auch überschrieben werden (z.B. um einen besseren Kontrast herzustellen, wenn Ihr Logo dieselbe Farbe hat wie die Primärfarbe).

Primärfarbe des Textes und der Buttons

Diese ist standardmäßig weiß, sodass ein guter Kontrast zum Hintergrund entsteht. Die Farbe kann angepasst werden, jedoch sollten Sie darauf achten, dass die Schrift dann noch gut lesbar ist. 

Sekundärfarbe des Textes und der Buttons

Diese Farbe erscheint, wenn man einen Text oder Button in der Kopfzeile anwählt (im Beispiel wird gerade die Benachrichtigungsglocke in der Sekundärfarbe angezeigt).

Farben für Hinweise und Links

Wichtige Elemente, Hinweise und Links werden optisch für die NutzerInnen noch einmal gesondert hervorgehoben. 

Hintergrundfarbe für Hinweise

Ausstehende Handlungen werden standardmäßig gelb dargestellt. Diese Farbe kann aber anders definiert werden (im Beispiel: die Aufforderung zur Teilnahme an der Umfrage).

Farbe für Warnungen und wichtige Elemente

Warnhinweise oder wichtige Elemente sind rot, diese Farbe kann geändert werden (im Beispiel: der Zugang zur Administration oder das Schloss zur Fixierung des Seitenmenüs sowie die Zahl neben der Umfrage).

Typographie

Farbe für Beitrags-Überschriften auf der Start-Seite

Sie haben die Möglichkeit den Überschriften der Beiträge auf der Startseite eine gesonderte Farbe zuzuweisen.

Farbe für externe Links

Diese Farbe wird gesetzt, wenn ein Link in der App zu einer externen Seite führt; diese Farbe ist standardmäßig die Primärfarbe und kann geändert werden.

Hinweise und wichtige Elemente auf der Startseite:

Link im Chat:

Farbschema für Gruppen und Channels

Das Farbschema wird für Hintergründe bei Gruppen und Channels verwendet, z.B. bei Beiträgen auf der Startseite, innerhalb des Chats bei Gruppen, etc.. Die Farben helfen den NutzerInnen, Inhalte schnell zuordnen zu können, z.B. auf der Startseite könnten alle Beiträge aus dem Unternehmens-Channel grün sein und aus dem HR-Channel blau.

Es ist möglich, ein eigenes Farbschema individuell zu generieren oder eines der vorhandenen Farbschemata aus dem Dropdown-Menü anzuwenden. Es gibt bis zu 10 verschiedene Farbtöne, die in einem Schema untergebracht werden können.

Die Hintergrundfarbe befindet sich z.B. in den Icon-Farben der Channels. Beiträge auf der Startseite werden mit der Hintergrundfarbe hell hinterlegt.

Welcher Channel oder welche Gruppe welche Farbe hat, kann in den Channel- bzw. Gruppeneinstellungen eingerichtet werden.