Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam mehr erfahren

DWD Wetter Redesign

Kursdokumentation Human-Computer Interaction Design

DWD

Der Deutsche Wetterdienstes (DWD) ist eine Bundesbehörde mit zahlreichen eigenen Wetterstationen an vielen Standorten in Deutschland und bietet damit für unsere Region einzigartige Wetterdaten-Qualität.

Gewerbliche Anwender in Landwirtschaft, Energie-Sektor (wie Betreiber von Windkraftanlagen) und Luftfahrt vertrauen darauf seit vielen Jahren.

Zudem betreibt der DWD eine „Warn Wetter App“ die Privatpersonen als Zielgruppe hat und gängiger Wetterdaten wie Niederschlagswahrscheinlichkeit, Temperatur, Vorhersagen und Wetterkarten zur Verfügung stellt.

Redesign Ansatzpunkte

Während gewerbliche Anwender einen eigenen, geschützten Zugang über die DWD-Website (oder APIs) haben, der zu eine sehr großen Menge an aktuellen und historischen Daten führt und mit externer Visualisierungs-Software bearbeitet und angezeigt werden kann, müssen sich Privatanwender mit der iOS „Warn-App“ begnügen, die fast zu komplex für den Alltag, jedoch gleichzeitig zu beschränkt für „ambitionierte Nutzer“ ist (wie z.B. Hobby-Piloten oder Segler).

Hier bietet sich ein Redesign an, das so gestaltet ist, dass die App für beide Nutzergruppen funktioniert.

Zu erreichen wäre das durch umfangreiche Personalisierungsmöglichkeiten, wodurch Features und Datenquellen je nach Bedarf eingestellt werden könnten.

Wichtig wäre hier darauf zu achten, dass dieses Setup nicht zu Lasten der UX geht; idealerweise gäbe es Nutzerprofile die durch einen einzigen Tap ausgewählt und dann später durch detaillierte Einstellungsmöglichkeiten den individuellen Bedürfnissen angepasst werden könnten.

Zudem müsste bei der Gelegenheit die Informationsstruktur aufgeräumt und das Branding aufgefrischt werden.

d6372.pngd6372.png

DWD App Ausgangssituation – es ist nicht wirklich ersichtlich, wie der Chart unten zu lesen ist

Umsetzung

dwd.pngdwd.png

Die überarbeitete App zeigt beim ersten Start eine Seite zur Profilauswahl, die jeweils umfangreiche Voreinstellungen bietet und auf die jeweilige Nutzergruppen zugeschnitten ist. Eine manuelle Auswahl der Parameter und Datenquellen ist ebenfalls möglich.

Setup kann über die Einstellungen auch zu einem späteren Zeitpunkt wieder erreicht werden.

Ebenfalls über den Einstellungs-Screen (der von überall durch Tap auf das Rädchen oben rechts erreicht wird) lassen sich Nutzrprofile personalisiert bzw. komplett eigene Profile erstellen.

So könnte man z.B eine Alltagsvevsion einrichten, die nur Basis-Parameter (wie Niederschlag, Temperatur, Wind etc.) anzeigt und  Weiteres nur bei Bedarf liefert.

s1f.pngs1f.png

Setup Screen

s2f.pngs2f.png

Einstellung der Paramter

Der Haupt-Screen ist entlang einer horizontalen Zeitachse orientiert, auf der frei gescrollt werden kann um Wetterdaten in der Zukunft und Vergangenheit abzurufen.

Die Zeitachse fungiert zudem als „Divider“ zwischen der Temperaturangabe im oberen Drittel, ein Element das bei jedem Profil immer vorhanden ist und dem personalisierbaren Bereich darunter.

Im Hintergrund werden farblich Niederschlagszeiträume und starke Bewölkung hervorgehoben (blaue und graue Hinterlegung). Dieses Feature bleibt evtl. neuen Nutzern anfangs verborgen, wird aber sicher schnell über die Parameter (Regen, Bewölkung) erlernt.

Der modulare, flexible Aufbau ist der Kernaspekt des Redesigns und löst so das Hauptproblem der aktuellen DWD-App: fehlende Personalisierbarkeit und dadurch schlechte UX für die meisten Anwender.

s3f1.pngs3f1.png

Main-Screen

Ein Projekt von

Fachgruppe

Interfacedesign

Art des Projekts

Studienarbeit im ersten Studienabschnitt

Betreuung

foto: Prof. Dr. Frank Heidmann

Entstehungszeitraum

Wintersemester 2016 / 2017