Hopp til innhold

Navigasjonsmyter

  • 3 klikksregelen
  • 7 +/- 2 menyelement
  • Leser bare ”over bretten”
  • Søk har overtatt

Det finnes flere konvensjoner for oppbygging av informasjon på nettsteder, men skal vi ta alle disse "konvensjonene" bokstavelig?

3 KLIKKSREGELEN
Det skal ikke være mer enn tre museklikk for å finne fram til ønsket informasjon på et nettsted. Undersøkelser viser likevel at brukerne ikke slutter å lete etter tre klikk. Ingen blir frustrert og vil forlate siden om de må bruke flere klikk, så lenge de får gjort det de er ute etter (User Interface Engineering, 2003). Det viktigste er at brukerne vet hvor de er, hvor de var og hvor de kan gå (ClickTale, 2007).

Effektive navigasjonssystem
Det viktigste i webbasterte informasjonssystem er semantisk strukturering av informasjonen, slik at brukerne forstår hvor de skal gå. Vil du kjøpe et bestemt produkt, så gjør det ikke noe om du må klikke flere ganger hvis du slipper å stoppe for å lete. Det er leting og mangel på støttefunksjoner som søk, navigasjonsstier og sidekart som gjør brukerne frustrerte, og dermed kan få dem til å forlate sidene dine.

7 +/- 2 REGELEN
Antall menyelement bør være mellom fem til ni for at brukerne skal kunne huske dem. Regelen er basert på at mennesker husker ikke mer enn syv pluss-minus to element i korttidshukommelsen.

Hukommelse, ikke navigering
Nielsen Norman Group understreker at 7 +/- 2 regelen har med hukommelse å gjøre, ikke med navigering på nettet. Brukerne trenger ikke å huske alle menypunktene, siden de er i den globale navigasjonen på alle sider (Dr. Dobb’s, 2002).

Kategorisering og gruppering
Meny er det viktigste for verktøyet for navigasjonen i et nettsted. I større nettløsninger blir ofte menyen delt opp i flere deler, hvor en hovedmeny tar for seg temaene, mens funksjoner som nettstedskart, kontakt oss, etc. blir skilt ut som en egen meny. Dermed er det lettere for brukerne å navigere og gjøre seg kjent med ditt nettsted.

LESER BARE ”OVER BRETTEN”
”Bretten” referer til en brettet avis, hvor man bare ser den øverste halve siden som dermed blir den viktigste delen som prøver å fange kjøperne. Denne definisjonen har blitt tatt med over til nettbasert navigering og hva brukerne ser i skjermbildet, før du eventuelt må scrolle/rulle nedover på siden for å se hele innholdet.

Brukerne scroller
Mange tror at brukerne ikke scroller, men undersøkelser viser at det gjør de (Boxes and Arrows, 2007). Det viktige er at brukerne får et inntrykk av hva som vil komme nedenfor bretten ved å se på den øverste delen. Besøkende skanner hele siden uansett sidestørrelse (ClickTale, 2007).

SØK HAR OVERTATT
Søk er blitt den viktigste formen for navigasjon på nettet, derfor faller mye av den tidligere tenkingen rundt hvordan man måtte navigere på nettet bort. Ved brukertester gikk 88% direkte til søkemotorer (Nielsen Norman Group – mer enn 2400 brukertester siden 2004).

Det viser i praksis hvorfor overnevnte "konvensjoner" ikke er gyldige for navigasjon på nettet:
- Brukerne trenger i utgangspunktet ikke å klikke mer enn en gang i søkeresultatet for å finne det du er ute etter, siden alle sider på et nettsted er indeksert i søkemotoren
- Brukeren trenger heller ikke å huske menyelementene, siden landingssiden har den globale navigasjonen til nettstedet
- Brukeren vil også scrolle nedover på siden, siden man har sett i søkeresultatlisten at landingssiden inneholder relevant informasjon

Spaceworld sitt nye nettsted er endelig lansert med mye ny funksjonalitet.

  • Ajax-søk, både globalt og på produktsidene til mobil, spill og film
  • Visning av filmer og screenshots
  • Utvidet vareutvalg med bedre produktinformasjon

Dette er den beste e-handelsløsningen - ever! Litt inhabil der, siden jeg var prosjektleder for prosjektet hos WebOn 🙂 Takk til daglig leder Filip Elverhøy hos Spaceworld.no for godt samarbeid,

BLIR BEDRE
I 2008 vil nettstedet bli enda bedre, der Spaceworld og WebOn bygger videre på multikanalstrategien presentert av Spaceworld på e-handelsseminaret 15. november.

Spaceworld

Gratulerer Spaceworld!

Resultatet fra e-handelsmålingen, gjennomført blant de 1000 største handelsbedriftene i Norge, ble presentert på e-handelsseminaret til WebOn 15 november. Etter 12 år spesialisert på e-handel og med mer enn 200 gjennomførte e-handelsprosjekter vet WebOn hva som fungerer og hvilke feller man bør unngå. 

Større aktører inne e-handel ved Spaceworld og Wittusen & Jensen deltok også for å dele av deres erfaringer.

  • Hva vektlegger brukerne
  • Nødvendig informasjon i din nettbutikkTrygge kunder kjøper mer
  • Økt konverteringsrate

Tillit er essensielt for brukerne for å skape trygghet og dermed gjennomføre en netthandel. Tillit og trygghet får kundene gjennom opplevelsen og helhetsinntrykket av nettbutikken.

Hva vektlegger brukerne
Klar navigasjon, lettleselig tekst og pålitelighet til innholdet er de viktigste faktorene for at brukerne skal få tillit til nettstedet ditt (Forrester Research, 2006). De vanligste feilene på nettsteder er uklare menypunkt, liten tekst og dårlig kontrast, samt vanskelig å finne linker til viktig informasjon som personvern.

NØDVENDIG INFORMASJON I DIN NETTBUTIKK
For å skape størst mulig trygghet hos kundene, ved siden av gode produkttekster og bilder, bør følgende informasjon være med i nettbutikken.

Kundesenter
Kontaktinformasjon til support med e-postadresse, med garanti om svar innen et bestemt tidsrom. Gjerne også Chat-funksjon, slik at man kommer i kontakt med en kundebehandler med en gang.

Kundens rettigheter som levering og tidsfrister, salgsbetingelser, personvern, retur og feil på levering. Kundesenteret bør også inneholde en FAQ, noe som vil redusere antall henvendelser.

Betalingsinformasjon
Priser på frakt og ulike betalingsløsninger som nettbutikken støtter må være lett tilgjengelig. 52,1 % avbryter handelen i handlekurv, mange fordi informasjon om frakt er skjult (MarketingSherpa, 2007).

Om oss
Kjerneinformasjon om din bedrift må være lett tilgjengelig (Nielsen Norman Group, 2007). Siden bør innholde kontaktinformasjon med lokalisering, presentasjon av daglig leder og styre, organisasjonsnummer og kort historikk. Helst med bilder av personer som blir presentert. Gjør gjerne innholdet personlig og direkte.

Handlekurv
Betalingsløsningene må være sikre og brukervennlige. Er det vanskelig å registrere seg eller å fullføre handelen, så går kunden til en annen. Ved registrering av ny kunde må nettbutikken kun spørre etter nødvendig informasjon. Undersøkelser viser at vanskelige registreringsrutiner gjør at mange brukere faller fra i prosessen (Nielsen Norman Group, 2007).

Sørg for at alternative betalingsløsninger for alle målgruppene er på plass i din nettbutikk. Alternative betalingsløsninger er hovedgrunnen til at andelen som forlot handlekurv uten å fullføre handelen gikk ned 7,7 % (59,8 % til 52,1 %) fra 2006 til 2007 (MarketingSherpa, 2007).

Økt konverteringsrate
Har din bedrift oppfylt disse kravene, så vil flere trygge kunder handle hos dere. Tillit og trygghet vil bidra til mer lojalitet fra kundene og vil være salgsfremmende og salgsutløsende. Benytt gjerne verktøy som Google Analytics eller tilsvarende for å oppnå gode analyser.

Klikk her for å aktivere og bruke denne kontrollen. Mange kjenner igjen den feilmeldingen. Hvorfor skal det være nødvendig å aktivisere flash for å se innholdet?
Skjermbilde
Microsoft har tapt en rettssak, så nå må de vise og aktivere ActiveX basert media som Flash, QuickTime, Java og andre teknologier i Internet Explorer.

Microsoft har lagt ut oppdateringer, men det er ikke så kjent for den vanlige bruker.

Utviklere kan omgå denne ”feilmeldingen”, men det trengs tilleggskoding med JavaScript.

Amara Software beskriver ulike fremgangsmåter for å fikse problemet. Teknikken er også brukt av SWFObject, beskrevet i en tidligere artikkel.

Adobe har lagt inn funksjoner både i Adobe Flash CS3 og Adobe Dreamweaver CS3 for å omgå problemet, det betyr i korthet at de laster opp JavaScript-filer når nettsiden/nettstedet blir publisert.

Nokia 6110 Navigator Nokia 6110 Navigator med GPS fungerte over all forventning. Jeg testet den ut i Oslo og den fikk meg frem til riktig adresse uten problemer. En hyggelig kvinnestemme, som absolutt ikke minnet om svigermor i baksetet, sørget for at jeg ikke trengte å se på kartet under reisen. På rødt lys ventet hun tålmodig også. GPS på mobiltelefon blir nok standard snart.

Route 66 med nordiske kart er forhåndsinstallert i Nokia 6110 og de tilbyr deg å kjøpe flere. Opplysninger om fotobokser kostet 9,95 Euro ekstra, men det virket som en fornuftig investering.

Brukergrensesnittet er det ikke noe å si på og de fleste vil nok kunne ta i bruk systemet uten problem.Smartmobilen blir levert med et minnekort på 512 MB, men med mange program og mye musikk så investerte jeg like godt i et 2 GB kort. Det kostet 275,- hos Clas Ohlsson med to adaptere. Ikke noe å si på det.

Gode nettsteder for tester av mobiltelefoner og mer informasjon

Den største innvendingen min er at batterilevetiden kunne vært bedre, men den er overraskende bra til å være en Nokia. Blir batterilevetiden bedre, så vil de neste 5 mobiltelefonene mine også bli Nokia. Billader når du bruker GPS er hermed anbefalt, selv om det holdt fint tur/retur Tønsberg – Oslo. Noe annet blir det nok når jeg skal til Skjåk.

Konklusjon: Du blir fort avhengig av gode verktøy!

Privatpersoner og bedrifter trenger ikke å betale så mye for webhotell. Jeg har selv brukt flere siden 1999 og det er to danske nettsteder som kommer best ut. Ideologien til nettstedene er at dette ikke skal koste mye og det meste er automatisert, skulle bare mangle i 2007.
Webhotell

  • Web10.nu: Tilbyr 1 GB til kr 9,- i måneden og du kan ha opptil 10 domener. Anbefales!
  • One.com: Tilbyr 1 GB til kr 10,- i måneden og oppover. Brukt som utviklingserver, siden den er plattformuavhengig - veldig nyttig i de praktiske oppgavene jeg har ved UIO. Støtter dessverre ikke flere domener, så du må ha en lisens pr. domene.

Årlig domeneavgift og etablering kommer i tillegg, men på Web10.nu koster registreringen kr 0,- og årsavgiften for et .no-domene er kr 75,-. Billigere får du det ikke!

Support? Begge to svarer deg på e-post i løpet av døgn. One.com har i tillegg muligheter for Chat. Begge har brukervennlige kontrollpanel til administrasjon av nettsteder, e-postkontoer, statistikk etc. Oppetiden er mye bedre enn mange webhotell i Norge.

Lightbox JS er et sett JavaScript som tilbyr en visuell effekt ved fremvisning av bilder. Den er svært nyttig når man trenger å presentere større bilder som vanskelig lar seg implementere i eksisterende design. WebOn bruker den i flere av våre løsninger, eks. Samlerhuset, siden man ofte må ha store og gode bilder for å selge et produkt.

Samlerhuset
Screenshot Samlerhuset

SWFObject er et annet JavaScript med samme funksjonalitet for implementering av SWF (Flash-filer) på nettet, samtidig som det validerer og sjekker om flashplayeren er installert.

Eksempel på bruk av både Lightbox JS og SWFObject finner du på Spaceworld i spillet Pirates of the Caribbean: At Worlds End. Spaceworld arbeider for øvrig med redesign av sidene sine, noe som vil resultere i en av de beste e-handelsløsningene – Ever!

LightWindow har samme funksjonalitet, men kan i tillegg vise flere format som de vanligste webfilmformatene, PDF, SWF, eksterne websider, bildegallerier etc. ThickBox er et annet JavaScript som viser bilder og webinnhold, men er mindre brukt. Det finnes flere JavaScript med lignende funksjoner, men dette er de viktigste og mest brukte.

1

Nielsen Norman GroupNielsen Norman Group arrangerer hvert år en konferanse i brukervennlighet. Jeg var på plass på Victoria Park Plaza Hotell i London for å få med meg tre fulle dager med foredrag/workshops.

DAY ONE - FUNDAMENTAL GUIDELINES FOR WEB USABILITY
Jakob Nielsen (himself), Hoa Loranger og Kara Pernice Coyne

Lærerike og svært nyttige foredrag, der vi stilte spørsmål etter hver sesjon. Dessverre gikk tiden altfor fort.. Jeg har vært på mange konferanser gjennom årene, men dette er den eneste siden ACM MM2004, som har hatt så høy kvalitet på foredragene. I presentasjonene viser de filmer av hvordan brukerne reagerer og ofte overser ting. Veldig bra.

DAY TWO - PRESENTING COMPANY INFORMATION ON CORPORATE WEBSITES
Hoa Loranger

Dagen var ikke like bra som gårdagens, men er fortsatt verdt det. Mange eksempler på hvordan man bør/ikke bør gjøre det.

DAY THREE - WEBSITES THAT SELL
Bruce Tognazzini

Veldig bra og svært relevant for mitt arbeid i WebOn. Sesjonen tok for seg hvordan man ikke skal miste kunder og hvordan man selge, både visuelt og psykologisk med hvem og hvordan man skal henvende seg til kunden.

GODE POENG FRA KONFERANSEN

  • To regelen: De to første ordene i overskrift, sidetittel, opplisting og linker er de viktigste. Samme gjelder for avsnitt på siden og for bedre visning i søkeresultat
  • Ved brukertester gikk 88% direkte til søkemotorer (over 2400 brukertester siden 2004)
  • "7 +/- 2" - det har med hukommelse å gjøre og bør ikke være avgjørende for oppsett av navigeringsstruktur
    (det har jeg ment lenge - se også Dr. Dobb's Journal - The Myth of 'Seven, Plus or Minus 2)
  • "Naturlige" hindringer er de som sørger for at du mister flest brukere. Sørg for at disse er i orden
  • Eye-tracking: Menn og kvinner oppfører seg likt, unntatt på innhold. Der er menn litt mer primære..
  • Det er ikke du er ikke den typiske brukeren av din nettside, husk å lage dem for brukerne. Test, test, test..
  • Nevnte jeg at testing av nettsted er viktig?

OM KONFERANSEN
Det som man legger merke til og som skiller seg ut fra andre konferanser. Ingen sitter med PC foran seg, ikke utenfor lokalene en gang. Alle noterer underveis og de fleste er med og stiller spørsmål. Foredragholderne er veldig profesjonelle og presenterer aktuelle temaer, dermed blir alle veldig engasjerte.

Konferansen er sterkt anbefalt om man arbeider med problemstillinger innen området brukervennlighet og informasjonsarkitektur.