Analyse
Die bestehende Lösung, vertraute Nutzungsmuster und vergleichbare Smart-Home-Produkte entlang zentraler Alltagsszenarien untersuchen.
ALL WorkeSMART – Smart Home App
Ein responsives Interface, das die Steuerung des vernetzten Zuhauses vereinfacht und Energieverbrauch über Control Panel, Tablet und Smartphone verständlich sichtbar macht.
01 / Context
Context
eSMART Technologies SA verbindet Smart-Home-Steuerung und Energiemanagement in einem digitalen System. Bewohner:innen bedienen Beleuchtung, Heizung, Rollläden und weitere zentrale Funktionen über ein fest installiertes Control Panel.
Die Anwendung sollte um eine responsive Lösung erweitert werden, die dieselben Funktionen auch auf Tablet und Smartphone zuverlässig zugänglich macht und den Energieverbrauch verständlich in den Alltag einordnet.
Complex home technology should feel simple and immediate.
02 / Challenge
The challenge
Viele Funktionen, unterschiedliche Räume, Gerätegrössen und technische Zustände mussten in einer einheitlichen und unmittelbar verständlichen Bedienlogik zusammengeführt werden.
Gleichzeitig sollte der Energieverbrauch nicht nur als Datenmenge dargestellt werden. Klare Visualisierungen mussten Entwicklungen, Verteilung und mögliche Auffälligkeiten schnell interpretierbar machen.
03 / PROCESS
Simplifying control across devices.
Die bestehende Lösung und vergleichbare Smart-Home-Produkte wurden analysiert, um vertraute Nutzungsmuster, Schwachstellen und zentrale Alltagsszenarien zu identifizieren.
Darauf aufbauend entstanden eine priorisierte Informationsarchitektur, gerätespezifische User Flows und responsive Wireframes. Die gezeigten Tablet- und Mobile-Ansichten wurden als interaktive Prototypen ausgearbeitet und gemeinsam mit der Entwicklung iterativ verfeinert.
Structure
Räume, Gerätezustände, Schnellzugriffe und Energieinformationen priorisieren und in eine geräteübergreifende Navigation übersetzen.
Prototype
Home Control und Energiemanagement als responsive User Flows und interaktive Ansichten für Control Panel, Tablet und Smartphone ausarbeiten.
Refine
Bedienlogik, visuelle Zustände und responsives Verhalten in enger Zusammenarbeit mit der Entwicklung iterativ verfeinern.
04 / FEATURE — HOME CONTROL
Everyday controls within immediate reach.
Das zentrale Dashboard bündelt Räume, Gerätezustände und häufig genutzte Funktionen. Beleuchtung, Heizung und Rollläden lassen sich mit wenigen Interaktionen steuern, während aktive Einstellungen jederzeit nachvollziehbar bleiben.
Central dashboard
Das Dashboard bündelt Räume, Gerätezustände und häufig genutzte Funktionen, sodass die wichtigsten Bereiche ohne Umwege erreichbar bleiben.
Clear system states
Aktive Geräte, Temperaturen und aktuelle Einstellungen werden eindeutig visualisiert und machen den Zustand des Zuhauses jederzeit nachvollziehbar.
Quick controls
Beleuchtung, Heizung und Rollläden lassen sich mit wenigen Interaktionen direkt anpassen, ohne durch tiefe Menüstrukturen navigieren zu müssen.
05 / FEATURE — ENERGY
Making energy consumption understandable.
Verbrauchswerte, zeitliche Entwicklungen und Verteilungen werden in klaren Diagrammen dargestellt. So werden komplexe Energiedaten schneller interpretierbar und mögliche Auffälligkeiten im Alltag sichtbar.
DESIGN PRINCIPLE
Complex home technology should feel simple and immediate.
06 / FEATURE — RESPONSIVE EXPERIENCE
One interface across every device.
Die gezeigten Tablet- und Mobile-Ansichten folgen derselben Struktur und Interaktionslogik wie das Control Panel. Inhalte werden je nach Screen gezielt priorisiert, damit zentrale Funktionen überall zuverlässig erreichbar bleiben.
Responsive structure
Inhalte, Navigation und Bedienelemente passen sich gezielt an Control Panel, Tablet und Smartphone an, statt lediglich verkleinert zu werden.
Consistent interaction
Vertraute Symbole, Zustände und Bedienmuster bleiben über alle Geräte hinweg konsistent und reduzieren den erneuten Lernaufwand.
Mobile access
Die mobile Ansicht priorisiert zentrale Räume und Funktionen, damit wichtige Einstellungen auch unterwegs schnell kontrolliert und angepasst werden können.
07 / Feature – User Journey
A walkthrough of the complete user journey.
07 / OUTCOME
A clearer way to control the connected home.
Das neue Interface vereinfacht die Steuerung zentraler Smart-Home-Funktionen und erweitert das System um eine vollwertige responsive Nutzung. Energieinformationen bleiben dabei über alle relevanten Geräte hinweg konsistent und verständlich.
Die responsive Anwendung überträgt die Smart-Home-Steuerung vom fest installierten Panel auf Tablet und Smartphone. Zentrale Funktionen und Energieinformationen bleiben dadurch über alle relevanten Geräte hinweg konsistent, verständlich und unmittelbar nutzbar.
UX Analysis
Information Architecture
User Flows
Wireframing
Prototyping
Responsive UI Design
Design System
Developer Collaboration