Kontakt
Produkte von VIER
im neuen Design
Ziele des neuen VIER Designs
Das Ziel war es ein modernes klar strukturiertes Design auf Basis modernster Webtechnologien zu erstellen: barrierearm, nutzerfreundlich, einfach und intuitiv zu bedienen. Darüber hinaus ist das Design responsive, so dass eine Darstellung von Webseiten auf unterschiedlichen mobilen Endgeräten ohne weites möglich ist. Für das neue Design wurde außerdem ein Dark-Theme entwickelt, so dass Benutzer Konfigurationsoberflächen nun “augenschonend” und energiesparend nutzen können.
Dark & Light Mode
Für alle VIER Produkte wird es einen Dark Mode und einen Light Mode zur Auswahl geben.
Accessibility
Ein modernes, klar strukturiertes Design sollte vor allem eins sein: barrierearm.
Layout
Responsives Design für uneingeschränkte Nutzung auf allen Endgeräten.
Dark and light Mode
Im neuen VIER Design ist es zukünftig für die Anwender möglich, zwischen einem Light-Mode und einem Dark-Mode zu wählen.
Die Nutzung eines Dark-Mode kann in der Praxis hilfreich sein, um z. B. bei einer mobilen Nutzung die Akku-Laufzeit zu optimieren. Außerdem kann es in sehr hellen Räumen angenehmer sein, mit einem Dark-Mode zu arbeiten.
Im neuen VIER Design ist es zukünftig für die Anwender möglich, zwischen einem Light-Mode und einem Dark-Mode zu wählen.
Die Nutzung eines Dark-Mode kann in der Praxis hilfreich sein, um z. B. bei einer mobilen Nutzung die Akku-Laufzeit zu optimieren. Außerdem kann es in sehr hellen Räumen angenehmer sein, mit einem Dark-Mode zu arbeiten.
Accessibility Leitfaden bei VIER
Die moderne Informations- und Kommunikationstechnologie schafft neue Chancen für Menschen mit Behinderungen, indem sie ihnen gleichberechtigten Zugang ermöglicht. Bei VIER glauben wir an die Notwendigkeit, dass Menschen mit Behinderungen uneingeschränkten Zugang zu Informationen haben sollten.
Unser Barrierefreiheits-Leitfaden deckt ein breites Spektrum von Beeinträchtigungen ab, einschließlich Seh-, Hör-, Körper-, Sprach-, kognitiver und neurologischer Beeinträchtigungen. Obwohl er viele Themen anspricht, können wir nicht auf alle individuellen Bedürfnisse eingehen. Dennoch verbessert er die Nutzbarkeit für ältere Menschen mit altersbedingten Veränderungen und ermöglicht eine insgesamt bessere Benutzererfahrung.
Dieser Leitfaden gilt nicht nur für unsere Softwareprodukte, sondern steht im Einklang mit den aktuellen Richtlinien, darunter die Web Content Accessibility Guidelines (WCAG 2.1) und die Barrierefreie-Informationstechnik-Verordnung des Bundes (BITV 2.0).
Wir sind stolz darauf, einen Schritt in Richtung einer inklusiven digitalen Zukunft zu gehen und freuen uns darauf, unsere Bemühungen in dieser Richtung mit Ihnen zu teilen.
Responsive Layout in allen Produkten von VIER
Einige der VIER Anwendungen wurden bereits in der Vergangenheit von Kunden auf unterschiedlichen, mobilen Endgeräten genutzt.
Dieser Veränderung der Arbeitsweise möchten wir nun mit einem komplett responsiven Webdesign unterstützen. Die Elemente der Webseiten verändern Ihre Anordnung und Größe automatisch, abhängig vom genutzten Endgerät, so dass immer eine optimale Darstellung erfolgt.
Einige der VIER Anwendungen wurden bereits in der Vergangenheit von Kunden auf unterschiedlichen, mobilen Endgeräten genutzt.
Dieser Veränderung der Arbeitsweise möchten wir nun mit einem komplett responsiven Webdesign unterstützen. Die Elemente der Webseiten verändern Ihre Anordnung und Größe automatisch, abhängig vom genutzten Endgerät, so dass immer eine optimale Darstellung erfolgt.
Top Bar
Die Topbar enthält das VIER Logo, Nutzermeldungen und andere Elemente zur Navigation in den VIER Weboberflächen. Über das Suchsymbol besteht die Möglichkeit eine Sucheingabe zu tätigen und die Ergebnisse direkt anzusteuern. Durch Anklicken des Avatars auf der rechten Seite, können die Benutzer über ein Popup-Fenster auf die Benutzereinstellungen zugreifen. Die Einstellungen beinhalten unterschiedliche Konfigurationsmöglichkeiten zur individuellen Anpassung der Benutzeroberflächen. Dort ist zum Beispiel die Einstellung der Sprache möglich.
Die Topbar enthält das VIER Logo, Nutzermeldungen und andere Elemente zur Navigation in den VIER Weboberflächen. Über das Suchsymbol besteht die Möglichkeit eine Sucheingabe zu tätigen und die Ergebnisse direkt anzusteuern. Durch Anklicken des Avatars auf der rechten Seite, können die Benutzer über ein Popup-Fenster auf die Benutzereinstellungen zugreifen. Die Einstellungen beinhalten unterschiedliche Konfigurationsmöglichkeiten zur individuellen Anpassung der Benutzeroberflächen. Dort ist zum Beispiel die Einstellung der Sprache möglich.
VIER components
Die grundlegenden Komponenten des Designsystems sind als Basiskomponenten beschrieben und werden durch die VIER Komponenten ergänzt. Jede Komponente dient einem bestimmten Zweck, entweder als Interaktion, oder als UI-Element zur Bedienung der Weboberflächen. Die VIER Komponenten interagieren miteinander und ergeben so eine einheitliche und intuitive Benutzererfahrung.
Die grundlegenden Komponenten des Designsystems sind als Basiskomponenten beschrieben und werden durch die VIER Komponenten ergänzt. Jede Komponente dient einem bestimmten Zweck, entweder als Interaktion, oder als UI-Element zur Bedienung der Weboberflächen. Die VIER Komponenten interagieren miteinander und ergeben so eine einheitliche und intuitive Benutzererfahrung.