Relaunch Website Pädagogische Hochschule ZürichVernetzte Information, klare Wege
- Adresse
- Pädagogische Hochschule Zürich (PH Zürich)
- Branche
- Bildung & Wissenschaft
- Typ
- Website
- Leistungen
- Online Strategie & Analyse, Konzeption und Prototyping, Usability-Tests, Visual Design, Spezifikationen & Pflichtenheft, Frontend-Entwicklung, Barrierefreies Webdesign, Content & UX Writing
- Awards
- Best of Swiss Web Award 2024
GOLD in der Kategorie User Experience
Ziele
Die Pädagogische Hochschule Zürich ist die grösste pädagogische Hochschule der Schweiz. Sie bietet einem breiten Publikum Aus- und Weiterbildung, Forschung und Dienstleistungen an. Das Redesign umfasste die öffentliche Website und das (neu) passwortgeschützte Studierendenportal sowie die Abgrenzung der beiden Bereiche. Die wichtigsten Ziele waren, der Menge und Heterogenität des Inhalts und der Stakeholder gerecht zu werden, die öffentliche Website vom bisherigen Ballast des Studierenden-Portals zu befreien und keine Mehrfachpflege mehr von (teilweise) redundanten Seiten zu betreiben.
Joy of Use durch passenden und multimedial aufbereiteten Inhalt, gute Benutzerführung und einfaches Auffinden.
Kern des Konzepts ist strukturierter und vernetzter Inhalt. Er kann unterschiedlich dargestellt werden und optimiert die Benutzerführung.
Der Inhalt wird an einer Stelle erfasst und in unterschiedlichen Formen an verschiedenen Orten ausgespielt.
Der Dienstleistungs-Wizard engt durch eine Abfolge von leicht beantwortbaren Fragen rasch die für sie passenden Dienstleistungen ein.
Dienstleistungs-Wizard der PH Zürich
Die User:innen navigieren primär über den vernetzten Inhalt. Dies ist intuitiv und besonders auf mobilen Geräten benutzerfreundlich.
Der meiste Inhalt ist über drei Ebenen zugänglich. Wo nötig, werden zusätzliche Ebenen vor Ort angezeigt.
Das Visual Design spiegelt die klaren Linien des Campus und der Publikationen. Der Fokus ist durch die Typografie auf dem Inhalt, und trotz Schlichtheit steht der Mensch im Zentrum.
Das Design der Website ist für alle Formate optimiert.
Wir programmierten barrierefreien Frontend-Code und schufen dafür eine Eigenentwicklung für die verbesserte Nutzung der Tabulator-Navigation.
Beim Navigieren auf der Seite mittels Tastatur werden fokussierte Elemente umrahmt.
Wir schufen ein Universal-Layout-System mit flexiblen Layouts und einem Komponenten-Baukasten.
In der Frontend-Bibliothek Storybook können die verschiedenen Kombinationen angeschaut werden.
Ideen & Ergebnis
Die neue Website bietet den Benutzer:innen Joy of Use durch passenden und multimedial aufbereiteten Inhalt, gute Benutzerführung und einfache Auffindbarkeit. Die Auftraggeberin profitiert von einer effizienten technischen Umsetzung, einem benutzerfreundlichen Interface und weniger Aufwand bei der Pflege des Inhalts ‒ der von 5000 auf 700 Seiten reduziert wurde. Bei der technischen Umsetzung achteten wir besonders auf Barrierefreiheit und den Schutz der Privatsphäre.
Die neue Website der PHZH ist ein Ereignis. Sie ist klar und ansprechend, besonders und nahbar, heiter und motivierend – und sie ist praktisch.
Heinz Rhyn, Rektor