Low Fidelity Mockup - Umweltnetz Schweiz

Bevor Design und Detailfragen im Vordergrund stehen, braucht es ein solides Grundgerüst. Das folgende Low-Fidelity-Mockup bildet die strukturelle und funktionale Basis der neuen Website. Bevor gestalterische Feinheiten wie Farben, Typografie oder visuelle Elemente eine Rolle spielten, stand für mich die grundlegende Struktur im Mittelpunkt. Auf Basis der vorhergehenden heuristischen Evaluation sowie einigen Erkenntnissen aus dem Card Sorting habe ich ein erstes Low-Fidelity-Mockup entwickelt, das den funktionalen Aufbau der Seite greifbar macht.
Die Anordnung der Inhalte, die Platzierung von Navigationselementen sowie die Orientierungshilfen wurden gezielt an den zuvor identifizierten Problemen der bestehenden Seite ausgerichtet. So wurde beispielsweise das Logo vergrössert, ein klarer Seitentitel eingefügt.

Auf Basis der heuristischen Evaluation sowie gezielter Rückmeldungen aus dem Card-Sorting-Test wurde ein erstes Low-Fidelity-Mockup konzipiert. Dieses bildet die grundlegende Struktur und Navigationslogik der Website ab. Ziel war es, ein funktionales Gerüst zu entwickeln, das zentrale Inhalte sinnvoll ordnet und die Orientierung für verschiedene Zielgruppen erleichtert – noch ohne visuelles Feintuning.

Konkret hinzugekommen:

• Vergrössertes Logo zur besseren Wiedererkennung
• Klarer Seitentitel für Orientierung
• Visuelles Feedback durch Farbakzente
• Kennzeichnung der aktiven Seite
• Rückwärtsnavigation über einen Zurück-Button
• Filterfunktionen für gezieltes Auffinden von Inhalten
• Kennzeichnung akademischer Inhalte
• «Nach oben»-Button für bessere Usability
• Social Media Icons auf dem Menu

Das Mockup dient als Basis für den darauffolgenden High-Fidelity-Prototyp, in dem das visuelle Design weiter ausgearbeitet wird.