Ontwerpprobleem: het creëren een navigatiestructuur voor een website gewijd aan een specifiek type tuin Versie voor studenten v9.0 2013.12.20 James M. Boekbinder Skype: jboekbinder3641 E-mail:
[email protected] Blog: http://www.razormind.info/infoconstructor
1
Introductie: doel en omschrijving
Het doel van deze opdracht is om te leren hoe je een interactief product (website) zo structureert dat gebruikers gemakkelijk hun weg kunnen vinden. In deze module leer je: ● ● ●
hoe mensen woorden en beelden gebruiken om hun weg te vinden in een website de grondslagen van informatiearchitectuur (de opbouw van navigatiestructuren) kennen een navigatie structuur creëren in de vorm van een prototype bestaande uit wireframes, sitemap en scenario's op basis van de beschrijving van een doelgroep en type product
Dit is een individuele opdracht. De opdracht wordt tijdens de lessen uitgevoerd.
De opdracht in het kort
1.1
Creëer een voorstel voor een website voor een specifieke type gebruiker en tuin (d.w.z. voor een specifieke doelgroep). Gebaseerd op deze indeling, creëer je een prototype bestaande uit wireframes, een sitemap en scenario's. In dit prototype verwerk je ook een voorstel voor zoekfilters (faceted search). Je prototype onderbouw je met een rationale. Deze opdracht wordt stap voor stap uitgevoerd tijdens de werkcolleges in de vorm van vier oefeningen: ● ● ● ●
Oefening Oefening Oefening Oefening
1: 2: 3: 4:
Beschrijving type tuin en gebruiker initiële contentoverzicht / sitemap Scenario's en eerste prototypeschetsen Filters creëren om zoekresultaten te verfijnen
1
2
Het eindverslag
Dit is het verslag waarin al het werk wat tijdens de lessen als oefening is gemaakt in definitieve vorm bij elkaar komt. Je verslag is een PDF document. Het is als volgt opgebouwd: Inleiding – Beknopte beschrijving van de opdracht Deel 1: Beschrijving van type tuin en gebruiker Deel 2: Sitemap met overzicht van de content Deel 3: Prototype bestaande uit definitieve versie van scenario's, geïllustreerd met schetsen Deel 4: De schetsen met compleet overzicht van de zoekfilters Deel 5: Rationale: uitleg van het verband tussen de navigatiestructuur, de interfaces en scenario's in het prototype en het type tuin en gebruiker. Waarom is deze structuur het beste voor dit type tuin en gebruiker? Waarom zijn deze interfaces / scenario's de beste oplossing voor dit type tuin en gebruiker? (Betrek evt. je onderzoeksresultaten hierbij) Deel 6: (optioneel) Een kort persoonlijk verslag (niet meer dan een A4) met je eigen reflectie: hoe heb je de opdracht ervaren? Bronnen Bijlage 1: Indien relevant, een kort verslag van de card sorting sessie met gegevens, foto's gemaakt tijdens de sessies, tabel met resultaten en een analyse van de resultaten met een opsomming van je belangrijkste bevindingen1 Let op: gebruik de Rapportageinstructie bij het opstellen van je eindverslag!
1
Als de card sorting oefening niet is uitgevoerd, vervalt dit onderdeel. 2
3
Bronnen
Saffer, D. (2007). Designing for Interaction. Berkeley, CA: New Riders. ISBN: 0-321-43206-1 Chapter 5: Structured Findings Chapter 7: Refinement Spencer, Donna. (2009). Card sorting - designing usable categories. New York, New York, USA: Rosenfeld Media. ISBN: 1-933820-02-0 Morville, Peter en Rosenfeld, Louis (2006). Information Architecture for the World Wide Web: Designing Large-Scale Web Sites. Sebastopol, CA, USA: O'Reilly Media. ISBN-10: 0596527349 | ISBN-13: 978-0596527341 Morville, Peter (n.d.). Search Patterns. Geraadpleegd: 3 februari 2013, op http://www.flickr.com/photos/morville/collections/72157603785835882/ Tecnicas practicas (n.d.) Information needs and information seeking behaviors. (Opsomming hoofdstukken uit Information Architecture for the World Wide Web.) Geraadpleegd: 3 februari 2013 op http://quetzalzun.blogspot.nl/2012/12/ai.html
3
4
Bijlage 1: Opsomming van kernpunten uit 'Information Architecture for the WWW' van Lou Rosenfeld
(bronvermelding onder Creative Commons license: http://quetzalzun.blogspot.nl/2012/12/ai.html) 4.1
INFORMATION NEEDS What do users want? Let's use the metaphor of fishing to get at the answer. The perfect catch Sometimes users really are looking for the right answer. Let's think of that as fishing with a pole, hoping to hook that ideal fish. What's the population of San Marino? You go to some useful site and you hook in that number. And you're done, just as the too-simple model would have it. Lobster trapping What about the times you're looking for more than just a single answer? Let's say you're hoping to find out about good bed-and-breakfast inns in Statford, Ontario. Or you want to learn something about Lewis and Clark´s journey of exploration. You're not hoping to hook the perfect fish, because you wouldn't know it if you caught it. Instead, you're setting out the equivalent of a lobster trap -you hope that whatever ambles in will be useful, and if it is, that's good enough. You might be happy with a few of these items, and toss out the rest. Indiscriminate driftnetting Then there are times when you want to level no stone unturned in your search for information on a topic. I've seen you before, Moby Dick... There's some information that you'd prefer to never lose track of, so you'll tag it so you can find it again intended to support refindability, it's now possible to toss a fish back in the sea with the expectation of finding it again.
4.2
INFORMATION-SEEKING BEHAVIORS Searching, browsing, and asking are all methods for finding, and are the basic building blocks of information-seeking behavior. There two other major aspects to seeking behaviors: integration and iteration. We also integrate searching, browsing, and asking in the same finding session. Different components of information-seeking behaviors come together in complex models, such as the "berry-picking" model developed by Dr. Marcia Bates of the U. of Southern California. In this model users start with an information need, formulate an information request (a query), and then move iteratively through an information system along potentially complex paths, picking bits of information ("berries") along the way. In the process, they modify their information request as they learn more about what they need and what information is available from the system. Another useful model is the "pearl-growing" approach. Users start with one or a few good documents that are exactly what they need. They want to get "more like this one". To meet this need, Google allow users to do that. [...] A similar approach is to allow users to link from a "good" document to documents indexed with the same keywords. In sites that contain scientific papers and other documents that are heavy with citations, you can find other papers that share many of the same citations as yours to that have been co-cited with the one you like. Corporate portals and intranets often utilize a "two-step" model. Confrontated with a site consisting of links to perhaps hundreds of departmental subsites, users first need to know where to look for the information they need. They might search or browse though a directory until they find a good candidate or two, and then perform the second step: looking for information within those subsites.
4
5
Bijlage 2: card sorting in het ontwerpproces
5.1
HOE
2
KAN CARD SORTING JE HELPEN?
Card sorting kan je helpen om: 1. De verschillende manieren te ontdekken waarop informatie ingedeeld kan worden 2. De perceptie van gebruikers van content te leren kennen 3. Te leren hoe gebruikers denken over een onderwerp 4. Uit te vinden welke onderwerpen bij elkaar horen in de perceptie van gebruikers 5. Woorden te verzamelen die mensen vaak gebruiken om een bepaalde item of onderwerp te beschrijven. 3
5.2
HOE ANALYSEER JE CARD SORTING RESULTATEN?
Er zijn twee soorten analyse: verkennend en statistisch. In deze opdracht wordt primair verkennend (exploratory) analyse verwacht.4 Verkennende analyse helpt je om te bepalen: welke groepen mensen maken welke classificatieschema's mensen gebruiken welke content hoort bij welke groep welke woorden mensen gebruiken om hun groepen te beschrijven Bij een verkennende analyse kun je een aantal stappen ondernemen: 1. Labels (benamingen van categorieën) standaardiseren Als vergelijkbare termen en bewoordingen worden gebruikt voor een en dezelfde categorie en type item, creëer één variant voor elk van deze termen. Ga hiermee door totdat je een standaard term hebt voor elke categorie. 2. De groepen analyseren: Zijn het er meer of minder dan je verwacht had? Waren de redenen duidelijk waarom mensen deze groepen gemaakt hadden? Zijn er verrassingen? Groepen, keuzes, percepties, benamingen die je niet verwacht had? 3. Terminologie analyseren: Welke gelijkenissen en verschillen komen voor in de gekozen benamingen? Hoe formeel of informeel is het taalgebruik? 4. Organisatieschema's: Hebben mensen chronologisch, per activiteit, per thema, of op een andere manier groepen gemaakt? 5. Commentaar van respondenten Wat hebben mensen precies gezegd? Kunnen hun opmerkingen inzichten geven die helpen bij het bepalen van de juiste navigatietermen, groeperingen en de verdere indeling van de site? NB: Dit gaat verder dan woorden. Vaak geven de opmerkingen van mensen inzichten die bruikbaar zijn voor beeldredactie en pagina-indeling, of visuele stijl.
5.3
WELKE
RESOURCES BESTAAN OM CARD SORTING TE LEREN EN UIT TE VOEREN?
Boeken en artikelen Spencer, Donna. (2009). Card sorting - designing usable categories. New York, New York, USA: Rosenfeld Media. ISBN: 1-933820-02-0 2
Spencer, Donna. (2009). Card sorting - designing usable categories. New York, New York, USA: Rosenfeld Media, 14 3 Spencer, Donna. (2009). Card sorting - designing usable categories. New York, New York, USA: Rosenfeld Media, 109 - 126 4 Deze opdracht kun je zien als een introductie tot card sorting en analyse. Om te leren hoe je een uitgebreide, professionele card sorting en analyse uitvoert, raden we je aan om het boek van Donna Spencer te lezen (Spencer, Donna. (2009). Card sorting - designing usable categories. New York, New York, USA: Rosenfeld Media). Groep card sorting sessies worden ook vaak op video opgenomen om goed de interactie en gesprekken te kunnen observeren en analyseren. 5
http://www.boxesandarrows.com/view/card_sorting_a_definitive_guide Card sorting software tools5
Optimal Sort - Online card sorting tool. Open and closed sort, met analyse opties. Websort - Online card sorting tool met open en closed opties SynCaps - Windows software voor card sorting XSort - Card sorting software voor de Mac. Gratis! UXsort - Card sorting software
5
Posted by Donna Spencer on October 27, 2008; http://www.rosenfeldmedia.com/books/cardsorting/blog/card_sorting_software_tools/ 6
