Cardsorting - Naturzyt

Im Gegensatz zum vorherigen Projekt, in dem ich die Inhaltsstruktur systematisch mit Card Sorting neu geordnet habe, entschied ich mich bei naturazyt.ch für eine qualitative Methode. Hier habe ich eine Art Fokus-Gruppe mit vier Personen gebildet, die gemeinsam die bestehende Website analysierten. Zunächst haben wir den Ist-Zustand der Website durchgesehen und die auffälligen Punkte dokumentiert. Im zweiten Schritt haben wir die Navigation und Seitenstruktur anhand von Personas durchgearbeitet. Auf Basis dieser Personas sowie User Journeys und Empathy Maps analysierte ich, wie verständlich, nutzbar und visuell zugänglich die bestehenden Inhalte sind. Diese kontextbasierte Analyse, die mit einer Fokusgruppe vergleichbar ist, ermöglichte es uns, konkrete Verbesserungspotenziale aufzuzeigen und die Website aus der Perspektive der Nutzer weiterzuentwickeln.

Neue Aufteilung

Erkenntnisse

Im der Überarbeitung der Website-Navigation wurden mehrere gezielte Anpassungen vorgenommen, die auf den Ergebnissen des Card Sortings basieren:

  • Entfernung des Wortes «Home» als separater Menüpunkt, wenn es bereits im Logo enthalten ist
  • Vermeidung von Versalien in Texten, um die Lesbarkeit zu verbessern
  • Erhöhung der Schriftgrösse der Einleitung, um sie besser sichtbar zu machen
  • Reduzierung der Wiederholung des Begriffs «Natur erleben»
  • Vereinheitlichung der Abo-Angebote, um Verwirrung zu vermeiden
  • Korrektur der Schreibweise von «manchamal» zu «manchmal»
  • Entfernung des Wortes «Schweiz» bei «zyt», da es bereits impliziert wird
  • Änderung der Dropdown-Unterstreichung zu einer einheitlicheren grünen Farbe wie im Hauptbereich
  • Dickerer Strich unter dem Hauptmenü für bessere Sichtbarkeit
  • Gleichmässige Grösse der Artikel in der Artikelübersicht, um die Kacheln nicht zu verdecken
  • Änderung des blauen Hover-Effekts bei Artikeln, um eine ansprechendere Farbgestaltung zu erzielen
  • Konsistente Schriftgrössen verwenden, um das visuelle Design zu vereinheitlichen
  • Lead-Text visuell eindeutiger gestalten, um ihn hervorzuheben
  • Vergrösserung des Textbereichs in den Artikeln für eine bessere Lesbarkeit
  • Hinzufügen eines «Zurück»-Buttons, um die Navigation zu erleichtern
  • Ersetzung der unteren Breadcrumb-Navigation durch eine Seitenleiste für eine klarere Struktur
  • Vergrösserung der Bilder und Hinzufügen von Bildunterschriften für eine bessere Präsentation
  • Verbesserung der Hover-Effekte im Footer, um sie sichtbarer und interaktiver zu gestalten
  • Es ist bemerkenswert, wie sich im Verlauf des Projekts eine Vielzahl von Ideen und Perspektiven zu einem umfassenden Ergebnis zusammengefügt haben. Diese Entwicklung zeigt, dass durch die aktive Einbringung aller Beteiligten zahlreiche wertvolle Verbesserungsvorschläge generiert wurden. Dies betrifft nicht nur den UX-Bereich, sondern auch die ästhetische Gestaltung der Website. Es wird deutlich, wie verschiedene Designaspekte miteinander harmonieren und das Gesamtbild der Benutzererfahrung stärken. Diese Erkenntnisse ergänzen die von mir Beginn durchgeführten heuristische Evaluation.

    Hier gehts zum nächsten Schritt Arrow Right Icon