UR ANVÄNDBARHETSBOKEN

4 Sep 2010

36.2.1 Gör hellre trädet brett än djupt

Ett träd kan vara brett, med många länkar på ingångssidan, och få steg för att nå den efterfrågade sidan. Eller så kan det vara djupt, med litet att välja mellan på varje steg men många steg för att nå fram.

Nästan alltid är ett brett träd enklare att hitta i. Även om det är svårare att välja mellan många länkar än mellan få, ger det bättre överblick och större chans att länkens formulering träffar rätt.

Låt det dock inte gå till överdrift. Det finns en gräns för hur många länkar användaren kan utsättas för innan hon drunknar.

Djupa träd har fördelar framförallt när det är ont om utrymme. Menyn behöver inte innehålla så många länkar på varje nivå och kan därför göras kompaktare.

Bild 76. Breda träd är bra – men det finns en gräns för hur många länkar man bör ha på en sida. (arngren.net)

Viktigare än om ett träd är brett eller djupt är dock att buntningen av sidor görs på ett sätt som är begripligt och förutsebart för användaren.

UR ANVÄNDBARHETSBOKEN

3 Sep 2010

36.2 Träd

Genom att med hjälp av navigationen framhäva vissa länkar, ger vi användaren möjlighet att hitta en ordning, att rita kartan över webbplatsen i sitt huvud.

Det vanligaste sättet att göra detta på webben är trädet, att skapa en hierarki.

En sida blir ingångssida för webbplatsen. På ingångssidan finns en huvudnavigation – nästan alltid en meny – som länkar till flera andra sidor. Dessa sidor har i sin tur motsvarande navigation, som länkar vidare.

Bild 74. En hierarkiskt uppbyggd webbplats. Liknar ett upp- och nedvänt träd.

Detta är ett sätt att strukturera som passar bra ihop med hur våra hjärnor fungerar. Det buntar ihop saker i avdelningar, under-avdelningar, under-under-avdelningar o.s.v.

Bild 75. Till vänster ett väldigt brett träd. Fördelen med detta är att man direkt når alla månader.

Ovan samma meny, men med en annan topologi. Ett djupare träd, vilket kräver fler klick men tar mycket mindre utrymme. (www.kornet.se)

Trädet lämpar sig speciellt för navigationsteman som i sig är hierarkiska – till exempel ämnen och kategorier (se sid 161). Men det kan användas för i stort sett alla teman, när antalet etiketter blir så stort att de måste buntas ihop för att skapa översikt.

UR ANVÄNDBARHETSBOKEN

2 Sep 2010

36.1 Nät

Bild 73. Webben är i grunden ett tämligen kaotiskt nät.

Som nämnts i Enbart associationer räcker inte, sid 108, är webbens grundläggande topologi tämligen kaotisk, med sidor som länkas fritt till varandra utifrån vilka associationer de väcker. Det liknar närmast ett slags nät.

Detta är en struktur som är mycket flexibel och kraftfull - men som kan vara svår att få överblick över.

UR ANVÄNDBARHETSBOKEN

2 Sep 2010

36 Topologi

Topologin handlar om hur webbplatsens sidor är kopplade till varandra.

Ibland är det uppenbart att användaren inte har glädje av en navigering till alla sidor som passar i ett tema, eftersom de helt enkelt är för många.

I de fallen kan ett lagom urval göra det enklare att bygga en överskådlig navigation.

Att visa några exempel ur en bunt är ofta ett mycket effektivt sätt att ge användaren en idé om vad den innehåller och locka henne att klicka sig vidare.

UR ANVÄNDBARHETSBOKEN

2 Jul 2010

35 Urval

Ibland finns inget behov av att visa allt. Ett urval kan användas för att väcka användarens upptäckarlust eller för att dölja sidor som det ändå är osannolikt att användaren någonsin kommer till.

Urvalet görs vanligen genom att sidorna sorteras och att de som hamnar längst fram behålls.

Vanliga sorteringsordningar för urval är tid, rang och slump (se Sortering , sid 189).

UR ANVÄNDBARHETSBOKEN

1 Jul 2010

34.7.1 Låt aldrig databasordningen styra

Om du inte anger någon sortering blir det i värsta fall den som saker råkar ligga i i databasen – vilket brukar vara ungefär i tidsordning, men med några irriterande undantag. Jag har svårt att tänka mig någon situation där det inte finns en relevantare sortering att tillgå.

UR ANVÄNDBARHETSBOKEN

30 Jun 2010

34.6 Slump

För att stimulera upptäckarlustan, kan ibland slumpen få styra sorteringen. Används ofta ihop med urval, se sid 194.

UR ANVÄNDBARHETSBOKEN

29 Jun 2010

34.5 Förteckning

Ibland finns en förteckning som fastslår vilken ordning saker skall komma i. Strikt språkligt är det inte en sortering, men ur alla praktiska aspekter fungerar det som en sådan.

Exempel på en förteckning är departementsordningen. Den är sorterade enligt någon slags historisk prestigeordning, med statsrådsberedningen först och näringsdepartementet sist.

Ett annat exempel kan vara en arbetsprocess där det är givet i vilken ordning stegen kommer.

För att användaren skall ha någon nytta av att något är ordnat enligt en förteckning krävs att hon är så väl insatt i området att hon känner till ordningen och kan den utantill. Det är naturligtvis sällan så är fallet, och då bör man söka efter andra sorteringar.

Under många år användes faktiskt departementsordningen på regeringens webbplats, men till slut insåg man lyckligtvis att det var bättre att sortera i bokstavsordning så att användarna hittar än att följa den interna organisationen.

Rangen syns genom den ordning sidorna sorterats i. Eftersom den inte är något som direkt har med sidan att göra, utan är ett abstrakt värde som räknats fram på ett sätt som inte användaren vet något om, finns det ingen anledning att visa den i någon annan form. Att till exempel visa relevansen - vare sig det sker som procent eller i grafisk form – för sökträffar är en teknisk mystifikation som inte tillför något.

UR ANVÄNDBARHETSBOKEN

27 Jun 2010

34.4 Rang

Sidor kan också rangordnas. Detta görs vanligen genom att ett kriterium av något slag – till exempel relevans, viktighet eller popularitet - översätts till siffror. Rangen är i detta sammanhang ett tal som systemet fäster på sidan just i syfte att kunna sortera den.

UR ANVÄNDBARHETSBOKEN

26 Jun 2010

34.3.1 Sortera nummer i nummerordning

Nummer skall sorteras i nummerordning, inte i bokstavsordning. 2 skall alltså komma före 10.

UR ANVÄNDBARHETSBOKEN

25 Jun 2010

34.3 Nummer

Nummerordningen är på samma sätt som bokstavsordningen lätt att känna igen, och används liksom denna ofta tillsammans med andra ordningar.

Den är dock ovanlig för webbar, eftersom det är sällsynt att webbsidor har ett nummer som en framträdande egenskap. Ett undantag är dock när innehållet är så omfattande att de måste delas upp på flera sidor (men även då finns det ofta bättre alternativ, se Innehåll som sträcker sig över flera sidor, sid 232).

Bild 72. Nummerordning är inte särskilt vanlig för webbsidor. Den används dock när innehållet är för omfattande för en sida och delas upp. (www.microsoft.com)

Det finns två principer som båda är viktiga men som inte går att förena:

Saker bör återges i den ordning de inträffat

Det som är viktigast bör vara överst

Konflikten mellan dessa båda känner man ofta av när man skall bestämma sorteringen av tidsmaterial. Tyvärr går det inte att sätta sig på båda stolarna, utan man måste bestämma vilket som är viktigast. Generellt kan sägas att om det är viktigt för användarna att kunna se att något tillkommit, skall det senaste läggas först (så kallad omvänd tidsordning), men när det finns ett värde i att kunna läsa delarna i rätt ordning skall det senaste läggas sist. Även när man ögnar igenom på jakt efter något är det lättare att hitta om de presenteras i den ordning de inträffat. Några exempel:

På en löpsedel läggs det senaste överst.

I ett arkiv brukar man börja med det äldsta.

I ett diskussionsforum är det knepigare att bestämma vilken ordning som är bäst. Personligen tenderar jag att prioritera lätt att läsa framom lätt att se vad som tillkommit, så jag brukar använda normal tidsordning. Men det är ingen självklarhet.

Ibland kan det finnas en kontroll för att vända tidsordningen, men ofta är det vara att komplicera sidan mer än det är värt.

Se även Använd sidans tid för att visa det som är nytt men innehållets tid när gammalt skall hittas, sid 170.

UR ANVÄNDBARHETSBOKEN

23 Jun 2010

34.2.1 Sortera datum i datumordning

Datum har sin speciella sorteringsordning, som skiljer sig från bokstavs- och nummerordning. 2 mars kommer till exempel före 1 april.

UR ANVÄNDBARHETSBOKEN

22 Jun 2010

34.2 Tid

Tidsordning tävlar med bokstavs- och ämnesordning om att vara det viktigaste sättet att sortera information.

UR ANVÄNDBARHETSBOKEN

21 Jun 2010

34.1.3 Följ språkets sorteringsregler

Många språk har sina egna konventioner för hur de skall sorteras, och svenskan är inget undantag. Vi sätter till exempel å, ä och ö sist i alfabetet, inte tillsammans med a och o, medan à blandas med eller kommer precis efter a.

Datorer har en tendens att sortera så att alla versaler kommer först och gemenerna sen, vilket språkligt sett är fel.

Numera finns korrekta sorteringsrutiner inbyggda i de flesta tekniska plattformar, så det finns ingen anledning att godta något annat än svensk sortering för svensk text.

UR ANVÄNDBARHETSBOKEN

20 Jun 2010

34.1.2 Människor skall sorteras på efternamn

Människor sorteras normalt på sina efternamn.

Se föregående råd för några tips om hur en namnlista kan göras läsbarare.

En nackdel med att framhäva efternamnet är att det kan göra intrycket av webbplatsen formellare än man kanske önskar. Vad som fungerar bäst måste bedömas från situation till situation.

UR ANVÄNDBARHETSBOKEN

19 Jun 2010

34.1.1 Sortera det som är relevant

Ett problem för bokstavsordningen är att första ordet inte alltid är det som är viktigt.

Ta till exempel listan från ett universitet i Bild 70. Här är den hjälp användaren har av bokstavsordningen mycket begränsad. Idéhistoria finns till exempel inte på i som man skulle vänta sig, utan på a, medan däremot Antikens kultur och samhällsliv återfinns på i.

I en så kort lista som exemplet är det inte någon katastrof – det är lätt att ögna igenom den och hitta det man söker. Men i en längre lista skulle det göra saker nästintill omöjliga att hitta för den som inte minns exakt hur namnet är formulerat.

Institutionen för

antikens kultur och samhällsliv

Arkeologiska institutionen

Centrum för

barnkulturforskning

Filmvetenskapliga institutionen

Filosofiska institutionen

Institutet för

folklivsforskning

Historiska institutionen

Avdelningen för

idéhistoria

Institutionen för

journalistik, medier och kommunikation

Konstvetenskapliga institutionen

Centrum för

kvinnoforskning

Litteraturvetenskapliga institutionen

Musikvetenskapliga institutionen

Bild 71. Lista i bokstavsordning, utifrån det viktiga ordet.

Ofta är det bättre att sortera på det relevanta, som i Bild 71, förutsatt att den grafiska designen kan göra det uppenbart vad som sorterats.

I Bild 71 leder de betydelsefulla ordens vänsterkant ögat. Ett annat sätt är att placera dem först:

eller att bara länka de signifikanta orden, så att färg och understrykning skiljer ut dem (detta bryter i viss mån mot råden i Gör det tydligt vart länken leder, sid 115, men kan ändå vara det bättre alternativet).

UR ANVÄNDBARHETSBOKEN

18 Jun 2010

34.1 Alfabete

För att en sortering alls skall vara till någon hjälp för användaren måste hon inse att den använts. En av de stora fördelarna med bokstavsordning är att den är lätt att känna igen.

Ofta används bokstavsordningen tillsammans med andra ordningar – information som ordnats ämnesvis kan till exempel presenteras med ämnena sorterade enligt alfabetet.

Avgörande för hur väl bokstavsordningen fungerar är dock vad man sorterar på.

UR ANVÄNDBARHETSBOKEN

17 Jun 2010

34 Sortering

Temat används för att avgöra vad som ordnas. Sorteringen bestämmer hur – dels hur sidorna ordnas inuti en bunt, dels hur buntarna ordnas i förhållande till varandra.

Många gånger är sorteringen självskriven utifrån temat. Är det artikelförfattare man sorterar, så gör man det alfabetiskt efter deras namn, inte numeriskt efter skostorlek eller kronologiskt efter när de är födda (även om det sistnämnda kan förekomma i speciella sammanhang). Ofta går sorteringen överhuvudtaget inte att skilja från temat. Detta gäller till exempel för vikt, tid och berättelse.

Andra gånger är sorteringen ett viktigt sista steg i jobbet med att ordna sidorna. En väl vald och utförd sortering fullbordar navigationen.

UR ANVÄNDBARHETSBOKEN

16 Jun 2010

33.24 Kombinerade teman

Ibland är det nödvändigt att blanda olika teman.

Ett vanligt exempel på detta är löpsedlar, som i princip är ordnade utifrån tid, men där ibland viktiga nyheter ligger kvar i toppen, trots att de inte längre är de allra nyaste.

Ett annat är långa menyer och förteckningar, speciellt valboxmenyer (se sid 141) där det händer att de populäraste alternativen tas med två gånger, dels först, dels på sin vanliga plats i ordningen.

Arkeologiska institutionen

Avdelningen för idéhistoria

Centrum för barnkulturforskning

Centrum för kvinnoforskning

Filmvetenskapliga institutionen

Filosofiska institutionen

Historiska institutionen

Institutet för folklivsforskning

Institutionen för antikens kultur och samhällsliv

Institutionen för journalistik, medier och kommunikation

Konstvetenskapliga institutionen

Musikvetenskapliga institutionen

Bild 70. Lista i bokstavsordning, utifrån förstabokstav.

Nackdelen med att kombinera olika ordningar är att det kan förvirra användaren så att hon inte ser någon ordning alls. Men människor är duktiga på att hitta mönster, så ofta räcker en aning luft eller en diskret linje som ledtråd (se Gruppera menylänkar som hör samman, sid 129).

Observera att kombinerade teman inte är detsamma som Temalöst , sid 157. Där finns inget tema, här finns flera.

UR ANVÄNDBARHETSBOKEN

15 Jun 2010

33.23 Sökning

Bild 69. Navigation byggd på ett urval av de sidor användaren passerat. (www.amazon.com)

Sökningen är ett tema som skapas i flykten. Webbservern samlar ihop och gör en bunt av sidor som innehåller de ord användaren skrivit in. Det är en navigation som byggs utifrån det som användaren för ögonblicket är intresserad av. Om detta finns så mycket att säga att den har fått ett eget kapitel: Sök­ning , sid 203.

Sortering & kompletterande tema

Sökningen sorteras vanligen efter relevans (sid 193) eller tid (sid 191).

Den kan också kombineras med det tema som utgör webbplatsens huvudnavigation, se Visa träffarna uppdelat på avdelningar, sid 213.

Uppdelning

Om sökträffarna blir många kan det vara nödvändigt att dela upp dem på flera sidor. Råd kring detta finner du i Innehåll som sträcker sig över flera sidor, sid 232.

UR ANVÄNDBARHETSBOKEN

14 Jun 2010

33.22 Användarens historia

En bunt av sidor som har en särställning hos användaren är de som hon tidigare besökt.

I hög grad navigerar hon sådana med hjälp av hjälpmedel inbyggda i webbläsaren – bakåtknappen, bokmärken/favoriter, historielistan. Många användare installerar hjälpmedel som Google Desktop eller MSN Toolbar, som förutom att söka på webben också kan söka i historien över besökta sidor.

Även webbplatsen i sig kan erbjuda navigation byggd på detta. Att visa användarens historia som synlig sökväg är visserligen en möjlighet men rekommenderas inte – se Stig , sid 155. Bättre är att göra ett urval av viktiga sidor som användaren passerat. Ett exempel på detta är Amazons Recently Viewed Items, (se Bild 69) där de produkter användaren tidigare tittat på finns samlade.

Bild 68. Navigation byggd utifrån likheten mellan eget och andras beteende. (www.bokus.se)

Eftersom viktighet är något som bestäms i avsändarens huvud är det sällan en ordning som användaren kan begripa eller rita en mental karta över.

I de flesta fall är detta inget problem - vikten brukar arbeta tillsammans med ett strängt urval, så antalet blir inte större än vad användaren får överblick över.

Ibland ser man dock omfattande navigationer där det uppenbart är enbart avsändarens uppfattning om vad som är viktigt som fått råda. Sådana brukar vara svåra att hitta i.

Sortering

I och med att man bestämt hur viktigt något är har man också rangordnat det (sid 193).

Navigation

Introduktioner (sid 145) styrs helt av vad avsändaren anser viktigt, och har ett manuellt urval av de intressantaste sidorna, de bästa affärerna eller det matnyttigaste innehållet.

Men även i menyer (sid 128) händer det att viktigheten åtminstone styr vad som hamnar överst. Däremot är den en sällsynt gäst på index-sidor (sid 145) - förmodligen eftersom dessa är längre och i behov av en ordning som är möjlig för användaren att förutse.

Andra teman

Vikten blandar sig inte sällan med andra teman.

Ett exempel är tillsammans med tiden på löpsedlar (sid 146). Det mesta materialet rullar fram i tidsordning, men när det är en särskilt viktig puff klistrar redaktören fast den i toppen av löpsedeln under en längre tid.

Mycket ofta syns en viktighetsaspekt i organisationsbaserad navigation (sid 167) liksom i berättelser (sid 181).

UR ANVÄNDBARHETSBOKEN

12 Jun 2010

33.21 Vikt

Vikten är på sätt och vis motsatsen till den sociala navigationen (som utgår från användarnas omdömen) eftersom den bygger på hur viktig eller intressant avsändaren bedömer att sidan är. Navigation på detta tema lyfter fram de sidor som det är angeläget att användaren hittar.

Ett vanligt exempel är löpsedeln, som i princip är ordnad efter tid men viktiga saker ändå ofta får bli kvar högst upp.

UR ANVÄNDBARHETSBOKEN

11 Jun 2010

33.20.1 Undvik cirkelpopularitet

Bild 67. Popularitetsbaserad navigation. (cs.idg.se)

En sidoeffekt av popularitetsbaserad navigation är att de sidor som är mest besökta blir ännu mer besökta. I oturliga fall kan detta göra navigationen mindre känslig för förändringar, det som varit populärt tidigare har försprång framför det nya. Detta kan kompenseras till exempel genom att även tiden får spela in så att ju längre något varit på topplistan desto mer krävs för att det skall få stanna kvar, eller att de användare som kommer via topplistan inte får samma tyngd när populariteten beräknas.

Gruppbeteende

En betydligt mer sofistikerad variant av social navigation är när man kartlägger varje enskild användares beteende (vart hon surfar, hur länge hon tittar på sidan, vad hon köper eller hur hon betygsätter något) och sedan statistiskt kopplar samman henne med andra användare med ett likartat beteende.

Idén är att om du och jag brukar köpa ungefär samma saker, så är sannolikheten stor att det även bland de saker du men inte jag köpt finns mycket som jag vill ha.

Detta används för att skapa ”De som köpt den här har också köpt…”-navigation.

Navigation & urval

Endast ett urval av det mest populära eller passande visas, i form av en meny (sid 128) eller förteckning (sid 142).

UR ANVÄNDBARHETSBOKEN

10 Jun 2010

33.20 Social navigation

Datorer inte särskilt bra på att hitta det som är intressant och relevant. Det är däremot människor. Därför kan navigation som bygger på andra användares beteende och omdömen bli mycket kraftfull.

Popularitet

Bild 66. Det finns enstaka webbplatser där stämningen är viktigare än användarvänligheten och där det finns en poäng med att allt inte är vad det ser ut att vara, där metaforen kan fungera. Jag tycker till exempel den gör det här på Harry Potter-författarinnans webbplats. (www.jkrowling.com)

Den enklaste formen av social navigation är när man mäter vad alla användare tycker om, och sedan gör en 'tio i topp'-lista av detta. Den kan till exempel basera sig på vilka sidor som besöks mest eller vilka produkter som säljer bäst. Men den kan skapas genom att be användarna betygsätta sidor eller produkter.

Google och bloggar

Google (och alltmer även andra söktjänster) är en form av popularitetsnavigation. Hur högt upp i sökresultatet en webbplats hamnar bestäms i hög grad utifrån hur många som länkat till den. Ett likartat fenomen är bloggarna, som bygger på människors urval.

Bild 65. Trygg-Hansas famösa första webbplats byggde på en galleriametofor. Bilden ovan fyllde hela skärmen. Klickade man på till exempel ”Framtidens livsmedel” kom man (efter lång väntan) till en ny stor bild, denna gång inifrån en matvarubutik, med erbjudanden om pensionsförsäkringar fastsatta vid hyllorna.

Metaforer kan fungera, speciellt om de är enkla. Ta till exempel datorer, där gränssnittet är uppbyggt på metaforen med papper, foldrar och en papperskorg, som trots att den inte stämmer exakt med verkligheten fungerar utmärkt. Men att bygga hela webbplatsens navigation på en metafor är om inte dömt att misslyckas så i alla fall oerhört svårt att få bra.

Metaforer kan också göra webbplatsen svårtillgänglig för användare med kognitiva funktionshinder.

Navigation

Eftersom metaforen bygger på en bild, är den en flitig användare av multiklickbara bilder (se sid 126).