Östgötateater

För tillfället studerar jag användbarhet på hemsidor. Användbarheten är ofta något som får komma i andra hand då man producerar webbplatser – eller i alla fall verkar det ofta så. Jakob Nielsen menar att om man bara satsar 10% av sin budget på användbarheten kommer resultatet, dvs. antal besökare, sålda produkter eller vad de nu månde vara sidan har för funktion, att öka kraftigt.

Ofta ser man dock ganska dåliga exempel på hur man inte bör göra när man producerar en webbsida. Ett problem man ofta brottas med är att man vill få med så mycket som möjligt på sin startsida vilket ofta leder till att man proppar den full med text och länkar.

Startsidan är som ett reklamfönster; här ska de synas vad det är för webbplats och här ska det även gå att få en klar och tydlig överblick på vad som finns på sidan. Ta bort all onödig information och låt det finnas luft mellan elementen. För mycket text och bilder gör att det blir rörigt och man som besökare får det svårare att hitta det man söker. Detta är ett vanligt förekommande problem framför allt hos kommunala webbplatser (se Linköpings webbplats som ett exempel på detta) men det finns så klart även på andra ställen.

Östgötateatern – ett exempel

Jag tänkte därför visa på ett väldigt dåligt exempel när det gäller användbarhet, nämligen

Östgötateaterns webbplats

. Det var efter att jag för en tid sedan skulle kolla om det gick någon teater i Linköping som jag var tvungen att göra detta. Det visade sig nämligen vara nästintill omöjligt (eller ganska krångligt för att inte överdriva allt för mycket) att hitta när, var och vilka föreställningar som gick.

Efter att läst Steve Krugs ”Don´t make me think!” kände jag mig tvungen att göra ett eget exempel av webbplatsen – en som den är nu och en omdesignad av mig, där jag kort beskriver hur jag tänkt och gjort.

Ostgotateatern.se som den är idag:

Det första man möts av är ett bildspel som går väldigt fort fram och som efter ett litet tag snarare irriterar är informerar mig som besökare. Man blir även lurar av att det går att trycka på de olika föreställningarna när de visas, vilket man inte kan, men som man så klart borde kunna (se SF.se som ett mycket bra exempel på detta!).

Det första intrycket man får av sidan är att den stora mängden av text. Först har man vad som spelas i en spalt till vänster. Mycket vit text på en röd bakgrund samtidigt som länkarna är understrukna gör det svårt att se vad det egentligen står. Samma sak är det med nyhetsnotiserna på den högra sidan. Varför blå bakgrund? Behövs det verkligen så många nyheter på sidan? var frågor som genast slog mig.

Det som framför allt irriterade mig var att det absolut inte fanns någon kalender på sidan. Av någon helt oförklarlig anledning har de valt att inte ta med någon sådan på sidan. Vad är det första man vill veta då man besöker en webbplats för en teater? Naturligtvis är det VAD som visas och NÄR det visas. Det finns i och för sig en länk till Ticnet, men den är felaktig och tar en tillbaka till Ticnets startsida.

Min version av Östgötateaterns webbplats

Jag tog mig lite tid att ändra om webbplatsens utseende för att göra den mer lättnavigerad – detta utan att ta bort själva grunddesignen, även om jag tycker att man mycket väl skulle kunna göra om hela sidan.

Vad är det då jag gjort? Det första jag gjorde var att flytta bildspelet till vänster på sidan och tog bort det röda fältet med spelplan. Dessa lade jag istället till höger om bildspelet och gjorde det mycket tydligare med vart och vad som spelas just nu. Vilket jag anser vara det primära hos en teater.

Jag tog även bort den blå nyhetsnotisen på högersidan och de tre ”informationsrutorna” under bildspelet. Istället för detta lade jag tre större kolumner under bildspelet och ”Just nu”. Längst till vänster är nyheter; i mitten det absolut nödvändiga kalendariet där man kan se nästa föreställning och även gå vidare till alla föreställningar i kalendariet. Till höger i dessa kolumner lade jag de tre informationsruorna som tidigare varit under bildspelet. I min version är det ganska tråkiga med en och samma färg och utan grafiska element. Det är naturligtvis inte nödvändigt att det ska vara så om sidan skulle produceras. Men att placera dem så gör att det mesta av fokusen hamnar på vad som visas för tillfället istället för att dessa element tar fokus av detta.

Högst upp på sidan lade jag även till en sökruta och ändrade lite i menyn, något som skulle kunna göras lite tydligare. Något som även det är en nackdel på sidan är att menyn ser likadan ut även när man är på en undersida, vad jag menar är att det finns inget i menyn som indikerar på att du är under en viss kategori på sidan, vilket det naturligtvis bör vara.

Således har jag ändrat på en rad olika saker där jag framför allt skapat mer luft och ett – vad jag anser – tydligare upplägg. Genom att lägga ”just nu på…” och kalendariet relativt centralt på sidan har jag sett till att dessa ska komma i fokus. Intressant inom detta område är StomperNets film de satt ihop om hur man tittar på en hemsida (Hos Youtube). Genom att skilja av dessa med tunna linjer visar jag även att de är olika avdelningar. Den blå färgen som finns på originalsidan känns som det tar för mycket plats och den tillsammans med den röda på motsatt sida gör att sidan känns mindre och trängre.