Webbinformatik

Vansbro kommun har i dagarna lanserat en ny version av deras webbplats.

Startsidan som det såg ut när sidan lanserades

Som delaktig i projektet att ta fram den nya webbplatsen tänkte jag i detta inlägg ge en förklaring till varför sidan ser ut som den gör och hur jag tänkte. Mitt uppdrag i projektet bestod av att ta fram den grafiska designen och göra huvudstrukturen.

Första kommunen med Drupal

Vansbro kommun hade tidigt funderingar kring att använda sig av ett open source-cms, dels för att de själva hade tänkt stå för den mesta av installationen och programmeringen. I början lutade det mot att de skulle välja Joomla, men efter noga övervägande valde de Drupal i stället. Vilket måste ses som tur i sammanhanget då Drupal har betydliga fördelar gentemot Joomla när det gäller saker som rättighetshantering och möjligheten att strukturera innehållet på sidan.

Vansbro kommun blir första kommunala webbplatsen i Sverige som väljer att använda Drupal till sin webb, något fler kommuner redan börjat ta efter.

Arbetet

I projektet hade vi väldigt fria händer och det enda vi hade som riktlinjer var att göra en bättre sida än den förra. Min första tanke var att ta det bästa från framgångsrika sidor och lägga ihop det till denna sida, samtidigt som den skulle bli grafiskt väldigt tilltalande – något som alldeles för få kommuner satsar på idag. En viktig del i detta var också att sidan i så stor utsträckning som möjligt följde de krav Verva satte upp på en offentlig sida.

Designen

Jag testade med flera olika färgkombinationer och hade först tankarna på att göra en sida med en mörk bakgrund kanske mest för att den skulle sticka ut lite från mängden, men det stötte ganska snabbt på patrull och det fick bli en ljusare variant i stället med blå som primärfärg i menyn.

Efter ett tags skissande kom jag fram med en struktur som de gillade och jag började med själva designen. Jag ämnade tidigt göra något speciellt med menyn och lägga sökrutan i fokus. Som syns på skissen var sökrutan först centrerad på sidan men denna flyttades senare ut till höger på sidan – men ändå väldigt stor för att hamna i fokus. En annan detalj som efterfrågades var att få webbplatsen att inkludera inte bara Vansbro som ort utan även de övriga orterna i kommunen. Detta löste jag genom att göra en ljus karta som ligger i huvudet på webbplatsen, en detalj som jag tycker blev riktigt bra. 

Tidig skiss som senare gjordes om en hel del. Siffrorna visar var de olika elementen skulle ligga.

En annan sak var att storleken på typsnittet ökades något än de 12px som ofta brukar användas på webbplatsen. Det är snyggt och stilrent med ett litet typsnitt, men min tanke var att man i första hand vill göra det lätt för besökaren att läsa texten och så får det estetiska komma i andra hand på just den biten.  

Menyn

En huvudmeny bestående av fyra ingångar: invånare, näringsliv, turism och kommun och politik. Jag gillar när det finns tydliga ingångar på en webbplats och detta gör det väldigt lätt för besökaren att se vart på webbplatsen de ska börja. För att än mer tydliggöra innehållet bakom menyn lade jag till en kort beskrivande text under varje meny; ett ord kan ibland vara svårt att förstå men med en beskrivande text så tror jag det kan hjälpa en del att lättare hitta. Lite inspiration till detta fick jag genom Smashing Magazine.

Efter en del förstudier valde vi att ändra strukturen på startsidan lite grand och göra så att startsidan blir en kombinerad ingångssida för alternativet ”Invånare” och själva webbplatsen. Detta sparar en hel del klickande i menyn.

Ett bildspel lades även till på startsidan; denna yta är även tänkt att kunna utnyttjas till att framhäva viktiga saker vid tillfällen. Startsidan är fortfarande den sidan man ofta kommer till när man besöker en webbplats och bilder skapar snabbt en varmare och trevligare kännsla.

Färgkodning beroende på innehåll

En annan detalj är att allt innehåll i högerspalten färgkodas beroende på vad det är för sorts innehåll. Det finns fyra varianter på färgkodat innehåll: grönt, blått, rött och grått. Tanken var att man snabbt ska känna igen färgen och då se om det finns t.ex. dokument att ladda ned. Grön bakgrund i titelfältet innebär kontaktinformation; blå bakgrund är interna och externa länkar; röd bakgrund är dokument att ladda ned; grå bakgrund innebär att det är en kalender. Detta visade sig fungera väldigt bra vid användarstudier.

Högerspalten färgkodades

Sammantaget kan man nog säga att nya webbplatsen för Vanbro kommun fått ett betydligt lyft även om jag kan sakna interaktiviteten från medborgarna; interaktivitet genom forum, politikerbloggar och nyhetskommentarer. Förhoppningsvis kommer detta att komma längre fram.

Nytt år och nya inlägg; fem startpunkter på nya året.

1) För tillfället hopar arbetsbördan över en på flera plan. Jag är även nyutnämnd informations- och PR-chef för Lärarsektionen vid Linköpings universitet vilket både kommer att ta tid men framför allt ge mig chansen att pröva olika idéer jag har när det gäller organisationskommunikation (om nu det är ett bra ord). Mer om detta kommer senare.

2) Annars ser det ut som jag kommer att göra en analys över en webbplats ur ett kommunikationsperspektiv. Detta är dock inte helt spikat än, därav att jag inte nämner vilken det är, men om så bli fallet kommer det att beskrivas här på bloggen, vilket i så fall borde bli inom de närmsta veckorna.

3) Många ”expertbloggar” och kunniga inom området menar att webben allt mer kommer att få mer utrymme 2008. Fler företag (eller varför inte även offentliga instanser) kommer att se fördelarna med att ha en stark webbplats eller intranät. Positivt i sammanhanget är även att fler och fler börjar se fördelen med att ha en informatör/kommunikatör/webbstrateg i detta arbete. Detta är trevligt för alla oss inom medie- och kommunikationsbranschen.

4) Ett stort plus till alla som skrivit avhandlingar och publicerat dem på webben. Jag tror man bara har att tjäna på att göra dem tillgängliga. Vill man läsa en hel bok så gör man det fortfarande bäst i pappersformat, men är man bara intresserad av vissa delar av boken är det mycket smidigare att kunna leta i ett pdf-dokument. T.ex. som Mats B Andersson, Britt-Marie Johansson, Annelie Ekelin och Carina Andersson gjort (Är man intresserad av hur webben funkar så rekommenderas dessa böcker).

5) I slutet på förra året bestämde jag mig för att börja utveckla denna blogg lite mer (vad gäller layout/upplägg). Tanken var att jag skulle presentera den nya nu i början av året men som jag skrev i punkt ett så har detta fått stå tillbaka för annat arbete. Jag har dock kommit så långt att själva layouten är klar men nu väntar jag bara på tid att implementera den på webbplatsen. Det som legat i fokus för i den nya blogglayouten har varit användbarhet och grafisk design – jag tror nämligen att dessa två kan hjälpas åt att bidra till det sidan kommunicerar.

Jag har länge varit en förespråkare för att använda IT i utbildningen – i både min egen och andras. Tyvärr så är det enbart avsaknaden av IT i utbildningen som syns. Jag läste idag i Fyra nyanser av brunt på några väldigt bra tips om hur man kan använda sig av olika webbplatser i utbildningen. Tyvärr så är implementeringen av detta noll i lärarutbildningen; under de år jag läst lärarutbildningen vid LiU så har det räknas som överkurs att skapa ett pdf-dokument, vilket förtäljer vilken nivå utbildningen ligger på denna fronten.

Jag läste nyss Mats B. Anderssons avhandling “Allestädes närvarande kunskap: webbplatser som informativt stöd“. Där kommer han (inte jätteförvånande) fram till att Internet används väldigt lite i utbildningssyften. Studien bygger på gymnasieungdomar och KTH-studenter och skillnaden mellan dessa grupper är ganska tydliga. På universitet är det ett krav att använda nätet (dock brukar detta krav bestå av att man kollar mailen lite då och då) men på gymnasienivå används nätet nästan inget i utbildningen. Det slående i detta fall är att han studie visar att gymnasieeleverna (och deras lärare) upplevde det som att nätet var en källa till fusk, alltså där man hämtar färdigt material. Ganska typiskt.

Istället borde Google docs, wiki, bloggning och Del.icio.us (m.m.) vara vardagsmat i utbildningen – både i gymnasiet och vid universitetsstudier.

Jag läser, som jag tidigare skrivit, en kurs som heter Webbinformatik och går vid Mittuniversitetet. En väldigt viktig del i kursen är användarbarhet på webben, dvs hur enkelt man hittar det man söker på en hemsida. Det roliga är att de själva har misslyckats totalt med detta då kursens hemsida är bland det rörigastes som finns. Ett bevis på detta är att forumet är överöst med frågor om uppgifterna och kursens innehåll m.m.

Men saken är den att kursen är på 5 poäng men arbetsbördan liknar mer en 15 poängskurs. I kursen ska vi skriva tre rapporter á 10 sidor, göra två laborationer samt producera en hemsida åt ett företag där vi också ska dokumentera det vi gjort. Inte nog med det vi ska även göra någon form av opponering på två rapporterna. Hade det inte varit ett så intressant ämne som det är så hade jag nog övergett kursen för länge sedan.

Jag skrev tidigare att sommaren skulle ägnas till att läsa sommarkurser och så kommer det också att bli men med vissa ändringar. Den mycket intressanta kursen Almedalsveckans kommunikation och retorik som högskolan på Gotland får stryka på foten. Enligt deras hemsida är det en distanskurs med viss undervisning på Gotland. Direkt tänker man då att man ska vara där under själva veckan, men så lite var det inte. Vid sex olika tillfällen var det obligatorisk närvaro – vilket knappast gör det till en distanskurs. Det går inte så det vara bara att kasta papperna i korgen och desperat söka andra studier så jag kommer upp i fulltidsstudier.
 
Det hela slutade med att jag förutom webbinformatiken som Mittuniversitet har ska jag läsa e-deltagande från Blekinge tekniska högskola och Internetpublicering från Högskolan Dalarna. Den första av de två kurserna kan ju vara riktigt intressant faktiskt, men den andra får väl mest följa med på köpet. 5p är ju alltid 5p som man säger.
 
Allt detta sökande har gjort att jag måste tittat runt på en rad olika högskolors hemsidor och då slår det verkligen mig att LiU:s hemsida verkligen är outstanding i princip alla kategorier. En sak som slog mig är vikten av att ha kontaktperson på varje sida. Det är långt ifrån alla som skriver det på sidorna. En väldigt enkel sak att göra med ändå en sån viktig service till besökaren. Det gäller naturligtvis inte små sidor, men så fort sidorna börjar blir större bör man ha med detta. Kanske jag sådant jag kommer att lära mig i webbinformatikkursen?