reverse card sorting - informationsarchitekturen frühzeitig evaluieren
DESCRIPTION
Im Bereich der Optimierung der Strukturierung von Online-Shops tut sich derzeit viel: Responsive Design und mobile Commerce sind nur zwei Stichworte. Die Shop-Navigation muss in diesem Kontext schlanker und noch durchdachter umgesetzt werden, was vor allem durch eine Straffung der Shop-Strukturierung und Navigationsebenen gelingt. Es ist zu beobachten, dass sich vorhandene Online Card Sorting Tools stetig weiterentwickeln. Offenes Card Sorting ist als generativer Ansatz weithin bekannt und unterstützt uns beim Design einer nutzergerechten Informationsarchitektur. Wie aber können wir eine solche Informationsarchitektur mit Nutzern evaluieren, und das noch ohne großen Aufwand? In seinem Vortrag beim UXHH Roundtable zeigt Jan Pohlmann, CS / Tool Experte bei eResult: - Warum geschlossene Card Sortings und Prototypen-Tests nicht die richtige Wahl sind - Was Reverse Card Sorting ist und welche Vorteile es bietet - Wann es durchgeführt werden sollte und wie - online oder moderiert im Lab - Was es beim Studiendesign zu beachten gibt - Welche Tools es gibt und wie diese funktionieren - von der Erstellung über die Durchführung aus Probandensicht bis zur Auswertung.TRANSCRIPT
![Page 1: Reverse Card Sorting - Informationsarchitekturen frühzeitig evaluieren](https://reader033.vdocument.in/reader033/viewer/2022060116/558435d2d8b42a56178b4833/html5/thumbnails/1.jpg)
Reverse Card Sorting
Informationsarchitekturen frühzeitig evaluieren
Jan PohlmannUX Roundtable Hamburg
November 2013
![Page 2: Reverse Card Sorting - Informationsarchitekturen frühzeitig evaluieren](https://reader033.vdocument.in/reader033/viewer/2022060116/558435d2d8b42a56178b4833/html5/thumbnails/2.jpg)
Genereller UCD Prozess
Nutzungskontext
Anforderungen
Design
Evaluation
![Page 3: Reverse Card Sorting - Informationsarchitekturen frühzeitig evaluieren](https://reader033.vdocument.in/reader033/viewer/2022060116/558435d2d8b42a56178b4833/html5/thumbnails/3.jpg)
Informationsarchitektur
“The combination of organization, labeling, search and navigation systems within websites and intranets.”
Rosenfeld & MorvilleInformation Architecture for the World Wide Web
![Page 4: Reverse Card Sorting - Informationsarchitekturen frühzeitig evaluieren](https://reader033.vdocument.in/reader033/viewer/2022060116/558435d2d8b42a56178b4833/html5/thumbnails/4.jpg)
Grundlage für Navigations- und Informationsgestaltung
![Page 5: Reverse Card Sorting - Informationsarchitekturen frühzeitig evaluieren](https://reader033.vdocument.in/reader033/viewer/2022060116/558435d2d8b42a56178b4833/html5/thumbnails/5.jpg)
UCD Prozess für Informationsarchitektur
Offenes Card Sorting
Sitemaps, Content
Inventory, …
Evaluation?
![Page 6: Reverse Card Sorting - Informationsarchitekturen frühzeitig evaluieren](https://reader033.vdocument.in/reader033/viewer/2022060116/558435d2d8b42a56178b4833/html5/thumbnails/6.jpg)
Prototypen-Test der Navigation?
Keine Isolation der Informationsarchitektur
Layoutentwürfe notwendig
Hoher Aufwand durch geringen Automatisierungsgrad
![Page 7: Reverse Card Sorting - Informationsarchitekturen frühzeitig evaluieren](https://reader033.vdocument.in/reader033/viewer/2022060116/558435d2d8b42a56178b4833/html5/thumbnails/7.jpg)
Closed Card Sorting?
Fragwürdige Validität
Nur oberste Hierarchieebene
![Page 8: Reverse Card Sorting - Informationsarchitekturen frühzeitig evaluieren](https://reader033.vdocument.in/reader033/viewer/2022060116/558435d2d8b42a56178b4833/html5/thumbnails/8.jpg)
Reverse Card Sorting!
![Page 9: Reverse Card Sorting - Informationsarchitekturen frühzeitig evaluieren](https://reader033.vdocument.in/reader033/viewer/2022060116/558435d2d8b42a56178b4833/html5/thumbnails/9.jpg)
Frontend Demo
![Page 10: Reverse Card Sorting - Informationsarchitekturen frühzeitig evaluieren](https://reader033.vdocument.in/reader033/viewer/2022060116/558435d2d8b42a56178b4833/html5/thumbnails/10.jpg)
Vorteil #1 – Höhere Validität
![Page 11: Reverse Card Sorting - Informationsarchitekturen frühzeitig evaluieren](https://reader033.vdocument.in/reader033/viewer/2022060116/558435d2d8b42a56178b4833/html5/thumbnails/11.jpg)
Vorteil #2 – Leicht verständlich
![Page 12: Reverse Card Sorting - Informationsarchitekturen frühzeitig evaluieren](https://reader033.vdocument.in/reader033/viewer/2022060116/558435d2d8b42a56178b4833/html5/thumbnails/12.jpg)
Vorteil #3 – Geringer Aufwand
![Page 13: Reverse Card Sorting - Informationsarchitekturen frühzeitig evaluieren](https://reader033.vdocument.in/reader033/viewer/2022060116/558435d2d8b42a56178b4833/html5/thumbnails/13.jpg)
Vorteil #4 – Isolierung der Probleme
![Page 14: Reverse Card Sorting - Informationsarchitekturen frühzeitig evaluieren](https://reader033.vdocument.in/reader033/viewer/2022060116/558435d2d8b42a56178b4833/html5/thumbnails/14.jpg)
Vorteil #5 – Statistische Auswertung
![Page 15: Reverse Card Sorting - Informationsarchitekturen frühzeitig evaluieren](https://reader033.vdocument.in/reader033/viewer/2022060116/558435d2d8b42a56178b4833/html5/thumbnails/15.jpg)
Der optimale Zeitpunkt
Bevor auf Basis der IA weitergearbeitet wird
![Page 16: Reverse Card Sorting - Informationsarchitekturen frühzeitig evaluieren](https://reader033.vdocument.in/reader033/viewer/2022060116/558435d2d8b42a56178b4833/html5/thumbnails/16.jpg)
Kritischer Faktor #1 – Aufgabenauswahl
● Einfache Aufgabe zur Einführung
● In Card Sorting und Designphase problematische Inhalte
● Bereichsübergreifende Inhalte
● Nur 10-15 Aufgaben pro Proband
● Reihenfolge randomisieren
![Page 17: Reverse Card Sorting - Informationsarchitekturen frühzeitig evaluieren](https://reader033.vdocument.in/reader033/viewer/2022060116/558435d2d8b42a56178b4833/html5/thumbnails/17.jpg)
Kritischer Faktor #2 – Aufgabenformulierung
● Gerade genug Kontext
● Von der Situation und den Bedarfen der Nutzer ausgehen
● Begriffe aus der IA umschreiben
● Potenziell verwirrende Begriffe verwenden
![Page 18: Reverse Card Sorting - Informationsarchitekturen frühzeitig evaluieren](https://reader033.vdocument.in/reader033/viewer/2022060116/558435d2d8b42a56178b4833/html5/thumbnails/18.jpg)
Moderiert, vor Ort und auf Papier…
![Page 19: Reverse Card Sorting - Informationsarchitekturen frühzeitig evaluieren](https://reader033.vdocument.in/reader033/viewer/2022060116/558435d2d8b42a56178b4833/html5/thumbnails/19.jpg)
… oder unmoderiert, remote und toolbasiert
![Page 21: Reverse Card Sorting - Informationsarchitekturen frühzeitig evaluieren](https://reader033.vdocument.in/reader033/viewer/2022060116/558435d2d8b42a56178b4833/html5/thumbnails/21.jpg)
Fazit
Reverse Card Sorting zur Evaluation von Informationsarchitekturen
Validität und isolierte Betrachtung
Früh, einfach und günstig testen
Qualitativ und quantitativ möglich
![Page 22: Reverse Card Sorting - Informationsarchitekturen frühzeitig evaluieren](https://reader033.vdocument.in/reader033/viewer/2022060116/558435d2d8b42a56178b4833/html5/thumbnails/22.jpg)
Jan Pohlmann
+49 40 36166-7984
Vielen Dank!
Göttingen, Hamburg, Frankfurt
www.eresult.de
www.usabilityblog.de
![Page 23: Reverse Card Sorting - Informationsarchitekturen frühzeitig evaluieren](https://reader033.vdocument.in/reader033/viewer/2022060116/558435d2d8b42a56178b4833/html5/thumbnails/23.jpg)
Online-Tools
● www.userzoom.de/software/research-capabilities/tree-testing
● www.optimalworkshop.com/treejack.htm
● www.uxpunk.com/plainframe
● www.c-inspector.com
● www.naviewapp.com
![Page 24: Reverse Card Sorting - Informationsarchitekturen frühzeitig evaluieren](https://reader033.vdocument.in/reader033/viewer/2022060116/558435d2d8b42a56178b4833/html5/thumbnails/24.jpg)
Literatur und Links
● Spencer, D. (2009), Card Sorting, Rosenfeld Media
● http://boxesandarrows.com/card-based-classification-evaluation/
● http://boxesandarrows.com/tree-testing/
● http://www.uxmatters.com/mt/archives/2011/06/comparing-user-research-methods-for-information-architecture.php
● http://www.measuringusability.com/blog/tree-testing-ia.php
● http://www.measuringusability.com/blog/cardsort-tree-test.php
● http://www.webcredible.co.uk/user-friendly-resources/web-usability/tree-testing.shtml
● http://www.globaluserresearch.com/blog/2010/12/ideas-vs-solutions-why-card-sorting-loves-tree-testing-and-why-tree-testing-feels-it-to
● http://www.usabilityblog.de/2013/08/navigationsprobleme-im-ansatz-vermeiden-durch-reverse-card-sorting/
![Page 25: Reverse Card Sorting - Informationsarchitekturen frühzeitig evaluieren](https://reader033.vdocument.in/reader033/viewer/2022060116/558435d2d8b42a56178b4833/html5/thumbnails/25.jpg)
Verwendete Bilder
● Folie 3: Information Architecture cc licensed (BY NC ND) flickr photo by CannedTuna: http://www.flickr.com/photos/cannedtuna/4853380320/
● Folie 4, 15: Elements of User Experience by Jesse James Garrett: http://www.jjg.net/elements/translations/elements_de.pdf
● Folie 6: LEGO De Lorean cc licensed (BY SA) flickr photo by Norio NAKAYAMA: http://www.flickr.com/photos/norio-nakayama/10180522764/
● Folie 7: Card sorting kit cc licensed (BY SA) flickr photo by Luca Mascaro: http://www.flickr.com/photos/lucamascaro/3644252322/
● Folie 8, 21: Trees cc licensed (BY NC SA) flickr photo by Doug88888: http://www.flickr.com/photos/doug88888/5910287886/
● Folie 10: Extremely Low-Tech Counterfeiting 2 cc licensed (BY NC) flirck photo by Matthew Stinson: http://www.flickr.com/photos/portablematthew/9066923976/
● Folie 11: Head Scratching Gorilla cc licensed (BY NC ND) flickr photo by Aaron Muderick: http://www.flickr.com/photos/amuderick/46246205/
● Folie 12: Complicated cc licensed (BY NC ND) flickr photo by Rohit Mattoo: http://www.flickr.com/photos/mar00ned/229903286/
![Page 26: Reverse Card Sorting - Informationsarchitekturen frühzeitig evaluieren](https://reader033.vdocument.in/reader033/viewer/2022060116/558435d2d8b42a56178b4833/html5/thumbnails/26.jpg)
Verwendete Bilder
● Folie 13: DNA isolation 3 cc licensed (BY NC ND) flickr photo by Patrick Alexander: http://www.flickr.com/photos/aspidoscelis/4461828398/
● Folie 14: Numbers cc licensed (BY NC) flickr photo by duncan c: http://www.flickr.com/photos/duncan/4568047884/
● Folie 16: I is for Important Message cc licensed (BY) flickr photo by Rusty Clark: http://www.flickr.com/photos/rusty_clark/6156315215/
● Folie 17: 073-366 Words cc licensed (BY NC ND) flickr photo by Christine and David Schmitt: http://www.flickr.com/photos/cheesy42/6834155598/
● Folie 22: Thank you, Chicken Rice Salad Bread cc licensed (BY NC ND) flickr photo by giveawayboy: http://www.flickr.com/photos/giveawayboy/1023409131/