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)

Datensatz des Sihlwald Archivs.
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
Wireframing von Sihlwald Archiv.
Zugänglichkeit

Folgende Punkt waren uns bei dem Prototypen wichtig:

  • Ausreichende Farbkontraste
  • Optimierte Typografie
  • Grosse Touch Targets
Übersicht von Mobile Prototyp des Sihlwald Archivs.
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.

Vergleich der Platzverhältnisse zwischen Desktop und Mobile Version des Sihlwald Archivs.

weitere projekte

Interessiert an weiteren Projekten?

Get in touch Button um E-Mail zu senden