Die mobile App gibt einen schnellen Überblick zu den aktuellen Messwerten der Geräte. Das Design vereint klare Hierarchien und Übersichtlichkeit mit der Schwerelosigkeit von Luft. Durch das intelligente UX/UI-Konzept kann schnell erfasst werden, welche Werte einen Grenzwert überschritten haben und welche Handlungsmöglichkeiten angebracht sind.
Mobile-Usage
![Acht Ansichten der airQ mobile-App in denen die verschiedenen Übersichten zu den Geräten und aktuellen Messwerten dargestellt sind](https://assets-global.website-files.com/630e0b638d845a27ab3e3d53/63c58e0076360125402c5fb7_Screens__Mobile-App-V2%402x.jpg)
Die Desktop-App bietet einen detaillierteren Einblick in die Messwerte und stellt erweiterte Optionen für die Auswertung und den Vergleich von Messwerten zur Verfügung.
Desktop-Usage
![Drei Ansichten der airQ Desktop-App. Erste Ansicht = Übersicht aller Geräte. Zweite Ansicht = Tabelle mit allen Messwerten. Dritte Ansicht = Diagramme mit den Messwerten im Vergleich](https://assets-global.website-files.com/630e0b638d845a27ab3e3d53/63c58e1f3d3643fb8b4bfae0_Screens__Web-App%402x.jpg)
Für die Apps wurden individuelle Icon-Sets entwickelt (hier nur auszugsweise dargestellt). Sie vereinfachen die Navigation zwischen den jeweiligen Raumtypen und Messwerten und erzeugen ein konsistentes Gesamtbild mit der restlichen UI.
Sets
![technische Übersicht der für die airQ-Apps gestalteten Iconsets](https://assets-global.website-files.com/630e0b638d845a27ab3e3d53/63c6c44a4fe8a262f514a40f_Screens__icons%402x.jpg)
Für die Apps wurde eine Styleguide angelegt (hier nur auszugsweise dargestellt), die eine stetige Weiterentwicklung der Apps im Sinne des bestehenden Designs ermöglicht. Sie umfasst alle Grundlagen des Corporates, sowie die grundlegenden Komponenten und Module (Atomic Design).
Erweiterbarkeit
![technische Übersicht der für die airQ-Apps entwickelten Stilelement (Raster, Abstände, Radien, Schattenlevel, Farben und Farbverläufe)](https://assets-global.website-files.com/630e0b638d845a27ab3e3d53/63c6c0d952d2b1dab118819f_Screens__styleguide-1%402x.jpg)