KERMI

x-center base

KONZEPTION, KREATION, UMSETZUNG, FRONTEND PROGRAMMIERUNG

Kermi Smart Home Benutzeroberfläche für das x-center base

Die  Smart Home Applikation „x center base“ ermöglicht die Inbetriebnahme, die Fernwartung und die Regelung der Kermi eigenen Wärmepumpen, Boden- und Wandheizungen, Heizkörper und Lüftungen. Die Anlernfunktionen ermöglichen es weitere Geräte dem System zuzufügen.

 Momentan können dies Raumbediengeräte, Fenster- und Türkontakte, Aktoren, diverse Sensoren, Jalousiesteuerungen, Rauchmelder, Licht- und Bewegungsmelder sein. So ist es möglich Vorgänge zu automatisieren und an die persönlichen Bedürfnisse anzupassen.

Die Steuerung der Web basierten Applikation erfolgt über den Kermi Homeserver.

KUNDE / Kermi
AUFTRAG / User Interface für Smart Home Steuerung
UMFANG / Konzeption, Kreation, Umsetzung, Frontend Programmierung

Bedienelemente

Die Kermi Smart Home App zeichnet sich trotz ihrer Komplexität durch eine simple und intuitive Bedienung aus.
Auf dem Homescreen liegen Schaltflächen (Kacheln), die zu einem Links auf Ordner (z.B. Statistiken), Räume (z.B. Wohnzimmer) und Geräte (z.B. Raumbediengeräte) sein können oder die direkt einstellbare Werte (z.B. Soll Temperatur Küche) anzeigen oder direkt Szenen ausführen.

Zugriff und Funktionalität ist über Userlevel geregelt.

Gestaltung

Ziel unserer Gestaltung war die Reduzierung aller grafischen Inhalte auf wesentliche Merkmale. Funktionen und Zustände sind immer mit den gleichen visuellen Bausteinen erstellt. Durch diese Modularität wird die Benutzerführung deutlich optimiert.

Szenen

Über Szenen kann der User/Fachhandwerker  alle Geräte zeitlich und funktionell steuern und unter einander verknüpfen. Diese Verknüpfung kann eine einfache Zeitfunktion sein, aber auch eine komplexere,  über die WENN/DANN Funktionen erstellte Szene.

Iconfont

Der Kermi Iconfont umfasst mehr als 300 individuell gestaltete Icons, die das Gesamtbild des User Interfaces noch übersichtlicher, intuitiver und hochwertiger machen.

Farben

Die zurückhaltende Farbgebung des Hintergrundes und der Schaltflächen beruhigen das Gesamtbild. Funktionalitäten und Zustände werden durch Akzentfarben, die sich deutlich ab heben und schnell zu erfassen sind, visualisiert.

#000000

#363636

#1D1D1D

#303030

#FFFFFF

#FF9A03

#FE0204

#93C115

Schriften

Aufgrund ihrer sehr guten Lesbarkeit auf LCD Displays wurde die Open Sans verwendet.

OPEN SANS

Aa

A ‌B ‌C ‌Ć ‌Č ‌D ‌Đ ‌E ‌F ‌G ‌H ‌I ‌J ‌K ‌L ‌M ‌N ‌O ‌P ‌Q ‌R ‌S ‌Š ‌T ‌U ‌V ‌W ‌X ‌Y ‌Z ‌Ž ‌a ‌b ‌c ‌č ‌ć ‌d ‌đ ‌e ‌f ‌g ‌h ‌i ‌j ‌k ‌l ‌m ‌n ‌o ‌p ‌q ‌r ‌s ‌š ‌t ‌u ‌v ‌w ‌x ‌y ‌z ‌ž ‌А ‌Б ‌В ‌Г ‌Ґ ‌Д ‌Ђ ‌Е ‌Ё ‌Є ‌Ж ‌З ‌Ѕ ‌И ‌І ‌Ї ‌Й ‌Ј ‌К ‌Л ‌Љ ‌М ‌Н ‌Њ ‌О ‌П ‌Р ‌С ‌Т ‌Ћ ‌У ‌Ў ‌Ф ‌Х ‌Ц ‌Ч ‌Џ ‌Ш ‌Щ ‌Ъ ‌Ы ‌Ь ‌Э ‌Ю ‌Я ‌а ‌б ‌в ‌г ‌ґ ‌д ‌ђ ‌е ‌ё ‌є ‌ж ‌з ‌ѕ ‌и ‌і ‌ї ‌й ‌ј ‌к ‌л ‌љ ‌м ‌н ‌њ ‌о ‌п ‌р ‌с ‌т ‌ћ ‌у ‌ў ‌ф ‌х ‌ц ‌ч ‌џ ‌ш ‌щ ‌ъ ‌ы ‌ь ‌э ‌ю ‌я ‌Α ‌Β ‌Γ ‌Δ ‌Ε ‌Ζ ‌Η ‌Θ ‌Ι ‌Κ ‌Λ ‌Μ ‌Ν ‌Ξ ‌Ο ‌Π ‌Ρ ‌Σ ‌Τ ‌Υ ‌Φ ‌Χ ‌Ψ ‌Ω ‌α ‌β ‌γ ‌δ ‌ε ‌ζ ‌η ‌θ ‌ι ‌κ ‌λ ‌μ ‌ν ‌ξ ‌ο ‌π ‌ρ ‌σ ‌τ ‌υ ‌φ ‌χ ‌ψ ‌ω ‌ά ‌Ά ‌έ ‌Έ ‌έ ‌Ή ‌ί ‌ϊ ‌ΐ ‌Ί ‌ό ‌Ό ‌ύ ‌ΰ ‌ϋ ‌Ύ ‌Ϋ ‌Ώ ‌Ă ‌Â ‌Ê ‌Ô ‌Ơ ‌Ư ‌ă ‌â ‌ê ‌ô ‌ơ ‌ư ‌1 ‌2 ‌3 ‌4 ‌5 ‌6 ‌7 ‌8 ‌9 ‌0 ‌‘ ‌? ‌’ ‌“ ‌! ‌” ‌( ‌% ‌) ‌[ ‌# ‌] ‌{ ‌@ ‌} ‌/ ‌& ‌< ‌- ‌+ ‌÷ ‌× ‌= ‌> ‌® ‌© ‌$ ‌€ ‌£ ‌¥ ‌¢ ‌: ‌; ‌, ‌. ‌*