template

UX – Verborgen navigatie

UX en Service Design

Drie streepjes, meer is het niet, het hamburgermenu. Deze drie streepjes hebben de afgelopen twee jaar de wereld veroverd. Sinds het de meestgebruikte vorm op mobiele aparaten is geworden om het navigatiemenu te voorschijn te klikken, wordt het ook steeds vaker op andere devices toegepast. Maar is dat wel zo’n goed idee? De afgelopen jaren is er natuurlijk al onderzoek naar gedaan en daar kwamen de volgende conclusies uit naar voren:

  • Het hamburgermenu wordt nog steeds niet door iedereen begrepen (Lees dit leuke artikel op exisweb.net).
  • Het verbergen van content houdt in dat veel mensen het gewoon niet zien, ook hier niet. Denk hierbij aan WYSIATI (what you see is all there is) van Daniel Kahneman.

De NNGroup heeft een uitgebreid artikel geschreven over het verbergen van hoofdnavigatie. Laat ik niet alles daaruit herhalen maar de conclusie geven: Wanneer je de ruimte hebt, profiteer er dan ook van. Laat zien wat je te bieden hebt en kies voor duidelijk zichtbare navigatie. Maar niet alleen zichtbaarheid van de hoofdnavigatie had dit jaar te lijden, ook de subnavigatie stond zwaar onder druk. Wat zijn de oorzaken?

  • Ruimtegebrek
    Subnavigatie tonen is lastig voor mobiel. De linkerkolom, het dropdownmenu. al die oplossingen leveren in de mobiele weergave problemen op. Daarom wordt ze soms gewoon weggelaten, ook op de tablet en de desktop.
  • Mode
    Mobiele templates zijn hipper dan die oude met die lelijke kolommen, dus wil men het eenvoudig niet meer.
  • SEA en SEO denken
    Want ‘Mensen komen toch direct op de goede pagina binnen’, nietwaar?
    Inderdaad, veel mensen komen door een zoekopdracht (waarbij SEO een rol speelt) of via een advertentie (waarbij SEA een rol speelt) midden op een site binnen. De gedachte dat gebruikers altijd vanuit de homepagina naar de juiste plek zoeken, is achterhaald.

Vanuit die ontwikkeling zie ik dan ook dat bij online marketing steeds meer gedacht wordt vanuit de combinatie ‘Google’ -> ‘Landingspagina’ -> ‘Conversie’. De bestaande sitestructuur wordt als minder relevant gezien.

Daar zit zeker een kern van waarheid in. Maar het is niet omdat mensen ergens midden op de site terecht komen dat ze zich vervolgens niet willen oriënteren, integendeel!

Navigatie is belangrijker dan ooit

  • Juist omdat mensen van site naar site overspringen..
  • Juist omdat er op kleine devices zo weinig ruimte is om je aanbod te presenteren..
  • Juist omdat mensen geen tijd hebben om over jouw content na te denken maar op de eerste de beste relevant lijkende link doorklikken..

Juist om al die redenen is het belangrijk om direct te communiceren wat je site nog meer te bieden heeft: door een heldere, zichtbare navigatiestructuur. Dat dat de trend voor 2015 mag zijn!

UX – Template trends, de ‘Pinterest’

UX en Service Design

Een tweede templatevorm die ik dit jaar veel voorbij zag komen was ‘de Pinterest’. Ik noem hem maar even zo omdat Pinterest verantwoordelijk is voor het grote succes van deze vorm.

Wat is de Pinterest?
De Pinterest is niets anders dan een verzamelpagina. Ze heeft, in tegenstelling tot de one-pager, totaal geen verhaalopbouw. Op deze pagina is het niet de bedoeling dat je ‘zoekt’, maar dat je rondsnuffelt zoals op een rommelmarkt of in een boekenkast.

Voorbeelden? Pinterest dus, maar je ziet deze vorm ook vaak bij thema-sites (kookrecepten) en magazines (mode, lifestyle e.d.).

Wanneer wel, wanneer niet?
Deze vorm is erg mooi voor mensen die rustig rond willen kijken. Maar laten we wel wezen: de meeste mensen hebben geen tijd. Dat is dan ook meteen het belangrijkste bezwaar bij deze vorm.

Gebruik de Pinterest niet wanneer:

  1. je gebruikers snel en gericht naar de juiste informatie op zoek zijn
  2. je een verhaalopbouw op de pagina wilt gebruiken
  3. de informatie zelf te complex en te divers is om zo eenvoudig te verpakken
  4. je als organisatie geen interessant beeldmateriaal hebt.

Ik zag het vaak misgaan dit jaar: pagina’s met nieuwsberichten, opleidingen, banners, tools, allemaal in dezelfde blokjes gegoten. Vervolgens werden die blokjes toch maar weer gegroepeerd door er extra titels tussen te plaatsen. En elk ’type’ blokje kreeg dan weer extra eigen elementen: tags, iconen, lees meer buttons, profielfoto’s en wat nog meer. Het eindresultaat was steevast hetzelfde: een onoverzichtelijke boel.

Maar de grootste fout die bij deze template wordt gemaakt, is dat eindgebruikers alléén maar op de pagina kunnen doorklikken; waarbij elk blokje niets anders is dan de introductie voor de vervolgpagina.

De Pinterest is geen introductiepagina, maar juist een eindpunt waarbinnen eindgebruikers moeten kunnen kijken, kiezen en delen. Doorklikken is optioneel.

Kies dus alleen voor deze vorm wanneer je content daarbinnen consistent, aantrekkelijk en compleet kan worden weergegeven. Maar deze conclusie zou niemand moeten verbazen; wat voor de Pinterest geldt, gaat voor alle templatevormen op: uiteindelijk is het altijd de kracht van de content die het succes bepaalt.

UX – De one-pager

UX en Service Design

Bijna het einde van het jaar, tijd om terug te kijken. De ‘one-pager’ was dit jaar erg populair.

Wat is de one-pager?
Een one-pager is een pagina waarin je stapsgewijs een verhaal vertelt om mensen tot een beslissing te laten komen. Kijk maar eens naar de opbouw van trello.com, waarbij ze je slim overhalen om een account te nemen.

  • Neem een gratis account op Trello!
  • Zo ziet het er uit!
  • Het werkt eenvoudig!
  • Je kunt het overal gebruiken!
  • We beloven dat we het altijd simpel houden!
  • Millioenen mensen en bedrijven zijn er dol op!
  • Dus aarzel niet, doe het nu!

De website van Dropbox heeft dezelfde opbouw, maar vertelt het nog iets bondiger.

What’s the story?
Ik hou hier als stripmaker wel van. De one pager is een geweldige vorm om een verhaal op te bouwen. Maar zorg wel dat je ook echt een verhaal hebt, anders verliest hij al snel zijn kracht. Gebruik hem niet wanneer:

  1. je meer dan een verhaal te vertellen hebt
  2. je de gebruiker meteen veel verschillende opties aan wilt bieden
  3. je site niet zonder subnavigatie kan.

De one-pager leent zich namelijk ook niet zo goed voor samenwerking met andere pagina’s. Daarnaast is het ook zeker niet een ‘flexibele template’ voor je CMS waarin je eender welke content kan plaatsen. Deze template verdient een goed verhaal.

Maar is dat ook niet wat de doelgroep verdient?