Colour and Concept

Erst sortieren, dann Magie anwenden

Heute behandel ich das Fach Interaction Design, oder auch kurz IAD. In diesem fach lernen wir die Benutzeroeberflaeche so zu gestalten damit die Benutzer eine leichte bedienung haben. Dieses Quartal haben wir die gestaltung einer Navigation und die Cardsort methode unter die Lupe genommen um herauszufinden wie der benutzer ueber die Navigation denkt.

Mal wieder ein wenig Theorie.

Es ist gar nicht so leicht die perfekte Navigation zu gestalten. Zwar kann ich eine Navigation perfekt auf eine Person abrichten jedoch koennen dann wieder 10 andere damit nicht mehr umgehen und 2 weitere kriegen Selbstmord neigungen weil sie sich dann vernachlaessigt fuehlen. Die Kunst ist es also eine Navigation zu machen die fuer deine Zielgruppe geëignet ist und sich jeder bei wohl und verstanden fuehlt. Um dies heraus zu finden braucht man eine Methode wie Cardsorting.

Nun was ist denn jetzt Cardsorting? Man gibt eine andere person einen Stapel von Karten mit begriffe oder Bilder drauf die du in deine Navigation willst verarbeiten. Diese Karten darf diese andere person dann Sortieren nach Kategoriën, hierbei gibt es 2 Methode:
Open Cardsort – die Benutzer duerfen eigene Kategoriën festlegen fuer ihre sortierte Karten
Closed Cardsort – die Benutzer sollen die Karten unter festgelegten Kategoriën sortieren.

Was bringt das ganze jetzt? Es ist nuetzlich zu wissen wo Leute denken das sachen Zusammen gehoeren und welche Namen die Kategorie traegt. Wenn man diese Namen von Kategoriën in der Navigation rein packt so ist der wiedererkennungswert fuer die Zielgruppe groesser. Soviel zur theorie, wir haben selber Cardsorts ausgefuehrt fuer eine Webseite die es dringend noetig hat.

Der imaginaere Kunde: Gartenzentrum Overvecht

Die Seite ist technisch gesehen in ordnung aber im sinne von Benutzerfreundlichkeit hat sie wenig Ueberlebenschance, genausowenig wie die beiden Selbstmoerder. Die Produkte die das Gartenzentrum anbietet haben unuebersichtliche Labels und auch alles andere in der Navigation hat einen namen wo die Benutzer der Webseite erstmal drauf klicken muessen um zu wissen wohin der Link fuehrt.

Wir durften jedoch nur die Gartenprodukte neu einteilen auf die Labels die die Benutzer vorgeben, beziehungsweise, wir durften ein Cardsort machen mit Gartenprodukten.

Gartenprodukte, yay~

Wir haben mal kurzerhand ein Gartenzentrum ueberfallen, allmoegliche Produkte aus den Regalen gerissen und diese dann Fotografiert. Diese Foto’s haben wir dann noch fein auf kleine Kaertchen ausgedruckt und an 7 verschiedene Personen gegeben damit die diese Sortieren auf Selbst erstellte Kategoriën (Open Cardsort).

Das ganze kam dan in einer Uebersicht und wir sollten aus 7 verschiedenen Kategorielabel pro Produkt ein paar Kategoriën zaubern.

Ja Zaubern, denn jeder Mensch denkt sich wieder eine andere Kategorie aus und man braucht hierbei ein gewisses Fingerspitzengefuehl die richtigen Kategoriën zu finden worunter jeder Mensch seine Produkte zurueckfindet.

Die von uns ausgewerteten Kategoriën haben wir dann in ein Wireframe verarbeitet um damit eine neue Navigation an zu geben. Ich hab bei dieser gelegenheit auch alle anderen Navigationspunkte neu Definiert. So sollte im uebrigen ein Wireframe aussehen, hoch gelobt durch den Lehrer.

Naja soviel zu Cardsorting, den restlichen Unterrichtsstof will ich euch ersparen, darin geht es um Transperante Interfaces uns so’n kram. Wer aber trotzdem mal einen Cardsort ausfuehren will, hier hab ihr die vorlage von unseren Karten. Ausdrucken, Ausschneiden, Kugelschreiber und Post-its dabei und dann Sortieren, ach und ein Foto fuer mich hochladen wenn ihr fertig seit, interesiert mich ^^