Publikationer -> Artikel

Att designa en webbplats, del 2

Att designa en användarvänlig webbplats kräver att man gör en nogrann planering av webbplatsen och definierar bland annat vad syftet med webbplatsen ska vara och vilka målgrupper webbplatsen vänder sig till. Det är även viktigt att strukturera och kategorisera innehållet. Detta för att innehållet ska bli lätt att hitta. Designen av webbplatsen ska bland annat ha ett fokus på att skapa en tydlig navigering och att designen inte innehåller onödiga element som försvårar förståelsen av gränssnittet.

Av Santto Tajakka, datapedagog och användbarhetsexpert

© 2005 Projekt Santai & Santto Tajakka

Att skapa en webbplats kräver kunskaper om bland annat gestaltlagarna, principer och tekniker för design. Detta beskrevs i del 1 av denna artikelserie. I denna artikel kommer ett fokus riktas emot några saker man konkret ska tänka på när man designar en webbplats.

Planeringen av webbplatsen är viktig
När man ska utforma en ny webbplats är planeringen viktig. Ju större webbplats desto viktigare blir det med planeringen av webbplatsen och organiseringen av innehållet. Planering och organisering måste få ta tid eftersom detta utgör grunden för hela projektets framgång.

Vad ska man tänka på gällande planeringen?
En sak man bör tänka på är att fastställa vad webbplatsens huvudsakliga syfte kommer att vara. Ska det till exempel vara en informativ webbplats eller kommer det att bedrivas försäljning på webbplatsen? En annan fråga man behöver ta ställning till är; vilken målgrupp vänder sig webbplatsen till? Design och innehåll kan behöva se olika ut beroende på vilken målgrupp man vänder sig till. Fundera därför på detta och anpassa i så fall design och innehåll efter målgrupperna. Fundera även kring andra frågor såsom vilka mål finns det med webbplatsen, vad vill ni uppnå och vilka mål finns det kring användbarhet och användarvänlighet?

När de mer övergripande frågorna är ställda och kanske besvarade kan man övergå till mer innehållsspecifik planering. Här gäller det att fundera och fatta beslut om vad innehållet ska bestå av. När man har en någorlunda uppfattning över vilket innehåll man vill ha så ska man börja strukturera och kategorisera innehållet. En bra metod att börja med är att samla all information som relaterar till varandra i en hög. Gå igenom de olika högarna flera gånger och strukturera och organisera upp dem ytterligare tills man fått en tydlig överblick över vad respektive hög innehåller. En hög kan till slut exempelvis bestå av övergripande produktinformation och där en eller flera andra högar kan bestå av mer specifik information om olika produkter.

När detta steg är klart har man en betydligt klarare bild över det innehåll man tänker ha på webbplatsen. De olika högarna kan vara lämpliga att utgå ifrån när man sedan ska skapa navigeringen och menyerna för webbplatsen. Utifrån den skapade strukturen kan man få en uppfattning om vilken information som är viktigast. Den viktigaste informationen ska placeras högst upp i hierarkin och vara synlig. Utifrån den viktigaste informationen leds användaren nedåt i hierarkin till mindre viktig men fortfarande relevant information. Undvik irrelevant information på webbplatsen.

Vad ska man tänka på gällande designen?
För att skapa en webbplats som är användarvänlig och lätt att hitta på ska designen utformas efter innehållets omfattning och karaktär och inte tvärtom.

Ett bra sätt att börja designarbetet är att skapa pappersskisser på hur du tänker att designen och navigeringen ska se ut. Pröva gärna dessa skisser på några som inte är med i designarbetet och se hur de uppfattar designen, det vill säga har du missat någon väsentlig sak som skulle underlätta navigeringen och förståelsen av designen? Genom sådana här tester får man kunskap om vad som är viktigt för användaren och hur de tänker när de ska hitta den information de söker. Se till att göra sådana här tester under projektets gång för att finna brister i designen eller strukturen på innehållet. Det är lättare att åtgärda dessa brister tidigt under utvecklingen än när allt är färdigt!

När du börjar bli nöjd med grunddesignen kan du börja skapa de första "riktiga" prototyperna av webbplatsen. Börja helst med startsidan och arbeta dig nedåt i hierarkin. På detta sätt är det lättare att skapa en tydlig struktur på innehållet. Ett bra tips är att göra designen så flexibel som möjligt, det vill säga att det ska vara möjligt att utveckla och anpassa webbplatsen för nytt, växande innehåll.

Hur kan man designa ett användarvänligt användargränssnitt?
När man ska designa ett användargränssnitt för webben bör man fundera på hur man på bästa sätt ska utforma;

Designen
Syftet med designen är att göra det lätt för användaren att både förstå och använda gränssnittet med så lite hjälp som möjligt. För att uppnå detta är det viktigt att tänka på det som beskrevs i den förra artikeln gällande gestaltlagar, principer och tekniker för god design. Det gäller också att strukturera, kategorisera och göra designen tydlig så att innehållet blir lätt att placera på rätt ställe. Som du ser så handlar inte design uteslutande om grafiska element, färger och form. Detta är givetvis också viktigt, men ska kombineras med innehållet och den tänkta strukturen på innehållet.

Vanligt förekommande misstag är att man inte är konsekvent i hur man utformar rubriker och länkar. Det är även viktigt att ha den övergripande informationen först, ha tydliga rubriker på menyalternativen som gör det lätt att hitta den viktigaste informationen i dessa menyer. På detta sätt kommer man snabbt till den plats på sidan som innehåller den information man söker. Alltså: gruppera och organisera information först innan menyer och rubriker skapas. Ge den viktigaste information störst plats och placera informationen centralt så att den blir synlig.

För att öka läsbarheten se till att gruppera likartad information nära varandra, använd gärna lagen om slutenhet för att göra detta. All information och alla element ska vara genomtänkta så att all onödig information som inte fyller en funktion eller bidrar med något viktigt utesluts. Låt webbplatsen vara luftig, det vill säga ha inte för mycket information på en och samma sida. Använd en större yta av skärmen om du har mycket information!

Navigering
När det gäller navigeringen så är den en central del av en webbplats. Ta dig därför tid att forma en tydlig navigering som gör det lätt att hitta informationen och få överblick över vilken information som webbplatsen tillhandahåller. Är det en webbplats med mycket information använd en webbkarta som besökaren kan använda för att få en överblick över innehållet. Se till att rubrikerna är tydliga och ger ledtrådar till vart man kommer om man klickar på ett menyalternativ. Ett vanligt misstag gällande navigering är att besökaren inte kan få information om vart man är i webbplatsens hierarki. Visa tydligt i menyn vart besökaren befinner sig, till exempel markera menyalternativ med en annan färg eller använd en fet stil.

Interaktionen
När det gäller interaktionen på webbplatsen är det viktigt att fundera på vilket sätt kommunikationen kommer att ske, det vill säga kommer det vara via sökfunktioner eller ifyllande av formulär eller kommer det vara beskrivande information? Om besökaren ska kunna skicka eller få information av något slag är det viktigt att skapa tydliga felmeddelanden om det uppstår något fel, till exempel om besökaren glömt fylla i ett fält. Felmeddelandet ska ange vad som blivit fel och hur man ska rätta till felet. Behövs instruktioner av något slag för att man ska kunna använda en funktion? Utforma då enkla och tydliga instruktioner, gärna steg för steg. Se till att göra instruktionerna förståeliga för alla kunskapsnivåer.

Avslutande ord
Denna artikelserie har lyft fram några viktiga aspekter kring design och planering av en webbplats. Givetvis finns det många andra saker man behöver tänka på, men artiklarna har givit en inblick i centrala delar för att du ska kunna få nya idéer och kunskap att arbeta med. Kom ihåg att bra planering är A och O för att lyckas långsiktigt. Studera även hur andra webbplatser har utformats och se vad som kunde göras bättre och ta tillvara de bra idéerna!

Sidan uppdaterades senast 2005-04-11.