Wireframing
Design System
Prototyping
Archiv Sihlwald
In einer schulischen Gruppenarbeit haben wir eine Website erstellt, die einen Datensatz von opendata.swiss zugänglich machen soll.
Resultat
Mit einer Mobile und Desktop Ansicht, sowie einer übersichtlichen Navigation, Suchfunktion und Filteroptionen stellten wir sicher, dass die Informationen aus dem Datensatz leicht zugänglich sind.
Mobile YouTube Video
Die Desktop Version
Gleicher Inhalt, aber eine grössere Bühne für die Fotografien.
Desktop YouTube Video
Unser Datensatz
Wir mussten entscheiden, welche Informationen sind wichtig und was kann weggelassen werden.
Wichtig: Entstehungszeitraum, Bildtitel, Darin enthalten, Autor/Fotograf/Künstler
Weniger wichtig: Bildnamen, Form und Inhalt (Text), Technische Daten (Trägermaterial, Technik, Farbe, Format)
Darstellung Informationen
Wie lassen sich die Informationen ordnen, gruppieren, sortieren?
- Suche mit Schlagwörter
- Zeitstrahl in Filter
- In Kategorien unterteilen
- Landing Page mit kurzem Intro zum Sihlwald, Naviagation und Suche
Zugänglichkeit
Folgende Punkt waren uns bei dem Prototypen wichtig:
- Ausreichende Farbkontraste
- Optimierte Typografie
- Grosse Touch Targets
Herausforderung
Auf Mobilgeräten ist der verfügbare Bildschirmplatz begrenzt, was heisst, dass wir einfallsreich sein mussten, um Informationen auf eine Art und Weise anzuordnen, die benutzerfreundlich bleibt und gleichzeitig alle erforderlichen Informationen bereitstellt.