Im Detail
Das Problem
Das Ein- und Ausschalten von Lampen war umständlich, wenn Schalter schlecht erreichbar waren.
Alles begann mit dem Kauf einer neuen Lampe. Das tägliche Ein- und Ausschalten wurde schnell zu einer lästigen Aufgabe, da der Schalter schwer zu erreichen war: Man musste sich bücken und hinter ein Regal greifen.
Wir wünschten uns eine intelligentere Lösung: einen sanft beleuchteten Flur am Morgen und die Bequemlichkeit, die Lampe abends vom Bett aus ausschalten zu können. Deshalb entschieden wir uns für smarte Steckdosen. Für diese wurde eine Webseite entwickelt, um die Steckdosen bequem vom PC oder Handy aus steuern zu können. Für diese Website war ein ansprechendes und funktionales Design gefragt, hier kam ich ins Spiel.
Wir wünschten uns eine intelligentere Lösung: einen sanft beleuchteten Flur am Morgen und die Bequemlichkeit, die Lampe abends vom Bett aus ausschalten zu können. Deshalb entschieden wir uns für smarte Steckdosen. Für diese wurde eine Webseite entwickelt, um die Steckdosen bequem vom PC oder Handy aus steuern zu können. Für diese Website war ein ansprechendes und funktionales Design gefragt, hier kam ich ins Spiel.
Mein Vorgehen
Vor dem Design klärte ich die technische Anforderungen und Einschränkungen, z. B. welche Daten beim Anlegen einer Steckdose nötig sind und welche Funktionen überhaupt unterstützt werden. Die Erkenntnisse visualisierte ich als Informationsarchitektur-Diagramm.
Ausarbeitung
Neue Funktionen wie der Dämmerungsmodus machten eine Anpassung der Informationsarchitektur erforderlich.
Beim Testen der ersten Wireframes ergaben sich neue Anforderungen, darunter ein Dämmerungsmodus für Lampen, für den eine Unterscheidung nach Gerätetyp notwendig war. Ich überarbeitete daraufhin die Informationsarchitektur, um die erweiterten Funktionen sinnvoll ins Design zu integrieren.
Designsystem & Stil
Die Anwendung wurde bewusst im Dark Mode gestaltet, da sie oft in dunkler Umgebung genutzt wird, ein helles Interface würde hier stören. Ein warmes Gelb als Akzentfarbe sorgt für visuelle Wärme und klare Kontraste.
Das Design ist reduziert und übersichtlich gestaltet und verfügt über klar erkennbare Icons, eine gut lesbare Typografie und Details wie eine Tages-/Nachtanzeige, die eine intuitive und barrierearme Nutzung ermöglichen.
Das Design ist reduziert und übersichtlich gestaltet und verfügt über klar erkennbare Icons, eine gut lesbare Typografie und Details wie eine Tages-/Nachtanzeige, die eine intuitive und barrierearme Nutzung ermöglichen.
Durch gezielte Optimierungen, wie etwa eine Fortschrittsanzeige und eine bessere Platzierung der Buttons, wurde das finale Design deutlich intuitiver und leichter bedienbar.
Ergebnis & Ausblick
Luminex bietet großes Potenzial für die Integration neuer Funktionen und die Benutzerfreundlichkeit kann weiter verbessert werden.
Die nächsten Schritte:
Geofencing-Funktion:
Automatisches Ein- oder Ausschalten der Steckdosen basierend auf dem Standort des Nutzers.
Automatisches Ein- oder Ausschalten der Steckdosen basierend auf dem Standort des Nutzers.
Urlaubsmodus, um Steckdosen für einen festgelegten Zeitraum zu deaktivieren, ohne bestehende Zeitpläne zu verändern.
Audbau der Steuerungsoptionen für verschiedene Gerätetypen.
Erweiterung und Verbesserung der Zeitsteuerungsfunktionen für eine bessere Personalisierung.
