Undervisningsmaterial Webbdesignövning 4

Website usability - hemsidors användbarhet

Den här övningen hittar man från följande sida: www.jonasweb.nu/utbildning/kurser/webbdesign_1u.html

Övningen går ut på att du skall analysera en sajt för att avgöra dess användbarhet (usability). Testet ger dig en bra introduktion till webbdesign och vad som krävs av den som skapar hemsidor.

Första uppgiften

Du skall välja ut och jämföra två sajter med olika innehåll, t.ex en nyhetssajt och en sajt som säljer saker, en bilsajt och en båtsajt, en TV-station och en radiostation, en svensk och en amerikansk dejtingsajt, osv.

Genom att välja två sajter och jämföra dem, får din analys ett större djup. Du kan då också hitta intressanta detaljer där sajterna skiljer sig åt eller är lika. En sajt kanske har en tjänst som den andra saknar? Är det bra eller dåligt? Sånt skall du fundera över.

Din analys skall presenteras på en eller flera webbsidor. Designen av sidorna och hur du presenterar undersökningen bestämmer du helt själv. Jag har gjort en sida med exempel på hur analysen kan se ut. Den heter Exempel på berättarstrukturer och finns här >

I din analys kan bl.a följande ingå:

1. Vem äger sajten? Hur kontaktar man dem? Är det lätt att hitta denna information?
2. Känns sidan trovärdig? Är det som står där sant?
3. Vilka tjänster erbjuder sajten? Vad är den till för? Varför finns den?
4. Går det att handla något på den? Är det enkelt att få information om produkterna? Enkelt att beställa varor? Verkar det säkert?
5. Vilka avdelningar och rubriker finns på startsidan? Är det lagom många?
6. Är det enkelt att förstå vart länkarna leder på startsidan?
7. Vilka färger använder man? Harmonierar de med resten av sajten?
8. Hur utnyttjar man utrymmet? Finns det tomma ytor? Varför?
9. Hur mycket reklam finns? Passar den in på sidan eller stör den? Försök gärna räkna ut hur stor yta reklamen tar upp!
10. Vad tycker du om sajten? Berätta lite om dina intryck och varför du valt att analysera den!
11. Finns det några saker du skulle vilja ändra på sajten? Finns det något du saknar?
12. Vad är bra och behöver inte ändras på?

Du får dessutom gärna lägga till andra punkter som du tycker är väsentliga.

Andra uppgiften

Du skall nu börja arbeta i Photoshop och GoLive:

Ta skärmdumpar av startsidorna för de bägge sajterna. Hur man gör det förklaras på följande sida: www.jonasweb.nu/html/novis/b11.html

Spara skärmdumparna i lämpliga format för webben. Lägg in dem i GoLive, så att de finns med i din analys.

Hur man anpassar sina bilder för webben finns att läsa på mina sidor om Photoshop: www.jonasweb.nu/programkunskap/photoshop.htm

Skapa lämpliga webbsidor i GoLive, där du presenterar din analys. Du bör tänka på hur du visar ditt material så att du inte gör samma designfel som dem du kritiserar!

Tredje uppgiften (om du hinner)

Förutom att titta på startsidorna och sajternas innehåll skall du även kontrollera de båda startsidorna på följande sätt:

Titta på startsidan utan bilder.

För att göra det måste du först stänga av bildvisningen i webbläsaren. Det sker under menyn Verktyg - Internet-alternativ, som du ser här på bilden nedanför till höger (i Internet Explorer).

Fortsätt så här:

Klicka bort alla bockar i kategorin Multimedia.

Uppdatera sidan igen så att förändringen aktiveras.

Hur ser sidan ut? Har man alternativtext för bilderna? Läs mer om alternativtext här: www.jonasweb.nu/grafik/bilder_hemsida.html#4

Gör sedan en analys av webbsidan utan bilder! Fungerar sidan? Går det att navigera på den?

Går det att stänga av JavaScript? Stilmallar? Gör i så fall det och se efter hur sidan ser ut! Inkludera sedan detta i din analys.