Download - Stadsportaal Mechelen

Online stadsportaal: Mechelen.beTom AndriesWebmaster-coördinator, Afdeling ICT

03/04/2010

Inspiratiedag eGov 2.0

• Buitenlandse voorbeelden– Verbazende niveauverschillen– Amerika:

• Te vaak focus op organisatie of politiek• Focus op functionaliteiten, online transacties• (Te) veel aandacht aan trends & hypes?

Mechelen.be

Mechelen.be

• De navigatie• Zoekfunctie?• Eén persbericht centraal op de pagina

Mechelen.be

• Wat valt er op?• De eigenlijke teksten en inhoud is goed en bruikbaar.

Mechelen.be

• Random linkernavigatie• Burgemeester op de startpagina: leuk voor hem, maar niemand anders• Het meest afleidende element zie je niet op deze screen: de topbanner ‘One Call To City Hall’ > bewegende flashbanner• Website nog te veel principe “Als het er maar op staat”.

Mechelen.be

• Seattle.gov • Grafisch niet spectaculair maar duidelijke opbouw

Mechelen.be

• San Diego – Best of the Web 2010 finalist• Ook hier grafisch niet spectaculair• Zéér uitgebreid informatie aanbod

Mechelen.be

• Boston – Best of the Web 2010 winnaar• Grafisch niet spectaculair maar wel overzichtelijke, standaard opbouw Linkernavigatie, gebruik deurmatten (trouwens géén foto van de burgemeester meer op startpagina)• Citizens Connect:

• Uitgebreid e-loket met online betalingen• Staan ook ver in mobile apps

Mechelen.be

• Iets dichter bij huis: amsterdam.nl• Navigatie duidelijk en centraal, zoekfunctie waar je ze verwacht• Overzichtelijke pagina’s• Consequente eenvormige aanpak – geen uitzonderingen

Mechelen.be

• Wij doen het ook goed!• Fan van Kortrijk.be• Overzichtelijke opbouw• Navigatie onmiddellijk zichtbaar en centraal

Onze teletijdmachine1997 2000 2003 2005 2009

Mechelen.be


• Mechelen bij de eerste steden met websites • 1995 – test met website stadsarchief • 1997 – Mechelen.be

• Gastenboek en forum• Onbekend is onbemind• Alles kon – 1999: een website in Flash 4.0.

Mechelen.be


• Mechelen.be in het nieuw met fel uitgebreide informatie• Blikvangers:

• een digiloket of e-loket • pionier met wijk- en dorpswebsites• activiteitenkalender op voorpagina

• Alle inhoud werd online geplaatst en vaak zelfs verzameld en geschreven door de webmaster op de ICT-afdeling. • Website leeft niet bij de stadsdiensten: Mechelen.be wordt aanzien als ‘speeltje’ en niet prioritair

Mechelen.be


• Het stadswapen wordt vervangen door een nieuwe huisstijl• “Kan de webmaster even de site vernieuwen?” wordt gevraagd 3 weken voor launch• 2000 pagina’s worden in sneltreintempo omgezet• Blikvangers:

• ICT start met een intern ontwikkeld ‘content management systeem’ voor nieuwsberichten en wegenwerken• Mechelen brengt als eerste stad een succesvolle podcast waarmee het de 3de plaats in de iTunes podcast top 100 behaalt.• Webcam op het oud Schepenhuis

Mechelen.be


• Mechelen lanceert i.s.m. Memori als derde Vlaamse stad een stadsblog: Mechelen Blogt.• 2e webcam op Sint-Romboutstoren• Eerste stad met gepersonaliseerde pagina’s “MijnMechelen.be”

Mechelen.be


• Na registratie:• Snelformulieren (vooringevuld)• Gepersonaliseerde pagina met jouw interesses:

• Vacatures• Wegenwerken• Stadsblog• Nieuws• Flickr foto’s• En keuze uit alle websiterubrieken.

Mechelen.be


• Voor het eerst wordt er budget uitgetrokken voor de stedelijke website (2008).• Er wordt een nauwgezette 2 jaar planning opgesteld (maart 2009 – maart 2011) • Launch vernieuwde website op 23 november 2009.

Mechelen.be

• Hoe pakten we het aan?– De webmasters vroegen en kregen een tabula rasa– Uitgangspunt onze klanten/bezoekers: feedback!– Interne analyse van de noden en problemen– Webredactie bleek een pijnpunt: ICT verzocht om een webredacteur.– Eindbeslissing ligt bij webmasters

Bij discussies hakt de stuurgroep website knopen door.

Mechelen.be

• Hoe bepaalden we de noden?– Feedback bezoekers– Usabilitytests met gebruikers (Inwoners en toeristen)– Enquêtes– Vragen vanuit MT, stadssecretaris en de organisatie adviseur– Feedback, bemerkingen en vragen van stadsdiensten– Beleidsnota’s, sectorale beleidsplannen en het bestuursakkoord– Studies, screenings en extern advies (Indigov, Memori, Cultuurnet,...)– Bezoekcijfers en statistieken– Online analysetoepassingen– Via de algemene ‘Werkgroep website’ en de specifieke werkgroepen per

departement– Return On Investment, kosten/baten– Haalbaarheid:

De gepaarde workload voor de stadsdiensten en de webredacteur op de afdeling Marketing en Communicatie aan bepaalde functionaliteiten (daarom zetten we in op zo veel mogelijk automatisering waar mogelijk)

Mechelen.be

• Praktisch• Uit de mogelijke 10 kandidaten koos stad Mechelen voor

Anaxis.

• Oprichten van:• de stuurgroep website (kick-off project en doorhakken knopen) • de werkgroep website voor de praktische afspraken

(bestaande uit 23 leden uit alle departementen)

• Structuur en navigatie• Elke dienst ging met de webmaster en het communicatiebureau

samenzitten om hun inhoud in een boomstructuur te gieten. (juli 2009)• Er werd rekening gehouden met hun vragen maar usability en

klantgerichtheid was prioritair.• Usability tests• Definitieve structuur (augustus 2009)

Mechelen.be

• Praktisch• Voorbereiding teksten (augustus/september 2009)

• Systeem van webverantwoordelijken per dienst.• Elke dienst heeft er minstens één, deze staan in voor de creatie van de

teksten en invoer in het CMS

• Invoer teksten in het Content Management Systeem (september 2009- tot heden)

• Afdeling communicatie staat in voor webredactie en goedkeuren teksten – niets komt ongecontroleerd online.

• Webmasters koppelen navigatie en werken structuur af

• Test- en debugperiode (november)

• Launch nieuwe website op 23 november 2009

Mechelen.be

• Concept• Zo veel mogelijk automatisering• Intern ‘Samen sterk’, extern ‘Klant is koning’• De website is een stadsportaal dat openstaat voor al onze

partners: stadsdiensten, UiT in Mechelen, OCMW, vzw’s (Nekkerhal, Mechelse Feesten,…)

• Leven – Bezoeken – Werken – Bestuur – E-loket• Slechts één van de 5 hoofdrubrieken is uitsluitend voorzien voor de

stad en zijn diensten nl. Bestuur.• E-loket ?

• Toekomstgericht uitbreidbaar platform

Mechelen.be

• Uitbreidbaar?Toekomstgericht?

• De webmasters sprongen op een aantal unieke mogelijkheden zoals:

• Social media (januari 2011 overgedragen aan afdeling Marketing en Communicatie)

• Een iPhone App

Mechelen.be

• Een iPhone app automatisch gevoed door het CMS.

Mechelen.be

• Waarom een iPhone app?– Draait ook op iPad– Grote en actieve userbase– iTunes als populair verdeelplatform

• Wat is de meerwaarde van een smartphone/iPad– Always on/Direct on– Directe interactie via touchscreen– Altijd op zak > Persoonlijk toestel/statussymbool

Studies: Mensen geven liever vaste internet/telefoonlijn en computer op dan hun smartphones. Zelfs minderbedeelden.

– Geavanceerde ingebouwde sensoren + GPS

Mechelen.be

• Social media automatisch gevoed door het CMS.

Mechelen.be

• Voornaamste problemen• Niet het eilanddenken van politici maar van de stadsdiensten

en ambtenaren bemoeilijkte het hele proces• Enkele voorbeelden:

• Vooruitstellen eigen inhoud• Fierheid (wie zijn wij met foto’s en filmpjes over personeelsleden, onze

teksten zijn goed genoeg en hoeven geen redactie,…)• Vasthouden aan bepaalde termen en benamingen• Er willen ‘uitspringen’• Logo’s• Geen benul van de doelgroep, geen concrete doelstellingen

• Bepaalde personen die werkingsproces blokkeerden

Mechelen.be

• Oplossingen:• Mechelen heeft een zeer aangename en flexibele huisstijl• 5 verschillende kleurencombinaties

• De afdeling ICT voorzag de noden van verscheidene diensten en speelde hier op in door het voorzien van een module ‘Projectsites’.

• Hiermee kunnen stadsdiensten voor bepaalde projecten afzonderlijke websites creëren binnen de mogelijkheden van de huisstijl.Hierover werden duidelijke afspraken gemaakt.

Mechelen.be

• Oplossingen:• Motto van de nieuwe website ‘Samen Sterk’• Diensten worden zowel door management als beleid

aangespoord de algemene visie van de stad te volgen• Duidelijke ICT bedrijfspolicy:

‘Websites en CMS, social media, blogs en apps’• De goede resultaten en het gebruiksvriendelijke CMS

overtuigden de laatste dwarsliggers.• Stok achter de rug: geen webpromotie voor diensten die

afspraken niet volgen

Mechelen.be

• Projectsites– Geen meerkost indien gebruik standaard template van de stad– Bescheiden meerkost indien ontwikkeling nieuwe template en

specifieke extra functionaliteiten– Duidelijke afspraken!

– Evenementen– Kan indien geen meerwaarde voor de stadswebsite

Voorbeeld: website stadsarchief.

Mechelen.be

Mechelen.be

• Budget:• Oorspronkelijk budget: 215.000 euro

Traject van anderhalf jaar bestaande uit grafische, usability en technische aspect:

– Content Management Systeem– Website Mechelen.be– Projectblog BeleefMechelen.be– e-Loket en online betalen – Intranet– Anysurfer Screening– Mobile versie van de website,…

• Tot de helft van het budget van grotere steden maar met betere resultaten.

• Lange termijnvisie:Eerste jaar na lancering nogmaals 50.000 euro budget, daarna 25.000 euro jaarlijks

• Terugverdieneffect > geen of minder kosten voor projectsites

Mechelen.be

Mechelen.be

• Memori onderzoek ‘Digitale stad’ (2009):– 82% van de Mechelaars is actief internetgebruiker en

gebruikt de stadswebsite regelmatig

• De drie belangrijkste vaststellingen uit het onderzoek

1. ‘De Mechelaar is (misschien wel) de digitaalste Belg’2. ‘De Mechelaar wil mediamix’3. ‘De Mechelaar wil van thuis uit bediend worden’

Mechelen.be

• Een gestroomlijnd aanbod:– Promotie en bekendmaking– Gebruiksvriendelijk en herkenbaar– Het grijpen van kansen

Mechelen.be

Mechelen.be

• Ook de Mechelse ambtenaar gaat digitaal!– Performant datacommunicatienetwerk– Een nieuw intranet gevoed door het eGo CMS– Praktische gebruikersopleidingen voor alle medewerkers

door de afdeling ICT– E-Link

Mechelen.be

• Toekomstvisie en ICT-missie – ICT draait om meer dan alleen machines en

software.

– gebruiker steeds op de eerste plaats

– creëren van ongeziene kansen en meerwaarde voor onze klanten (de Mechelaars enerzijds en de stadsorganisaties en zijn medewerkers anderzijds)

Mechelen.be

• Toekomstvisie en ICT missie:– ICT met een menselijk gelaat:

• green IT • extra aandacht voor de sociaal zwakkere en mensen met

beperkingen.

– Hartelijk, dynamisch en verrassend - dat is Mechelen - ook dankzij haar ICT-beleid

– Nog een lange, boeiende en uitdagende weg te gaan!

Mechelen.be

• Vragen?

Mechelen.be

Tom AndriesWebmaster-coördinator, Afdeling [email protected] http://www.twitter.com/andriestom

BEDANKT VOOR UW AANDACHT!

CONTACT

mailto:[email protected]

http://www.twitter.com/andriestom