← Portfolio

ZigHaven

Eine native iOS Smart-Home-App mit einem an Apple Home angelehnten Interface für Zigbee2MQTT

iOS SwiftUI UX UI Barrierefreiheit Smart Home KI Entwicklung
Zeitraum seit 2025
Rolle UX-Design & Entwicklung
Kurzübersicht

Setzt auf Progressive Disclosure, um die Komplexität im Smart Home handhabbar zu machen — mit visuellem Zeitplan-Editor, raumbasierter Geräteorganisation und durchgängiger VoiceOver-Barrierefreiheit.

Kennzahlen

4,1
Sessions pro aktivem Gerät
0 %
Absturzrate seit Launch

Überblick

ZigHaven ist eine native iOS-App zur Steuerung von Zigbee2MQTT Smart-Home-Systemen. Ich habe das gesamte Produkt gestaltet und entwickelt — von einer persönlichen Idee bis zur Veröffentlichung im App Store.

Das Projekt begann mit einem sehr konkreten Problem und wuchs von dort aus.

Die Herausforderung

Ich nutze Zigbee2MQTT zur Steuerung smarter Heizkörperthermostate. Diese Heizkörperthermostate unterstützen Wochenpläne — theoretisch eine nützliche Funktion. In Zigbee2MQTT bedeutet das Setzen eines Zeitplans jedoch die Eingabe eines Rohtext-Strings wie:

06:00/21.0, 08:30/17.0, 16:30/21.0, 22:00/17.0

Das weist den Heizkörperthermostaten an, um 6 Uhr auf 21°C zu heizen, um 8:30 Uhr beim Verlassen der Wohnung auf 17°C zu senken, um 16:30 Uhr wieder aufzuheizen und um 22 Uhr für die Nacht herunterzufahren. Funktional, aber eher für technisch versierte Nutzer:innen gedacht.

Ich wollte einen visuellen Zeitplan-Editor, mit dem das einfach geht. Zigbee2MQTT ist großartige Software, aber sie richtet sich an ein technisches Publikum. Für den Rest des Haushalts fehlte ein einfacheres Interface: Lichtsteuerung, Sensoren, Stromüberwachung — alles lief über Web-Dashboards, nicht über eine App, mit der man einfach das Licht ausschalten kann.

Das Designziel

Das Ziel: eine App, die sich wie Apples Home anfühlt, aber auf Zigbee2MQTT aufsetzt. Die Leitprinzipien:

  • Vertraute Patterns: Raumbasierte Organisation, einfache Toggle-Steuerungen und visuelles Feedback, das sich wie eine echte iOS-App anfühlt, nicht wie ein technisches Dashboard
  • Komplexität bei Bedarf, Einfachheit als Standard: Ein Lichtschalter sollte ein Tipp sein. Ein Heizkörperthermostat-Zeitplan sollte visuell und einfach anpassbar sein. Erweiterte Konfiguration soll verfügbar sein, aber nicht im Weg stehen
  • Funktioniert für den ganzen Haushalt: Nicht alle im Haushalt sind technisch versiert. Die App muss sich für alle einfach bedienen lassen, nicht nur für die Person, die das Zigbee-Netzwerk eingerichtet hat

Zentrale Designentscheidungen

Der visuelle Wochenplan-Editor mit Temperatur-Zeitblöcken für jeden Tag

Visueller Zeitplan-Editor: Das Kernfeature, mit dem alles begann. Statt Zeit/Temperatur-Strings einzutippen, sehen Nutzer:innen eine visuelle Wochenübersicht, in der sie Temperaturblöcke durch Ziehen erstellen, anpassen und entfernen können. Jeder Tag ist auf einen Blick sichtbar, und Zeitpläne lassen sich einfach von einem Tag auf einen anderen übertragen.

Eine Raumansicht mit kartenbasiertem Geräte-Layout und KI-generiertem Raumhintergrund

Raumbasierte Organisation: Geräte sind nach Räumen gruppiert mit kartenbasierten Layouts, passend zum mentalen Modell, wie Menschen über ihr Zuhause denken: "Oberlicht Wohnzimmer" statt "0x00158d0001a2b3c4." Mithilfe von KI kann die App Geräte automatisch Räumen zuordnen und die Raumstruktur selbstständig anlegen. Zusätzlich generiert die KI passende Hintergrundbilder für jeden Raum, was der App sofort ein persönliches, wohnliches Erscheinungsbild gibt. So entfällt die manuelle Einrichtung, und die App ist direkt nach dem Verbinden nutzbar.

Der Startbildschirm mit raumbasierter Geräteorganisation und Schnellsteuerungen

Gerätedetailansicht mit Helligkeits- und Farbsteuerung für eine Lampe

Progressive Komplexität: Der Startbildschirm zeigt Räume und Schnellsteuerungen. Ein Tipp auf ein Gerät zeigt mehr Details. Erweiterte Funktionen wie Stromüberwachung, Firmware-Updates oder der Server-Deployment-Assistent sind erreichbar, stehen aber dem täglichen Grundgebrauch nie im Weg.

VoiceOver-Barrierefreiheit: Vollständige VoiceOver-Unterstützung in der gesamten App. Smart-Home-Steuerung ist für Nutzer:innen mit Sehbeeinträchtigungen besonders wichtig: Heizung oder Beleuchtung per Sprache und Geste anpassen zu können, ohne auf ein Web-Dashboard angewiesen zu sein, macht die App auch für blinde Menschen nutzbar.

In-App Server-Einrichtung: Einige Funktionen (wie Stromverbrauchsverlauf) benötigen einen kleinen Backend-Server. Der Server läuft auf demselben Gerät wie Zigbee2MQTT, ist also bereits vorhanden. Statt die Einrichtung per SSH vornehmen zu müssen, führt ein Assistent in der App Schritt für Schritt durch die Installation.

Ergebnis

  • Erfolgreicher Launch im App Store
  • Bietet eine native iOS-Alternative in einem von webbasierten Dashboards dominierten Bereich
  • Vollständige VoiceOver-Barrierefreiheit, ein Differenzierungsmerkmal in der Smart-Home-Kategorie
  • Aus einem kleinen Alltagsproblem ist eine vollständige App entstanden

Interesse an einer Zusammenarbeit?

Schreiben Sie mir