Navigationsdesign

From rtgkomArkiv
Jump to: navigation, search


Vi kaldet det navigationsdesign når vi forholder os til hvordan brugeren finder indholdet i kommunikationsproduktet.

I disciplinen informationsdesign eller informationsarkitektur arbejder vi med at tilrettelægge vores indhold på den måde der giver mest mening for målgruppen. Således bør nogle informationer placeres på forsiden af et website, mens andre bedre tåler at blive "gemt væk" på undersider.

Når vi laver navigationsdesign koncentrerer vi os imidlertid med selve navigationsstrukturen. Den illustreres gerne med et sitemap og nogle gange med flowchart (når der er en vis funktionalitet og dynamik på siderne).

<html> <head>

 <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
 <title>RTGkom.dk</title>
 <link rel="stylesheet" type="text/css" href="http://rtgkom.dk/~brw/theme.css">

</head> <body> Navigationsdesing kan beskrives ved følgende model om navigation, som kan foregå på 3 måder:

  • Labyrint-navigation (Fokus på brugeroplevelsen, dvs. spil og underholdning, så som Youtube)
  • Træ-struktur (Fokus på overblik, f.eks. edbpriser og net-butikker)
  • Cyclisk - eller lineær struktur (Fokus på process, f.eks. betaling i net-butikker)

Labyrint-struktur

<img src="http://rtgkom.dk/~brw/wikibilleder/000125.jpg">
Fordele:

  • Giver en bruger mulighed for at udforske en site-collection.
  • En gennemtestet labyrint-struktur kan give brugeren adgang til alle de eftertragtede navigationsmuligheder, ved kun 1 museklik.

Ulemper:

  • Er meget kompliceret at navigere i, da bruger aldrig har alle navigationsmuligheder tilrådighed. Dermed er brugeren nødt til at huske en kompliceret navigationsprocess: (B->D->A->C)
  • Kræver en grundig gennemtestet labyrint-struktur, så det kun er de mest eftertragtede navigationsmuligheder der vises.

Træ-struktur

<img src="http://rtgkom.dk/~brw/wikibilleder/000126.jpg">
Fordele:

  • Giver en bruger adgang til en sortet udgave af samtlige navigationsmuligheder.
  • Giver et hurtigere overblik over navigationsprocessen og dermed at finde målet.

Ulemper:

  • Da brugeren præsenteres for samtlige navigationsmuligheder, vil brugeren kunne miste overblikket ved mange navigationsmuligheder.
  • Kræver ofte flere museklik at nå frem til sit mål.

Linær-struktur

<img src="http://rtgkom.dk/~brw/wikibilleder/000131.jpg">
Fordele:

  • Holder brugeren i hånden og søger for at brugeren ikke begår fejl.

Ulemper:

  • Brugeren mister kontrollen over sin navigation og dermed også sin oplevelse.

</body> </html>

De 5 dimensioner[edit]

Navigationsdesignet forholder sig først og fremmest til den første af de 5 dimensioner i interaktionsdesign. Dog bør navigationen også ses på i den 2. dimension i det omfang navigationen består af grafiske elementer. Er det eksempelvis tydeligt hvor man bør klikke for at navigere videre?

Don't make me think[edit]

Steve Krug har skrevet en rigtig udmærket bog om brugervenlighed på hjemmesider, og gjort den frit tilgængelig som .pdf på nettet. Se Steve Krug: Don't make me think.

- I forhold til navigationsdesign bør du læse kapitel 6: "Street signs and Breadcrumbs".

Kilder[edit]