Nya orebro.se lanserad

Nyligen lanserade vi nya orebro.se. Det var ett intensivt arbete att skapa sidor och lägga över alla texter från gamla webben, som vi började med under sensommaren. Vi ändrade inte i själva innehållet, men vi slog ihop sidor som handlade om samma saker och separerade service-innehåll (det som handlar om vardaglig service/utbud och som de allra flesta besökare är ute efter) och fördjupningsinnehåll. Det gjorde att antalet sidor på nya orebro.se blev färre än tidigare, vilket vi ser ska göra det lättare för majoriteten av våra besökare att hitta det de är ute efter. Nu återstår uppföljning och analys och inte minst – att ta tag i själva innehållet på sidorna.

Som ett led i arbetet med att separera innehåll så lanserade vi under hösten flera extrasajter (utöver de vi tidigare lanserat)

www.orebro.se/karlslund

www.orebro.se/wadkoping

www.orebro.se/kulturskolan

www.orebro.se/godman

www.orebro.se/stadsarkiv

Själva fördjupningsdelen av orebro.se, där vi berättar om hur vi jobbar med olika frågor i kommunen, projekt, samarbeten och liknande, smygstartade vi med och gjorde publik under hösten under tiden vi fyllde på med innehåll – den i sig har ingen startsida men ett par större samlingssidor där är:

http://extra.orebro.se/orebrokommunfordjupning/saarbetarvimed.4.6dd1f9011538e4a54e2117e9.html

http://extra.orebro.se/orebrokommunfordjupning/projektsamarbeten.4.6dd1f9011538e4a54e211803.html

I stora drag vad som är nytt med nya orebro.se

Om innehållet på sidorna i stort är detsamma som tidigare så är det framförallt design och navigation som är nytt. Nya orebro.se är responsiv och det betyder att den anpassar sig till storleken på den skärm besökaren har.

Genomgångsssidor (nivå två och tre) har fokus på navigering och att leda besökaren till det innehåll de är ute efter.

På nya orebro.se är det fokus på sidans innehåll och vi har valt att inte ha menyn utfälld. Den ligger till höger i toppen (den hamburgarliknanden ikonen) och går att fälla ut, vilket är en mobilanpassning.

* Varje sida har en inledande, sammanfattande ingress, vilket inte fanns tidigare men som ger en överblick av sidans innehåll och gillas av Google. Vi har också i innehållet försökt att länka till undersidor som hänger samman med ämnet, då inte menyn är synlig hela tiden.

* Längst ner på de flesta sidor finns så kallade ”navigeringskort” som visar sidor i samma nivå – som ett sätt att lotsa besökaren vidare.

* ”Hade du nytta av innehållet” finns på de allra flesta sidor. Det innebär möjlighet att i direkt anslutning till sidan ge feedback på innehållet.

* Kontakt och tyck till – som även innehåller ”sök person” finns uppe till höger, under sidhuvudet i desktop, i toppmenyn i mobil och i sidfoten.

* Ett nyhetsarkiv (som går att filtrera) från startsidan, istället för många olika.

* Nyheterna på startsidan är uppdelade i driftsstörningar, servicenyheter (som också visas på själva innehållssidan om ämnet) och övriga nyheter.

* Sidorna har fått nya url-er /adresser för att göra sidorna mer sökbara via Google. De gamla adresserna är inlagda och ger träffar för serviceinnehåll och direktadresserna fungerar som tidigare.

I vår organisation

Under hösten kunde medarbetarna i Örebro kommun följa uppbyggnadsarbetet av nya webben internt. På så vis kunde den som ville ställa frågor och komma med feedback. Det var också ett sätt att medvetandegöra de förändringar som skulle komma att ske. Att sajten var öppen internt var också väldigt bra vid olika visningar i organisationen.

Anledningen till att vi inte passade på att jobba om innehållet när vi ändå gjorde om designen (vilket givetvis var mycket lockande), var att det skulle bli ett för stort och omfattande uppdrag. Nu kunde vi fokusera på utvecklingen, funktioner och design och samtidigt hålla en tajt tidplan. Uppdraget sköttes inom förvaltning och innebar att vi klarade uppdraget med befintliga resurser, även om det såklart krävdes en rejäl kraftsamling inom framförallt kommunikationsavdelningen rent arbetsmässigt. Även vår systemutvecklare och systemförvaltare på IT har jobbat mer eller mindre heltid med den nya webben.

Vi har jobbat agilt i scrum tillsammans med våra leveranterör Advant (design och grafisk form) och Soleil (utveckling). Samma partners som varit delaktiga i de nya gymnasiewebbarna och extrawebbarna. Fördelen med det var kontinuitet och att vi kunde återanvända delar som vi tagit fram tidigare.

Hur jobbar vi vidare

Vi har tidigare berättat att lanseringen av orebro.se är ett led i att bli en servicewebb fullt ut. För att komma dit krävs att vi ser över och jobbar igenom innehåll och tjänster. Ett viktigt arbete där en del verksamheter i organisationen redan flaggat för att vilja ta tag i sina områden. Detta kommer att påbörjas under våren och pågå fortlöpande.

Samtidigt kommer vi också att fortsätta att jobba med uppföljning och utvärdering av den nya webben. Vi undersöker besöksstatistik och ser vilka sidor som genererar att man kommer till felsidan. Vi håller koll på söksidan och vi går igenom de synpunkter som kommer in via ”Hade du nytta av informationen på denna sida” (i dagsläget cirka 10 kommentarer om dagen) och synpunkter via andra kanaler. På så sätt kan vi se vad vi behöver ändra och förbättra. Vi kommer också att jobba med att förbättra och förändra sidans sök-funktion. Vi har bytt verktyg och använder nu den sök som finns i CMS-et (Sitevision).

Kia Lagerqvist, uppdragsledare
Erik Lundell, webbstrateg

(I januari kommer Advant att sända en podd där vi berättar om arbetet med Örebro kommuns webbfamilj)

Nu lanserar vi den första egna webben i vår utökade webbfamilj

Nu lanserar vi den första av en rad nya webbplatser/bloggar utifrån vårt upplägg med en kommunal webbfamilj där olika webbar har olika syften, målgrupp och mål.

Först ut i raden av webbar som är byggda utifrån ett gemensamt manér och ramverk, men med möjlighet till olika funktioner och färger är Klimatsmart vardag som nu lanseras. Under hösten kommer även sajter för Pedagog Örebro och Gymnasieantagningen att lanseras.

Vi har tidigare berättat om vårt arbete med att möjliggöra fördjupning, fakta, profilering och dialog digitalt genom webben.

Under våren tog vi fram design, mallar och funktioner för dessa mer ”egna” webbplatser. De är och byggda i Sitevision som våra övriga webbplatser i familjen. De går enkelt att anpassa i frågan om färg och loggor och text i sidhuvud och sidfot. Olika funktioner och delar plockas ihop och byggs upp utifrån behov. Exempel på funktioner/komponenter att välja är nyhetsarkiv, kalendarium, kommentarsfunktion, bloggartiklar, puffar och flöden i sociala medier. Webbarna/bloggarna ligger alla på samma server och driftas internt av vår it-avdelning. De kommer också att vara sökbara från orebro.se (om så önskas).

Örebro kommuns webbfamilj

I kommunens webbfamilj ingår:

  • orebro.se (som kommer att delas upp i en servicedel och en fördjupningsdel)
  • extrawebb (där de ”egna” webbarna byggs) vars syfte är erfarenhetsutbyte, fördjupning, profilering och dialog
  • skolwebbar (gymnasiewebbar och grundskolewebbar).

Uppdelningen och utvecklingen görs av flera anledningar. Orebro.se ska bli en servicewebb där majoriteten av besökarna får svar på sina frågor och för att det ska bli lättare för besökarna att göra det behöver information flyttas till andra delar. Samtidigt finns behovet av ytterligare innehåll tillgängligt till olika målgrupper digitalt. Det har vi hittills löst delvis genom att ha olika webbar/bloggar (som den som du läser nu 🙂 ) som ligger på olika servrar i olika CMS och där har det varit svårt att förvalta och hålla en tydligare enhetlighet kring avsändaren. Nu kan vi också utveckla funktionalitet som kommer fler webbplatser tillgodo.

De nya gymnasiewebbarna lanserades i september och nu håller vi för fullt på med att göra om orebro.se – det kan du läsa mer om här.

/Kia Lagerqvist, utvecklingsstrateg
Erik Lundell, webbstrateg

Gymnasiewebbarna publicerade – nu väntar nya orebro.se

Äntligen har vi publicerat nya gymnasieskolwebbar! Ambitionen var att de skulle vara klara den 1 oktober. Det tog ytterligare fyra dagar och vi lanserade innan gymnasiemässan den 14 oktober, vilket var uppdraget. Det har varit en extremt tight tidplan, men tack vare ett gediget förarbete och engagerade medarbetare så klarade vi det.

Vad har vi gjort och hur?

Som vi har berättat tidigare  började arbetet med nya skolwebbar redan 2011. Då gjorde vi en förstudie med effektkarta och en revidering av effektkartan för orebro.se. Tanken var att först göra om orebro.se och utnyttja design och mallar för nya skolwebbar. Vi började sedan också att arbeta enligt förvaltningsmodellen pm3 för vårt ”webbobjekt” och det visade tydligt att vi inte hade säkerställt organisation och resurser. Så i stället för att inleda projekt/uppdrag började vi reda i ansvar och uppdrag och med att fylla hålen. Kanske inte lika roligt, men en nödvändig förutsättning för att kunna jobba långsiktigt och resurseffektivt. I dag har vi en bemannad förvaltningsorganisation och egen webbutvecklare, och det har också varit en viktig framgångsfaktor och möjliggörare.

För ganska precis ett år sedan var vi redo och började, tillsammans med våra leverantörer Advant produktionsbyrå och SoleilIT, att jobba med ny design (vi hade en grafisk profil, men den täckte inte fullt ut webb) och mallar för fördjupningsdelen för orebro.se, som vi hade mest behov av att få på plats först i ordningen. Vi jobbade intensivt hela hösten och våren och satte design, sök och en uppsättning sidmallar som vi sedan har kunnat använda för gymnasiewebbarna och som vi ser att vi också till stor del kommer att kunna använda för nya orebro.se. Vi gjorde också flera användartester.

När vi drog i gång gymnasiewebbsarbetet kunde vi gå direkt på gymnasiespecifika behov. Det ledde till att vi tog fram särskilda mallar för programsidorna – de sidor som presenterar själva programmen/utbildningarna – se t.ex. exempelvis estetiska programmet på Karolinska gymnasiet och för startsidorna – se t.ex. Virginska gymnasiet och Kvinnerstagymnasiet

För övriga sidor kunde vi i stort använda de mallar och funktioner som vi redan hade tagit fram. En funktion som vi använder mycket är vad vi kallar för ”plusboxar” eller collapsed items, se exempel från Tullängsgymnasiet

Mobilmenyn vållade oss en del arbete och vi provade att ha den i botten till en början, men la den tillslut i huvudet för att få önskad funktion. Användningstesterna visade att det inte spelade någon större roll om den ligger i botten eller toppen.

Sök (vi använder Sitevisions egen sök) är också något vi har lagt en del tid på, och som vi också kommer att fortsätta förfina och jobba vidare med.

Så sent som den 19 maj drog vi i gång med första sprinten i gymnasiewebbarbetet. Då hade vi user stories genomarbetade och klara men låg i övrigt drygt en månad efter plan. Totalt jobbade vi i fyra sprintar, inklusive semester. Precis som i arbetet med fördjupningsdelen för orebro.se krävdes omfattande testning i olika webbläsare, desktop såväl som mobil. Här hade vi nytta av Browserstack.

Innehållsmässigt jobbade vi med ett gymnasium som pilot och kopierade därefter den för de andra gymnasierna att anpassa innehåll utifrån. Den lösningen fungerade mycket smidigt så som vi nu har byggt att det går lätt att byta avsändare och färg som slår igenom på hela sajten. Under drygt tre veckor jobbade skolpublicerarna intensivt med stöd och hjälp av skolwebbredaktören med att bygga upp innehållet.

De första delarna i fördjupningswebben är nu under konstruktion och kommer att lanseras under hösten och uppdragsmässigt går vi nu vidare med nya orebro.se med samma agila arbetssätt och team (som börjar blir riktigt sammansvetsade vid detta lag) bestående av en produktägare/uppdragsledare, en intern utvecklare, en extern utvecklare (deltid) och en extern designer/ux-are (deltid). Nära knutna finns stakeholders i organisationen, uppdragsgrupp och uppdragsägare.

Nya orebro.se – förbättrad service i fokus

Nya orebro.se ska bli en servicewebb. Där ska majoriteten av besökarna få svar på sina frågor och utföra sina tjänster. Att skapa en servicewebb är ett långsiktigt, djupgående arbete som tar tid. Där kommer vi inte att vara fullt ut när vi lanserar under nästa år, men vi kommer att ha tagit ett steg på vägen. Vårt första steg är att flytta innehållet från nuvarande webbplats till en ny, responsiv webbplats där designen utgår från besökarnas behov och beteenden. I det första steget ingår en ny sökfunktion och ny struktur. Innehållet flyttar vi som det är.

Ett steg i taget

Anledningen till att vi inte samtidigt passar på att anpassa innehållet så att det verkligen svarar på besökarnas frågor (där ser det olika ut idag – vissa sidor är redan bra, andra behöver en hel del bearbetning och helt nytt innehåll kommer att tillkomma, annat att tas bort helt), utveckla nya tjänster och flytta över det som ska ligga på fördjupningsdelen är för att det skulle vara ”en hel elefant”. Vi tror på att stycka elefanten och på att driva kontinuerlig förändring hellre än ett stort, jätteuppdrag som riskerar att slita ut. Vi har heller inte resurserna att göra allt på en gång och lägg där till att det då också skulle ta väldigt mycket längre tid innan vi kan lansera.

Vi har därför beslutat att börja med ny design, navigationsstruktur och responsivitet – ett nog så viktigt steg när vi ser att vissa sidor besöks till 90 procent från mobila enheter. Väl i det nya ”skalet” jobbar vi vidare med innehåll och tjänster. Där ser vi också att vi behöver synka oss i organisationen så att svaren blir lika oavsett kanal och att jobba med målgruppernas hela resa – att verkligen ta reda på deras behov.

De nya gymnasiewebbarna:

Karolinska gymnasiet

Rudbecksgymnasiet

Kvinnerstagymnasiet

Tullängsgymnasiet

Virginska gymnasiet

Nyhet om nya skolwebbar på orebro.se

/Kia Lagerqvist, utvecklingsstrateg
Erik Lundell, webbstrateg

Nya gymnasiewebbar – näst på tur när vi utvecklar externwebbar

Nu håller vi på att ta fram nya gymnasieskolwebbar. Nuvarande webbplatser har inte utvecklats på väldigt länge och kommer att få en ny design och anpassas för att fungera i mobiler och surfplattor. Redan till gymnasiemässan i mitten av oktober ska gymnasierna ha nya startsidor och sidor om de olika programmen klara.

Arbetet med nya skolwebbplatser började redan för flera år sedan, då vi gjorde ett grundligt arbete med effektkarta och målgruppsanalys. Ett arbete som vi har nytta av även nu när vi har jobbat igenom user stories och underlag för det design- och utvecklingsarbete som startats.

Att göra om webbplatserna är ett eget uppdrag, men också en direkt fortsättning på den fördjupningsdel för orebro.se som vi har jobbat intensivt med under vinter och vår. Mycket av den design och funktionalitet som vi utvecklat där kan vi nu återanvända. Det är också en anledning till att vi kan klara en mycket snäv tidplan.

Tydligare och mer enhetligt innehåll
Skolledningen har under våren gett direktiv för utvecklingen och gymnasieskolorna har också genomfört varumärkesarbete under det senaste året och tagit fram information till programblad som kommer att utgöra viktigt innehåll för webbplatserna. Jämfört med dagens gymnasieskolwebbplatser kommer det att bli ett tydligare fokus på marknadsföring för blivande elever. Sidorna som presenterar programmen och utbildningarna kommer att bli tydligare och mer enhetliga, då vi vet att det är välbesökta sidor som många kommer till direkt från Google.

Webbplatserna kommer också att göras följsamma (responsiva) så att de fungerar i mobil och surfplattor. Detta är särskilt viktigt för gymnasiernas målgrupper som är frekventa användare av mobila enheter.

På skolornas webbplatser kommer man att kunna söka såväl inom den egna webbplatsen som inom orebro.se vilket gör att man kan komma åt exempelvis styrande dokument eller liknande.

Titta på skisser
(observera att själva innehållet inte är helt autentisk utan kan vara helt eller delvis påhittat)

Startsida
http://orebro201113531024819.webflow.io/

Sida för program
http://orebro201113531024819.webflow.io/100-egen-skolwebb-programsida-rev

Jobbar agilt i scrum
Rent uppdragsmässigt jobbar vi fortsatt agilt i Scrum med dagliga avstämningar, något som gör att vi kan vara snabba och prioritera det viktigaste först. Förutom att vi har en egen utvecklare jobbar vi (precis som i fördjupningsdelen) tillsammans med Advant produktionsbyrå (design) och SoleilIT (utveckling). Publiceringsverktyget är Sitevision.

/ Kia Lagerqvist, utvecklingsstrateg
Ulrika Edberger, skolwebbinformatör
Erik Lundell, webbstrateg

Nu gör vi plats för fördjupad information och dialog digitalt

För att tillhandahålla mer information och möjliggöra dialog digitalt utvecklar vi just nu kommunens webbplats orebro.se i form av en fördjupningsdel. Där finns möjlighet att exempelvis presentera hur och vad vi jobbar med mer i detalj.

Bättre möjligheter till kommunikation 

Kärnan av kommunens externa webbplats orebro.se kommer även fortsättningsvis att vända sig till privatpersoner och företagare och bli än mer inriktad på service och tjänster för det stora flertalet besökare. Detta samtidigt som vi genom den fördjupningsdel som vi nu jobbar fram får bättre möjligheter att tillhandahålla information, öppna upp för dialog och marknadsföring digitalt till fler målgrupper. Totalt sett innebär detta nya och bättre möjligheter till kommunikation med våra intressenter.

I dag förväntar sig såväl medarbetare som samarbetspartners, forskare, studenter, journalister, kunder och andra intressenter att allt mer information ska finnas och tillgängliggöras digitalt. När det görs blir det det lättare att få insyn i kommunens arbete och processer och det bidrar också till högre effektivitet. Redan i dag finns delar av denna typ av innehåll på orebro.se, på olika bloggar och genom andra lösningar, men det finns ingen kommungemensam lösning – men just nu pågår alltså arbetet för att få till det.

 Varför fördjupningsdel?

Om vi skulle möta alla målgrupper och tillhandahålla allt material digitalt direkt exponerat via orebro.se skulle den snart bli överöst med information och väldigt svårnavigerad, det i sin tur skulle leda till att färre hittade det de är ute efter. Det vet vi bland annat från det omfattande innehållsarbete, de användartester och den besöksstatistik som vi har arbetat med kontinuerligt för webben med sedan 2008. Det är en ständig utmaning att möta våra huvudmålgrupper och göra det enkelt för dem att hitta det de är ute efter, förenkla för dem att uträtta sina ärenden och få svar på sina frågor på orebro.se.

För att möta både krav på att tillhandahålla tjänster och service för våra huvudmålgrupper – men också fördjupning, samarbeten och liknande för andra målgrupper gör vi nu denna utveckling av fördjupningsdelen. På så vis gör vi plats för det mest efterfrågade likväl sådant som kommunen vill visa upp utåt och som ska vara åtkomligt digitalt för andra att ta del av, sprida vidare eller diskutera. Det kan exempelvis vara information om olika projekt som vi driver själva eller tillsammans med andra eller om inspirationssidor för vissa yrkesgrupper. Innehållet kommer att vara åtkomligt via orebro.se (där det är önskat) via länkar och sökfunktion och/eller via direktadresser.

Utgår från behov och krav

Vi har tittat på olika målgrupper och deras behov och sammanställt de olika interna kraven och nu tar vi fram en bred lösning. Det blir därför inte en gemensam lösning, utan mer av ett smörgåsbord där man kan plocka ihop olika delar som passar beroende på målgrupp, syfte och mål.

Exempel på funktioner som kommer att finnas är möjlighet till informationssidor och undersidor, nyheter eller bloggposter, kommentarsfunktioner, flöden av sociala medier och kalender. Sidorna kommer också att vara responsiva och fungera bra i mobila enheter. Något som blir allt viktigare då vi snart har fler besökare som når oss via mobila enheter än via desktop.

Om allt går som det ska lanserar vi de första delarna innan sommaren.

Vi jobbar nära tillsammans med SoleilIT och Advant. Uppdraget ägs av kommunikationsavdelningen och till vår stora glädje har vi nu också en intern utvecklare på IT avdelningen som bygger.

Arbetet med skolwebbar och kärnan av orebro.se följer

Så snart vi har lanserat fördjupningsdelen kommer vi att ta tag i skolwebbarna och kärnan för orebro.se. Även dessa kommer att få en ny, responsiv design.

/Kia Lagerqvist, utvecklingsstrateg
Erik Lundell, webbstrateg