large icon

UX – Navigation Essentials

Tags

No items found.

UX – Navigation Essentials

Want de meeste tijd ben je ergens waar je niet wilt zijn.

Voor wie ?

Deze module is van belang voor all-round UX-designers, visual designers, interaction designers, beginnende front-end developers, maar ook content-managers en product-managers/owners met een interesse in UX Design.

Leerdoelen

Na afloop van deze module ben je:

  • bekend met alle mogelijke navigatie-vormen
  • op de hoogte van de juiste toepassingen ervan
  • vertrouwd met jargon m.b.t. navigatie-elementen
  • duizelig

Beschrijving

Van mooiste homepage, simpelste startscherm of verleidelijkste landingpage, tot de kleinste chat-knop, lompste scroll-strip of vetste footer – op het vlakke glas draait alles om goede navigatie. Want bezoekers van je website of gebruikers van je app bevinden zich meestal op een pagina of scherm waar ze eigenlijk niet willen zijn ! Ze zijn op weg, van A via B en C, enzovoorts, naar hun doel.

Navigatie is daarbij cruciaal. Maar hoe is die navigatie gevisualiseerd, is het duidelijk wat het doet, waar het heen gaat en hoe het werkt ?

We trekken alle registers open en serveren je het hele buffet aan navigatie-elementen. Waar, waarom en hoe je ze gebruikt, wat de vereisten zijn, en hoe ze er wel of niet uit moeten zien. Kortom, alles wat ervoor zorgt dat gebruikers snel en duidelijk weten waar ze zijn en waar ze heen kunnen gaan.

Onderwerpen

Een grove indeling van de onderwerpen:

  • navigatie-niveaus (globaal en lokaal)
  • gebruikelijke navigatie-terminologie
  • tientallen soorten navigatie-elementen
  • logische of conventionele positionering
  • micro-copy voor navigatie (labels, etc.)
  • vormen en/of ikonen voor navigatie
  • belangrijke do's & dont's voor navigatie

En om alvast wat concreter te zijn:

Uiteraard behandelen we de structuren van globale en lokale navigatie, landing-pages, lineaire, primaire, secundaire, 'diepere' en overkoepelende navigatie-vormen. Daarbij horen de gebruikelijke zaken, zoals de Home- en directe knoppen, menubalken, tabs, hamburgers, accordeons, tekstuele links.

Uiterst krachtige navigatie-elementen en bijzondere onderwerpen worden speciaal uitgelicht, zoals het opkomende Conversational Navigation, het filteren met Facet-interfaces, de Wetten van Hicks, Fitts en de IJssalon. Rariteiten –maar toch nuttig– komen ook aan bod, zoals Mystery Meat, allerlei soorten stickies, en de spatiële en radiale menu's.

We behandelen beproefde elementen zoals broodkruimels, paginering en site-maps, goede ontwikkelingen zoals mega-menu's en fat-footers, maar ook twijfelachtige zaken zoals carrousels, slide-shows en tag-clouds, en hun betere alternatieven zoals scroll-strips, uitgelichte, gerelateerde, recente en historische items.

We bespreken hulpmiddelen zoals inloggen en account-instellingen, en wat je met al die socials kan doen. En hoe navigatie niet alleen kan helpen maar ook kan hinderen, bijvoorbeeld door te vage ikonen, te generieke labels en het ontbreken van een mentale 'ruimte'.

Het belang van goede labels, als onderdeel van de micro-copy, is ook wat aandacht waard.

Al met al een bonte verzameling van onderwerpen !

Trainingsvorm

Interactieve training met presentatie, uitleg en veel voorbeelden.

Uiteraard is er altijd gelegenheid tot het stellen van vragen en andere verzoeken. En afhankelijk van de beschikbare tijd, kan er méér aandacht worden gegeven aan extra uitleg, meer voorbeelden en eventueel wat oefeningen.

Zowel fysiek als online te volgen.

Deze training is op veel manieren in te richten:

  • in een klas met andere deelnemers (fysiek of online);
  • één-op-één of in een groep met één of meer collega's;
  • binnen een bedrijf of met andere ZZP-ers, of een mix;
  • in een vergaderruimte op de (thuis)werkplek, of online.

Het meest voor de hand liggend is de klassikale vorm, waarbij je fysiek of online aanwezig bent, samen met andere deelnemers. Maar neem gerust contact op met mij of een van mijn partners voor meer informatie over andere mogelijkheden.

Trainingsduur

Deze module duurt 1 tot 2 dagen (2 à 4 dagdelen), afhankelijk van de gewenste diepgang in het trainingstraject.

Deze module is ook onderdeel van de training UX Design.

Locatie(s)

Deze training kan je bij een van mijn vaste trainingpartners in o.a. Amsterdam, Utrecht, Rotterdam of Breda volgen.

De training kan ook op je eigen locatie (in een vergaderruimte, op je werkplek of bij je thuis) of elders worden georganiseerd, bijvoorbeeld in een Seats2meet-vestiging. Neem daarvoor contact met mij op.

Voor de meeste trainingen geldt dat je de training ook online kan volgen (al dan niet gepland), bijvoorbeeld in geval van quarantaine of vanwege de verre afstand.

Voorkennis

Voor deze module is geen specifieke voorkennis vereist.

De training wordt in het Nederlands gegeven, maar houd er wel rekening mee dat veel jargon Engelstalig is, en naar veel Engelstalig studiemateriaal wordt verwezen.

Leermiddelen

Voor deze training heb je niets anders nodig dan een fris hoofd, een goede portie aandacht en een redelijke computer. Alle informatie en tools worden je via een presentatie, op papier en/of digitaal aangereikt.

Als je de training fysiek bijwoont mag je je eigen laptop meenemen, maar bij de meeste opleidingscentra staat een Mac of PC voor je klaar.

Studiemateriaal

Je ontvangt een hand-out van de getoonde slides (voor je aantekeningen) en nog wat ander leesvoer.

En er wordt veelvuldig verwezen naar allerlei publicaties, diverse artikelen en blogs.

Certificering

Na afloop van de training ontvang je een certificaat van deelname.

Gerelateerde trainingen en onderwerpen

Deze module is ook onderdeel van de zesdaagse training UX Design en wordt onderdeel van de training Visual & Interaction Design.

De training Adobe XD sluit hier ook goed op aan.