Relaunch meteoschweiz.ch

Der Wetterbericht ist für viele Menschen ein täglicher Begleiter. Als Bundesamt investieren wir all unser Herzblut in die objektive und neutrale Beurteilung des Wetters und des Klimas.

Die neue Website der MeteoSchweiz ist zu 100% auf die Bedürfnisse unserer User zugeschnitten. Aktuelle Wetter- und Klimainformationen sind innovativ visualisiert und regen dazu an, sich weiter zu vertiefen. Die User können sich barrierefrei vom lokalen Wetterbericht bis hin zu wissenschaftlichen Analysen informieren. Die Inhalte erschliessen sich progressiv.

Wir veröffentlichen wesentlich mehr Mess- und Prognosedaten als zuvor. Alle Informationen sind wissenschaftlich fundiert und objektiv visualisiert.

Unsere komplexen Daten, Messwerte und Prognosen liefern wir mit performanten Schnittstellen direkt nach deren Erstellung aus. Durch die konsequente Entkoppelung der Systemkomponenten für die Datenverarbeitung und der Datenlieferung ist unsere Website auch bei grösster Datenlast hochverfügbar und ausfallsicher. Damit sind wir auch bei Naturereignissen hervorragend auf die Gefahren-Kommunikation vorbereitet.

• Zielgruppe: Alle
  Die neue Website fokussiert auf den relevanten Anwendungsfällen unserer User. Die Inhalte regen an, sich weiter in die Themen Wetter und Klima zu vertiefen.
• Täglicher Begleiter
  Wir vermitteln unseren Usern Sicherheit und Vertrauen. Als Bundesamt verpflichten wir uns der Objektivität und stellen den Usern mit der neuen Website erheblich mehr Mess- und Prognosedaten zur Verfügung.
• Realtime-Datenverarbeitung
  Wir halten die Daten stets aktuell. Dazu verarbeiten und aktualisieren wir auf der Website pro Sekunde ca. 4MB Daten (345 GB pro Tag).
• Hochverfügbar und zuverlässig
  Messwerte sowie Prognose-, Gefahren- und Klimadaten werden realtime ausgeliefert und sind durch die konsequente Entkoppelung der Systemkomponenten für die Datenverarbeitung und Datenauslieferung auch bei grösster Datenlast hochverfügbar und ausfallsicher. MeteoSchweiz hat den meisten regelmässigen Traffic von allen Websites der Naturgefahrenfachstellen des Bundes.
• Konsistente User Experience
  Das neue Design System der Bundesverwaltung ist kombiniert mit einheitlich funktionierenden Datentools. In Usability Tests getestet.
• Mehr als Wetterprognose
  Die ausgefeilte Informationsarchitektur sieht vor, dass mit jedem vertiefenden Link die Komplexität der Inhalte etwas zunimmt. Wir erreichen damit eine stufenlose Komplexitätszunahme, sodass wir von Lai:innen über Fachpersonen bis hin zu Expert:innen alle Zielgruppen erreichen («Progressive Disclosure»).

Ziel unseres Relaunches war, unsere Website sowohl für die breite Öffentlichkeit als auch für Experten weiterzuentwickeln. Der Zugang zu essentiellen Informationen sollte vereinfacht und die immer grösser werdenden Datenmengen attraktiv erschlossen werden.

Wetterprognose im Vordergrund, am liebsten lokal...

Gemäss unserer Analysen der bisherigen Nutzung interessieren sich die meisten User:innen für die Wetterprognose, wenn sie auf unsere Startseite gelangen. Wir haben das berücksichtigt und bieten zuoberst einen Direktzugang zu umfangreichen Lokalprognosen via Prognose-Pills, die schon vorab die wichtigsten lokalen meteorologischen Daten und Unwetterwarnungen enthalten.

Die Lokalprognose ist wie eine zweite individuelle Homepage aufgebaut. Sie ermöglicht den Überblick über alle lokalen Wetter- und Klimadaten und ist für unsere User:innen via Lokalprognosen-Suchfeld auf der Startseite oder via persönlicher Favorit immer erreichbar.

Übersicht für alle, Details für Interessierte und Fachpersonen

Die Startseite bietet eine für Laien attraktiv aufbereitete Gesamtübersicht, die die wichtigsten Bedürfnisse aller User:innen abdeckt. Die aktuellen Wetterinformationen auf der Startseite sind aber auch für Expert:innen ein relevanter Einstieg. Von der Startseite aus können User:innen in unterschiedliche Themen abtauchen, bis hin zu wissenschaftlichen Quellen.

Beispiel: Startseite > Klima-Monitor > Klimawandel > IPCC Report

Zugang zu wissenschaftlichen Informationen für alle

Klimaveränderungen und Wetterphänomene sind nicht nur für Wissenschaftler:innen interessant und relevant. Unsere neue Website ermöglicht allen User:innen, sich umfassend und objektiv zu informieren. Wir bieten für alle Zugang zu Hintergrundinformationen und zu unserer wissenschaftlichen Arbeit. Attraktive Datenvisualisierungen wie der Klimamonitor laden zur Vertiefung ein.

Da unser Besucherkreis sehr divers ist, müssen wir die Inhalte so einfach wie möglich zugänglich machen, für alle verständlich formulieren und alternative Inhaltsformen anbieten.

Progressive Disclosure: Einfach beginnen...

Das grundsätzliche Prinzip der Website von MeteoSchweiz folgt dem Ansatz der «Progressive Disclosure». Das bedeutet: Die User:innen nutzen die Informationen sequentiell, sie steigen bei spezifischen Bedürfnissen immer tiefer ein. Die Komplexität und der Umfang der Information nimmt mit jedem Schritt zu.

Inhaltlich erheblich vereinfachte Navigation, rascher Zugriff zur Lokalprognose

90% des Interesses ist in den Bereichen Wetter und Klima abgedeckt. Die beiden Themen werden bereits auf der Startseite übersichtlich dargestellt, der Direktzugang zu umfangreichen Lokalprognosen befindet sich via Prognose-Pills ganz oben auf der Startseite. Wetter und Klima sind ausserdem in der Navigation priorisiert. Insgesamt werden in der Navigation nur vier Hauptthemen angezeigt: Wetter / Klima / Service & Publikationen / Über uns.

Verständliche Sprache, Angebot alternativer Inhaltsformen

Damit unsere Inhalte so einfach verständlich wie möglich sind, wurden Fachbegriffe komplett entfernt. Zudem zeigen wir Informationen in unterschiedlichen Formen, z.B. bei der Darstellung der Messwerte:

• Auf der Lokalprognosenseite zeigen die “Tachos” spielerisch das aktuelle Wetter an. Die Tachonadel gibt den Besuchern einen Eindruck, wie sie den aktuell gemessenen Wert einordnen müssen: Ist die gemessene Temperatur für Zürich eher hoch oder tief?
• Bei der Lokalprognose direkt unter den “Tachos” befindet sich eine Webcam, die das Wetter in nicht abstrahierter, direkt erlebbarer Form zeigt.
• Wetter-Fans und Fachpersonen finden eine höhere Informationstiefe in der Messwerte-Applikation, die unter anderem via Klick auf einen Messwert-“Tacho” erreichbar ist.

Wetter, Unwetter, Naturgefahren aus einer Hand

Zusätzlich zu den Wetterapplikationen ist eine umfangreiche Gefahren-Applikation verfügbar, die alle Gefahrentypen abdeckt (Unwetter, Naturgefahren, Seen & Flugplätze). User können sich umfassend informieren, ohne die Website wechseln zu müssen.

Auf Grund der Anwendung des Progressive Disclosure Prinzips werden die meisten User:innen ihre Informationsbedürfnisse bereits auf der Homepage stillen können. Direktzugänge zu Lokalprognosen oder Applikationen vereinfachen den Zugang zu spezifischen Informationen.

Zugriff auf Lokalprognose bereits ganz oben auf Home

Wetter-"Pills", die zu einem Ort bereits die wichtigsten aktuellen Infos enthalten, ermöglichen den Zugang zu einer umfangreichen Lokalprognose mit Wetter- und Klimadiagrammen bereits nach einem Klick. In der Lokalprognosen-Suche kann Postleitzahl, Ort oder Berg gesucht werden. Bereits gesuchte Begriffe erscheinen als Vorschlag, wenn man ins Suchfeld klickt. Die aufgerufene Lokalprognose kann in der Detailansicht als Favorit gespeichert werden. Die so gespeicherten Favoriten sind auf der Startseite unter «Meine Orte» sichtbar und wieder einfach aufrufbar.

Aktueller Überblick und einfacher Zugang zu vertiefter Information via Teaser

Alle Teaser auf Applikationen – egal ob auf der Startseite, in der Suche oder auf Inhaltsseiten – zeigen jeweils die aktuellsten Daten, also die neueste Prognose bzw. Messung an. Falls eine Vertiefung der Information gewünscht wird, können die Teaser geklickt werden.

Alternative Zugänge zu Lokalprognosen und Applikationen

Lokalprognosen und Applikationen lassen sich mit der Funktion «Meine Favoriten» einfach abspeichern und jederzeit wieder abrufen.

Man kann zudem via Site-Search oben rechts thematisch suchen und das Suchergebnis nach Applikationen filtern. Wenn in der Site-Search nach einem Ort gesucht wird, erscheint zuoberst die Lokalprognose als Wetter “Pill” dargestellt.

Applikationen sind zudem via Übersichtsseite erschlossen, die nach unterschiedlichen thematischen Aspekten und Darstellungsformen filterbar sind.

Applikationen als Overlay oder eigenständiges Produkt

Im Portal-Kontext öffnen Applikationen in einem Overlay. So gelangen User:innen schnell an gesuchte Informationen und der vorhergehende Zusammenhang bleibt erhalten. Applikations-Overlays können via Startseite, Themen-Navigation oder Suche aufgerufen und als Favoriten abgespeichert werden, von wo sie wieder direkt zugänglich sind. Um die Privatsphäre zu schützen, sind Informationen ohne Login und Benutzertracking individualisierbar. Eine Applikation kann aber auch ohne den Portal-Kontext als eigenständiges Produkt aufgerufen werden, was vor allem für Fachleute interessant ist.

Navigation

Die Navigation erlaubt, schnell Hierarchien zu überspringen, ohne die Seiten aufrufen zu müssen. Abtauchen in ein Thema ist auch so sehr einfach möglich. Die aufgerufene Seite zeigt via Pfad die hierarchische Zuordnung. Das Hauptthema “Service & Publikationen” erlaubt zudem den Schnellzugriff zu den wichtigsten Servicenummern.

Unser User Centered Approach beschränkt sich nicht nur auf die Entwicklung des Konzepts, die Bedürfnisse unser User:innen werden fortlaufend wahrgenommen.

User Centered Approach

Das Konzept wurde auf Basis von Analysen der bisherigen Nutzung entwickelt. Die gesamte Konzeptentwicklung wurden von User-Testings begleitet. Vor dem Go-Live wurde ein Public Beta-Testing durchgeführt. Erst nachdem die wichtigsten Inputs ausgemerzt waren, wurde die alte Seite auch definitiv abgelöst. Auch jetzt nach dem Go-Live werden laufend User Feedbacks aufgenommen, bewertet und integriert, wenn das Feedback eine Verbesserung bringt.

Starke Dialogpflege mit Besuchern - ohne dass wir User-Daten sammeln

Der Dialog mit den Besuchern ist für MeteoSchweiz ein wichtiges Instrument, um Verbesserungen und Erweiterungen voranzutreiben. Inputs werden ernst genommen und umgesetzt. User können ihre Feedbacks und Wünsche via Website, Facebook und Twitter äussern. Kommentare in unserem Blog sind ohne Login möglich. Verbesserungsvorschläge und Ideen für die Website werden aufgenommen, bewertet und, wenn relevant, zeitnah implementiert. Um die Schwelle für Feedback möglichst klein zu halten, ist kein Login notwendig.

Design-System: Inklusiv durch konsistente Grundlagen und Anwendungen

Auf der Basis der neuen Webrichtlinien des CD-Bund wurde unter anderem auf interaktive Diagramme und Kartenapplikationen übertragen und in Bezug auf die Bedürfnisse unserer User ausgebaut. Es wurde ein konsistentes und anwendungsbezogenes Design-System entwickelt, das durch seine Einfachheit und Ausbaufähigkeit für künftige Weiterentwicklungen klare Antworten gibt.

Design-System Anwendungsbeispiel: System für interaktive Karten

Falls unterschiedliche Karten in einer Applikation dargestellt werden sollen, können die Karten oberhalb via Tabs gewechselt werden. Die Auswahl unterschiedlicher Parameter erfolgt auf der Karte als Toggle. Die Legende (z.B. bei Niederschlag) bzw. Anzeige der geklickten Karteninhalte (bei Gefahren) erfolgt in Abhängigkeit der Grösse der dargestellten Karte rechts oder unten. Einzelne Karten haben eine einklappbare Legende, wenn die Legende im eingeklappten Zustand lesbar ist (z.B. bei Niederschlag). Falls eine Karte einen zeitlichen Aspekt hat, erscheint die zeitliche Navigation unten (z.B. bei Niederschlag). Die Kartenhöhe ist viewportabhängig. Wir berechnen die Ausdehnung umgebender Elemente im Seitenbereich und definieren die Kartenhöhe und Breite entsprechend automatisch.

Accessibility, Sicherheit und Schutz der Privatsphäre

Die Accessibility (WCAG 2.1 mit der Konformitätsstufe AA+) wurde durch Access for all getestet (Kontraste, Tastaturbedienbarkeit, sinnvolle hierarchische Strukturen etc.), Beanstandungen wurden korrigiert. Bei der Realisierung des Designs wurden bezüglich Grössen- und Farbkontrast nicht nur ausreichende, sondern hohe Kontraste gewählt. Bezeichnungen werden an Hand von User Feedbacks so optimiert, dass sie für die Mehrheit einfach verständlich sind. Interaktive Elemente sind verständlich und intuitiv nutzbar. Es ist klar erkennbar, was geklickt werden kann (Buttons, Links, Teasers...) und welchen Status das Element hat. Auch komplexere Interaktionen wie die zeitliche Navigation lassen sich einfach bedienen und sind accessible.

Um die Privatsphäre zu schützen, sind Informationen OHNE Login und Benutzertracking individualisierbar, Beispiel Wetter “Pills”.