Ontwikkeld door Anne Coppens en Carlo Verhaar

les 14-2 - Navigatie

I-C1#, docent@han.nl, datum

les 14Vandaag• Hyperteksten

• Navigatiestructuur

• Cardsorting

• Benaming pagina’s

• Aan de slag!

les 14Doel• Je weet met welke middelen je tot een

goede navigatiestructuur kan komen en kan deze ook toepassen.

les 14Hypertekst• Hypertekst is tekst met direct activeerbare

hyperlinks (verwijzingen).Hypertekst - Wikipedia (z.d.), geraadpleegd op 23 september 2012, via

http://nl.wikipedia.org/wiki/Hypertekst

• Bestond al voor internet, maar wordt het meest gebruikt in digitale teksten.

• Voorbeelden: Wikipedia, Amazon en iedere andere willekeurige website of webapp.

les 14In beeld• Er is een verschil tussen:

• Ankers(bolletjes)

• Links(pijltjes)

les 14Navigatie• Een lezer komt straks op jullie Wiki...en

dan?

• Hoe leiden jullie de lezer door de teksten en pagina’s?

• Leg in ieder geval op de homepage uit wie je bent en wat jullie gedaan hebben/wat er te vinden valt.

• Bedenk altijd: wat wil de lezer weten?

les 14Doelen navigatie• Navigatie helpt de bezoeker om iets te vinden

op de website.

• Navigatie maakt duidelijk waar de bezoeker is op de website.

• Navigatie biedt de bezoeker een houvast op de website.

• Navigatie maakt duidelijk wat de bezoeker kan vinden op de website.

• Navigatie toont de bezoeker hoe de website gebruikt kan worden.

• Navigatie geeft de bezoeker vertrouwen in de website.

les 14MenustructuurPrimaire navigatie

•Hoofdmenu

•De basis van je navigatie

Secundaire navigatie

•Submenu

•Naar specifieke pagina’s

les 14

les 14

les 14Plaatsing• Primair: bovenaan of links (we lezen van

links naar rechts)

• Secundair: bovenaan onder primair of links op de pagina.

• Maak keuze in: direct zichtbaar of pas zichtbaar na kiezen primaire categorie!

• Op basis van hoeveelheid informatie.

les 14Structuur• Navigatie biedt structuur.

• De hoeveelheid informatie bepaalt of secundair menu nodig is.

• Content moet ingedeeld worden in categorieën.

• Benaming hoofdcategorie moet alle onderliggende pagina’s omvatten.

• Onderliggende pagina’s moeten allemaal bij hoofdcategorie horen.

les 14Cardsorting• Gebruiksonderzoeksmethode waarbij

onderwerpen gerangschikt worden.

• Meestal gedaan door gebruikers zelf, zodat navigatie voldoet aan verwachtingen.

• Gesloten/Open cardsorting

• Na afloop nog geen definitieve informatiestructuur, maar wel een goede basis.

les 14

les 14Maak ‘t visueel

les 14Benaming• Duidelijk en inhoudelijk

• Kies de juiste trefwoorden

• Niet te kort en niet te lang

• Zorg dat de gebruiker niet hoeft te zoeken

les 14

les 14

les 14Cardsortsessie• Schrijf alle onderwerpen die jullie willen

behandelen op de papiertjes.

• Denk aan de onderdelen uit de Wiki, maar focus op jullie argumenten (voor/tegen). Dit is het grootste gedeelte van de wiki.

• Categoriseer via cardsorting.

• Visualiseer structuur via schema (geef daarin ook de verschillende links aan).

• Benoem de onderdelen in de structuur, zodat dit heldere menu-items kunnen zijn.

les 14

Of opmerkingen?

Vragen?

les 14Doelen behaald• Je weet met welke middelen je tot een

goede navigatiestructuur kan komen en kan deze ook toepassen.

les 14Huiswerk‣ Maak een navigatiestructuur via in de les

gegeven middelen.

Afmelden? Mail voornaam.achternaam@han.nl

Of bericht 06 4444 5555