Aufgabe
Um ein neues App-Feature vorzustellen, soll ein klickbarer Prototyp erstellt werden.
Dieser Prototyp wird auf einer Messe Bestands- und Neukunden vorgestellt werden.
Der Prototyp ist mit Figma erstellt und präsentiert.
Funktion
Ab 1. Januar 2025 sind Stromanbieter verpflichtet, dynamische Stromtarife anzubieten. Hier schwanken die Strompreise stündlich, entsprechend dem Großhandelspreis der Handelsbörse.
Durch das Zusammenspiel von Energiemarktpreisen und Smart-Meter-Auslesungen lassen sich Kostenanalysen erstellen. Der Endverbraucher kann so seinen Energieverbrauch anpassen, um weniger für seinen Strom zu zahlen.
Durch verschiedene Schnittstellen von Stadtwerken und Smart-Metern lassen sich Verbrauchsprofile der Nutzer erstellen.
Anhand dieser werden die Verbrauchsdaten in dem Widget angezeigt.
Anhand der Strompreise und dem Verbrauch kann die preisliche Effizienz des Energieverbrauches berechnet werden.
Der Nutzer bekommt diese Statistik, in einem eingefärbten Balkengrafen angezeigt.
Rot-Orange = Energieverbrauch bei hohen Strompreisen
Grün-Gelb = Energieverbrauch bei niedrigen Strompreisen
Durch die weitere Einbindung in Home Energy Management Systems (HEMS) ließen sich Smart Home Geräte, je nach Strompreiseffizienz, steuern.
Design
Die meisten Standard-Designkomponenten für andere Funktionen wurden bereits kreiert und implementiert. In dem Designprozess für diese Funktion hatte ich freie Hand und konnte neue Komponenten visuell entwickeln und bestehende Komponenten bearbeiten.
Darunter die:
- Preisdarstellungen
- Balkengrafen
- Kostenanalysen
Resultat
Die Designkomponenten und die Funktionsstrukturen wurden in Zusammenarbeit mit dem Produktteam und anderen Stakeholdern iteriert und bis zum fertigen Prototypen finalisiert.
Der Prototyp wurde erfolgreich auf der E-world Messe vorgeführt und wird perspektivisch von den Entwicklern umgesetzt.
Prototyp
Bildquellen
User Interface Screendesigns:
Eigene Darstellung
Mockup:
https://www.minimalmockups.com/mockup/iphone-15-pro-max-mockup-06/
Mockup:
https://www.minimalmockups.com/mockup/iphone-15-pro-max-mockup-05/
Overview Mockup:
https://www.minimalmockups.com/mockup/iphone-14-pro-max-mockup-06/