Stadens kontaktvägar, stockholmarna och webben

Postad av: Johannes Söderlund,

Ungefär hälften av stockholmarna söker kontakt med kommunen (en eller flera gånger) under ett år. När de gör det så använder de olika vägar varav webben är största.

För att göra det lättare att prata om våra kontaktvägar, hur de användas och vad som är viktigt att tänka på har vi tagit fram en grafisk överblick, som en del i ett utbildningsmaterial för stadens webbredaktörer.

Några detaljer från grundmaterialet är bland annat att äldre jämfört med yngre föredrar telefon framför e-post och använder de stockholm.se vill de helst ha kontaktuppgifter. Parkerings- och stadsbyggnadsfrågor engagerar något fler män än kvinnor medan skola och fritid engerar kvinnor i något högre grad än män. Överlag verkar också kvinnor och yngre lite mer positiva till stockholm.se än män och äldre och de som har kontakt med kommunen i frågor som rör förskola, skola och kulturfrågor är mer nöjda än inom andra verksamhetsområden.

De som använder e-tjänster har oftast barn under 18 år, vilket inte är så konstigt eftersom det finns många e-tjänster som riktar sig till den målgruppen. Till exempel e-tjänster om förskoleansökan, ansökan om förskoleklass, skolwebben, fronter, kollo, boka simskola, sommarjobb, kulturskolans kurskatalog och liknande.

Stockholmarna och webben - infografik över webbanvändning

 

Kategori: Okategoriserad


Stadsarkivet nylanserar

Postad av: Johannes Söderlund,


Stockholms stadsarkiv har nylanserat sin webbplats på samma plattform som Medeltidsmuseet och Stadsmuseet, med en egen tvist på den grafiska profilen. Vad gör då Stadsarkivet sju våningar under marken?

Se den korta filmen för en snabb, visuell resa om vad som finns att upptäcka!

 

Stockholms stadsarkivs webbplats

Du hittar Stadsarkivet på stockholm.se/stadsarkivet

 

Kategori: Okategoriserad


Beräkna din avgift

Postad av: Johannes Söderlund,

Idag lanserades tjänsten för att beräkna avgifter. Vilka avgifter då? Jo det är avgifter för insatser som omfattas av SoL, alltså socialtjänstlagen.
Det kan till exempel handla om hemtjänst inom äldreomsorgen.

Du blir i tjänsten guidad genom ett kort flöde där du fyller i dina uppgifter för att sedan få ett preliminärt resultat. Detta är en första version och mobilanpassning och fler språk kommer under våren.

 

Avgifter inom Socialtjänstlage - bild på e-tjänst

Här hittar du tjänsten för avgiftsberäkning

 

Kategori: Okategoriserad


Årets bästa webbplats 2015

Postad av: Johannes Söderlund,

Stockholm.se blev utsedd till första plats på Internetworlds Topp 100-lista över Sveriges bästa webbplatser för ett par veckor sedan.  Tillställningen utspelade sig på Webbdagarna och nu efter att den primära överraskningen (chocken?) lagt sig så känns det väldigt stort och otroligt roligt efter många år av arbete som väldigt många människor varit involverade i, och nu kan vara stolta över. Det är väl också första gången en myndighet/kommun tilldelats förstaplatsen, vilket gör det extra roligt.

Som en typ av överblick (eller webbkarta) över hur webbnärvaron ser ut så har vi satt ihop en grafik över hur användningen fördelade sig under 2014. Några saker kanske överraskar, några är mer självklara och vissa saker kan skilja från tidigare grafik (beroende på underlag§).

 

Webbnärvaro - statistik över stockholm.se 2014

 

Och så här såg priset ut. Risken med priser är ju att de kan förlama, men det enda som verkligen känns riktigt säkert är att nuläget inte kan vara målet och att det alltid faktiskt kan bli bättre.

Internetworld 2015 Stockholms stad topp 100 diplom - Grafik med motivering.

 Motivering:
”Det är skillnad på sajter och sajter. En kommunsajt måste av naturliga skäl jobba med väldigt stora mängder av ingångar, avdelningar och ämnen. Allt från förskola till avlopp och simhallar ska rymmas under ett paraply. Därför är det extra imponerande när detta arbete görs så bra som hos Stockholm.se. Med en väl genomtänkt struktur och tydligt gränssnitt hittar besökarna för det mesta rätt i kommundjungeln. Majoriteten av besökarna kommer till sajten i mobilen. Och Stockholm.se jobbar hårt för att den upplevelsen ska bli lika smidig som datorn. Det lyckas de väldigt ofta med.

Stockholm.se har länge varit en av landets främsta kommunsajter. Men under det senaste året har de höjt sig ytterligare en nivå och därmed gjort sig förtjänta av Sveriges finaste webbutmärkelse. Detta är ett föredöme, inte bara för sajter inom offentlig sektor, utan för alla som vill ge sina besökare en tydlig, konsekvent och strukturerad sajtupplevelse.”

 

Kategori: Okategoriserad


Stockholm.se – Sveriges bästa kommunwebb för fjärde gången

Postad av: Johannes Söderlund,

Förra året låg mobilanpassning i fokus för arbetet med stadens webbplats. Innehållet skulle anpassas, nytt frontendramverk för Servicewebben utvecklas och ersättningar av kringlösningar driftsättas. Även ett nytt ramverk för mobilanpassade e-tjänster togs fram under året. Något som låg helt rätt tidsmässigt med tanke på att nästan hälften av trafiken kommer från mobila enheter.

Stadens webbplats är också den kontaktväg som stockholmarna uppger används mest och 2014 innebar totalt sett ca 17 miljoner besök. Det innebär att det här är förändringar som påverkar många, på ett förhoppningsvis positivt sätt.

Statistik över kanalval 2014

Tittar vi på funktionen ”Hjälpte sidan dig” – en temperaturmätare där besökaren snabbt kan ge ett betyg på innehållet så ser vi att engagemanget ökat stort i antalet röster räkat från ena året till det andra (juni månad i staplarna nedan), vilket tyder på att anpassningen har aktiverat användarna.

Antalet röster per device

Tittar vi sen på vad de tyckte (nöjda/missnöjda) så kan vi också se att mobiltelefonbesökarna var mycket mer positiva än de svårflörtade surfplattebesökarna och datoranvändarna. Perioden är hösten 2013 jämfört med 2014 i grafen nedan.

Röster 2013-2014

Mobiltelefonbesökarna på stockholma.se verkar med andra ord uppskatta uppdateringarna, vilket är jätteroligt för det är just vad juryn på Internetworld tar upp i sin motivering till utmärkelsen som bästa kommunwebb 2015:

”Ett föredöme för sajter inom offentlig sektor. Trots att sajtens information och tjänster spänner över ett brett område så lyckas Stockholms stad skapa en smidig, tydlig och (oftast) konsekvent användarupplevelse. Särskilt imponerande är detta i det lilla formatet. Mobilupplevelsen är verkligen bra med flera väl fungerande gränssnittslösningar för mobilformatet.“

 

Kategori: Okategoriserad


Mobil avslutning på året – alla skolwebbar blir responsiva och appen Betala P får över 50 000 användare

Postad av: Johannes Söderlund,

Appen Betala P samt skolwebbarna

2014 är snart slut och under året som gått har hänt en hel del på den digitala fronten. Framförallt har det varit ett stort fokus på att mobilanpassa stadens webbnärvaro med alla webbplatser och kringliggande e-tjänster. Detta har varit helt rätt i tiden då vi under hösten fått lika många besökare från surfplattor och mobiltelefoner som från datoranvändare på vissa delar av webbplatserna. Utmaningen har till stor del varit att försöka få till en lika bra användarupplevelse för både dator och för mobila enheter, utan att kompromissa.

Senast ut i det mobila arbetet är alla skolwebbplatser (över 200 stycken) som nu fått en responsiv översyn i likhet med många andra webbplatser under stockholm.se.

Men förutom webbarna så har även vissa appar lanserats 2014. Appar gör sig ju bäst för tjänster som används ofta (och då från mobilen). Och Betala P som gör det lättare att betala parkeringsavgiften har nu också nått över 50 000 användare under det gångna året.

Som avslutning önskar vi en god jul och ett gott nytt 2015!

 

P.S  Skolwebben i exemplet ovan är Abrahamsbergsskolan.

 

 

Kategori: Okategoriserad


Open Stockholm Award och Öppna data, i backspegeln

Postad av: Johannes Söderlund,

Två av syftena med tävlingen Open Stockholm Award var att skapa uppmärksamhet kring öppna data och öka användningen av det data som staden öppnade upp. Lyckades det?

Utifrån någon form av uppmärksamhetsperspektiv så ja, absolut. Men utifrån användningen då? Tittar man innan 2012 var användningen av data väldigt begränsad, och kikar man på antalet slagningar mot stadens API:er över tid så ser man att användningen faktiskt ökade och stabiliserade sig på en högre nivå efter tävlingen 2012.

Samma effekt ser även ut att ha inträffat vid tävlingen 2014, bara i lite större skala. Så ja, även användningen ser ut att ha ökat.

Utvecklingen av öppna data - 2012 till 2014 - från ca 2 miljoner slagningar till 8 miljoner

 

Kategori: Okategoriserad


Koncept för stockholm.se #1 – Kontraster

Postad av: Johannes Söderlund,

En del i vårt arbete med att ta fram guidelines för e-tjänster och byggandet responsiva stockholm.se var att definiera konceptet för stockholm.se på ett samlat och tydligare sätt. Detta för att förbättra kännedomen (för beställare och konsulter) om vad som fungerar från tidigare erfarenheter och kunskap, men också för att säkra användbarheten i utvecklingen framöver för oss själva.

Under våren har också stockholm.se granskats tillsammans med FunkaNu för att säkra tillgänglighetsaspekterna och då också de konceptuella delarna.

Nedan beskrivs konceptet med fokus på kontrasthantering i gränssnittet.

Hantering av kontraster i stadens webblösningar:

Det finns tre parametrar vi mäter kontraster på, skillnad i färg, skillnad i ljusstyrka, skillnad i ljusintensitet.

Riktlinjerna nedan är tolkade som just riktlinjer och inte som regler.

Skillnad i färg

  • Vi strävar alltid mot ett gränsvärde på 500 eftersom det är W3C riktlinjer.
  • Vi tillåter aldrig kontrastvärden under 400.
  • På viktiga textytor som huvudmenyer, startsida och brödtexter gäller riktlinjen 500 eller i närheten av 500.
  • Ett värde under 450 fungerar inte för sådana texter.
  • För andra texter, t.ex. kontraster på en hovereffekt eller mycket stora texter i en kampanjyta (där innehållet också kan nås på andra sätt t.ex. genom navigation eller sök) kan i undantagsfall lägre kontraster accepteras, t.ex. 420.
Den färgpalett som tagits fram har säkrats utifrån detta:
1. Blå 2. Ljusblå Färgkoder för 1. Blå och 2. Ljusblå 1. RGB	0/110/191 2. RGB	214/237/252 1. HEX	#006ebf 2. HEX	#d6edfc 1. Lila 2. Ljuslila Färgkoder för 1. Lila och 2. Ljuslila 1. RGB	93/35/125 2. RGB	241/230/252 1. HEX	#5d237d 2. HEX	#f1e6fc 1. Rosa 2. Ljusrosa Färgkoder för 1. Rosa och 2. Ljusrosa 1. RGB	196/0/100 2. RGB	254/222/237 1. HEX	#c40064 2. HEX	#fedeed 1. Grön 2. Ljusgrön Färgkoder för 1. Grön och 2. Ljusgrön 1. RGB	0/134/127 2. RGB	213/247/244 1. HEX	#00867f 2. HEX	#d5f7f4 1. Orange 2. Ljusorange Färgkoder för 1. Orange och 2. Ljusorange 1. RGB	221/74/44 2. RGB	255/215/210 1. HEX	#dd4a2c 2. HEX	#ffd7d2

Skillnad i ljusintensitet

  • Vi följer alltid W3Cs riktlinje om skillnad i ljusintensitet enligt nivå AA för texter under 18 punkter (1:4.5)
  • Vi följer alltid W3Cs riktlinje om skillnad i ljusintensitet enligt nivå AA för texter över 18 punkter och några steg uppåt i textstorlek (1:3)
  • Vi kan i undantagsfall frångå W3Cs riktlinjer om skillnad i ljusintensitet för riktigt stora texter t.ex. 72 punkter. Eftersom storleken påverkar läsbarheten också och det inte finns någon riktlinjer från W3C för riktigt stora textstorlekar.

Det verktyg som använts för att mäta skillnad i ljusintensitet (kontraster) finns på: http://www.paciellogroup.com/resources/contrastAnalyser, samt skillnad i färg: http://snook.ca/technical/colour_contrast/colour.html

Exempel på fonthantering:

 

Kategori: Design


Medeltidsmuseet lanseras på nya stockholm.se-plattformen

Postad av: Johannes Söderlund,

Medeltidsmuseets gamla webbplats var byggd någon gång i början på 2000-talet och nu har den, precis som en del andra webbplatser gjort tidigare under året, flyttat in i den nya stockholm.se-plattformen.

Det innebär bland annat att den använder ett gemensamt responsivt ramverk och den modulhantering som tagits fram för att stödja olika typer av innehållskombinationer.

 

Medeltidsmuseets webbplatsBesök nya webbplatsen

Se även andra webbplatser i samma ramverk:
Stockholm International
Stadsmuseet
Open Stockholm

 

 

Kategori: Okategoriserad