Succesvol webdesign hangt af van goed onderzoek, gericht op de juiste doelgroep, het identificeren van belangrijke problemen en het ontwikkelen van passende oplossingen.

Maar hoe begin je wanneer je doelgroep demografisch is, iedereen? Hoe structureer je een site wanneer deze een breed scala aan ongelijksoortige behoeften dient? Hoe begin je met het ontwerpen van een site voor een hele staat? Toen ze werden benaderd om te ontwerpen NY.Gov voor de staat New York zijn dit slechts enkele van de uitdagingen Code en theorie geconfronteerd.

We gingen zitten met Matthieu Mingasson, directeur Creative Strategy van Code and Theory, om hem een ​​beetje te vragen hoe typische workflows het hoofd bieden aan de eisen van dergelijke grootschalige openbare projecten.

Uitdagingen plannen

Webdesigner Depot: wanneer u ging zitten voor uw eerste vergadering, wat is de eerste vraag die u stelde? Waar begin je met een project van deze schaal?

Matthieu Mingasson: De manier waarop constituenten omgaan met lokale en nationale informatie opnieuw uitdenken, vereist een goed begrip van de specifieke eigenschappen van het publiek en de zakelijke vereisten. We zijn begonnen met een reeks vragen die ons zouden helpen de behoeften en verwachtingen van de kiezers in de staat New York te begrijpen als het gaat om interactie met hun overheid, en meer specifiek de website van de overheid. d.w.z:

  • Wat hebben de Constituenten van New York van hun staatsoverheid nodig?
  • Hoe communiceren ze in het algemeen met de NY.gov-website?
  • Wat zijn de belangrijkste behoeften per segment?
  • Wat zijn de belangrijkste pijnpunten die moeten worden aangepakt?

Het begrijpen van gebruikersbehoeften en bedrijfsdoelstellingen is een kritieke fase van elk project. Het kan zich over meerdere weken verspreiden, waarbij we de belangrijkste belanghebbenden en representatieve gebruikers ontmoeten.

WDD: New York State heeft bijna 20 miljoen inwoners, hoe begin je aan het stellen van prioriteiten voor de behoeften van een hele staat?

MM: Het was inderdaad een moeilijke taak, omdat we een oplossing moesten definiëren die voor iedereen werkte.

We definieerden ... 24 redenen waarom gebruikers de site bezochten ... het oplossen van deze vragen zou meer dan 70 procent van het verkeer helpen

Sinds het begin was onze aanpak om gebruikersbehoeften te identificeren die voornamelijk op gegevens waren gebaseerd. Dit maakte de prioriteitstelling veel eenvoudiger. We hebben een zoekopdrachtanalyse uitgevoerd om ons te helpen identificeren waar mensen naar hebben gezocht tijdens het bezoeken van de bestaande site. Op basis van deze analyse hebben we zoekwoorden gegroepeerd op basis van affiniteit en hebben we een groep van 24 redenen gedefinieerd waarom gebruikers de site hebben bezocht. We kwamen tot de bevinding dat het oplossen van deze vragen meer dan 70 procent van het verkeer zou helpen.

We hebben ook nauw samengewerkt met het team van Rachel Haot, de (voormalige) Chief Digital Officer van de staat New York om gebieden te definiëren waar we kunnen innoveren en waarde aan onze gebruikers kunnen bieden. Dit wordt aangetoond in onze nieuwsverspreiding, noodpagina's en lokale bronnen die op de site worden aangeboden.

WDD: Hoe was de planningsfase? Heb je bijvoorbeeld workshops gehad met belangrijke stakeholders?

MM: We hadden een definitiefase van 10 weken. Gedurende de eerste 5 weken hebben we gebruikersonderzoek, interviews met belanghebbenden en data-analyse uitgevoerd. Tegen de eerste vijf weken hadden we alle informatie verzameld die we nodig hadden en begonnen we onze creatieve strategie te definiëren. We hadden strategische check-ins met de klant. We hadden usability-onderzoekssessies zo vroeg mogelijk; onze aannames testen met visuele ontwerpsamenstellingen.

ny-gov-1

Omgaan met klanten in de publieke sector

Webdesigner Depot: was er veel administratieve rompslomp om door te snijden?

Matthieu Mingasson: Helemaal niet. We werkten met een uiterst collaboratief en beschikbaar team. Gouverneur Cuomo heeft een zeer getalenteerd team dat verantwoordelijk is voor digitale operaties. We hadden volledige medewerking van agentschappen, technologie en het nieuwe redactieteam dat verantwoordelijk was voor het onderhoud ny.gov . Onze uitdaging was vooral gericht op hoe we de site toegankelijker konden maken voor onze gebruikers, wat erg lonend was.

WDD: Hoe verschilt een crafting-ervaring voor zo'n grote klant van reguliere projecten?

MM: Onze benadering lijkt sterk op het werken met grote en kleine klanten. Het verschil tussen grote en kleine projecten komt voornamelijk neer op tijd en diepgang, gericht op onderzoek en probleemoplossing voor complex systeemontwerp.

Het verschil tussen een groot en een klein project komt voornamelijk neer op tijd en diepgang, gericht op onderzoek en probleemoplossing voor complex systeemontwerp

Ons methodologisch kader stelt ons in staat alles, groot of klein, te ontwerpen. Een van de kritische aspecten van onze aanpak is snelheid. We geloven er sterk in om een ​​klein, slank team te houden dat ons helpt sneller te handelen. We werken ook graag met beperkingen. We zorgen er altijd voor dat we een definitieve startdatum hebben waarop we ons projectplan kunnen bouwen.

Voor NY.gov werkte het proces zeer nauw samen dankzij de geweldige samenwerking van het staatsteam dat zich er toe had verbonden de site op tijd te lanceren.

WDD: waren er bestaande merkrichtlijnen of werkte u ook aan de identiteit?

MM: De merkrichtlijnen werden opnieuw gedefinieerd in combinatie met onze productontwikkeling. We zagen dit als een kans om bij te dragen aan die richtlijnen. Het is een uitdaging om terug te gaan naar het veranderen van het logo van de site. Maar dit gaf ons ook veel ruimte om het merk te verkennen en de digitale aanwezigheid ervan te identificeren.

Na dit project hadden we de mogelijkheid om de digitale richtlijnen niet alleen voor NY.Gov voor te bereiden, maar ook voor alle verschillende instanties in de staat. We moesten toegankelijkheidsrichtlijnen van nabij volgen om voor iedereen te kunnen ontwerpen, en dit was een uitdagende maar lonende ervaring.

WDD: Hoe coördineerde u inhoudslevering van zoveel verschillende afdelingen?

MM: Nadat we sleutelservices hadden geïdentificeerd, hebben we "one stops" voorbereid voor elk om eigenaars van sites van lead agency te leiden. In sommige gevallen moesten bureaus samenwerken om de inhoud te maken. We hebben inhoudsrichtlijnen opgesteld die ze moeten volgen en voorzien van een samenwerkingsdocumentatie waarmee ze kunnen werken. We hebben de bureaus gevraagd om rechtstreeks te werken vanuit een gedeelde documentatie die ons team en het NYS-team in staat stelt om de bureaus te controleren en te adviseren. Later hebben we alle resultaten van de "witte lijst met kaarten" opgenomen: dit zijn uitleg over hoe iets binnen een kaart moet worden bereikt, die doorgaans een gebruiker diepgaand koppelt aan een website van een bureau. Deze 'white listed cards' hadden ook hun eigen inhoudsrichtlijnen. De eigenaars van inhoud van het bureau hebben ons geholpen bij het verzamelen en categoriseren van al deze gegevens door een google-formulier te gebruiken.

Gebouw NY.Gov

Webdesigner Depot: Woon je in de staat New York? Heeft dat uw proces beïnvloed?

Matthieu Mingasson : We wonen allemaal in New York City, maar ons team was erg internationaal. We hadden een Duits-Canadese, Franse, Russische, Mexicaanse, Indiase en ook Amerikanen uit verschillende staten in het kernteam. Wij denken dat het hebben van een visie van een buitenstaander ons heeft geholpen om trends en uitdagingen te identificeren die de lokale bevolking mogelijk heeft gemist. We moesten ervoor zorgen dat we veel van onze gebruikers vanuit de staat van herkomst interviewden om contact te houden met andere denkrichtingen. Maar we wisten dat ons ontwerp universeel moest zijn en iedereen moest aanspreken.

WDD: u heeft een vervolgkeuzemenu op mobiele apparaten, aangevuld met een hamburgermenu op belangrijke punten; was dat een beslissing op basis van gebruikerstesten?

MM: Ons doel was om een ​​systeem te bouwen dat door een groot aantal agentschappen uit New York zou kunnen worden overgenomen. Hiervoor moesten we een systeem van navigatie- en contextuele elementen opzetten. De universele navigatie, de balk die duidelijk communiceert naar de gebruiker op een vertrouwde site met bronnen en service-informatie, gebruikt het vervolgkeuzemenu. De hamburger wordt in context gebracht voor navigatieapparatuur. U kunt een voorbeeld zien op de website van Office of Governor Andrew Cuomo ( governor.ny.gov ). Deze site verlengt het systeem waarvoor we hebben gemaakt NY.Gov en past het toe op andere staatsbureaus in New York.

ny-gov-2

WDD: U bouwde de site in Drupal, wat maakte dat de juiste keuze voor dit project?

MM: Het NY.gov-project was de eerste site van een groeiend ecosysteem. Vanaf het begin wisten we dat het gecentraliseerde bureau voor technische services van plan was om een ​​gemeenschappelijk CMS-platform te hebben voor meer dan 150 websites. De inherente uitbreidbaarheid van Drupal is een perfecte match voor deze uitdaging.

WDD: was er iets dat je echt wilde opnemen dat de klant zijn veto gaf?

MM: Niet echt. Maar we hebben wel een van onze favoriete functies gebouwd die niet goed presteerden bij gebruikerstests, dus we moesten deze verwijderen van de site. Dit was een uitbreidbare universele navigatie: in het dropdown-venster konden gebruikers de populairste services, programma's en nieuws bekijken en bekijken; gebruikers wilden geen voorbeeld van de inhoud bekijken, ze wilden klikken en naar de pagina gaan.

De resultaten

Webdsigner Depot: heb je geanalyseerd hoe echte mensen omgaan met de site? Gebruiken ze het zoals verwacht? Enige verrassingen?

Matthieu Mingasson : Dat doen we de hele tijd. We zien onze vrienden opzoeken hoe ze een rijbewijs kunnen krijgen of wanneer er een noodgeval is, zoals de sneeuwstorm in januari, ny.gov wordt de belangrijkste bron van informatie. Onze grootste verrassing was de universele navigatie en het besef hoeveel mensen er van houden om evenementen, vacatures en lokale informatie rondom hen te kunnen vinden.

wanneer er een noodgeval plaatsvindt, zoals de sneeuwstorm in januari, wordt ny.gov de belangrijkste bron van informatie

WDD: Als New Jersey morgen belt en zegt dat het een website nodig heeft, wat zijn dan de grootste uitdagingen voor de toekomst?

MM: Executive sponsoring en commitment is de sleutel om een ​​project als dit te kunnen lanceren. Om uitdagingen van een overheidsorganisatie het hoofd te bieden, is de sleutel het toewijzen van een klein maar toegewijd leiderschapsteam om samen te werken met een bureau. De beste resultaten komen wanneer onze klanten dit veranderingsproces begrijpen, accepteren en faciliteren. Transparante samenwerking en openheid is de sleutel tot succes.

Met dank aan Matthieu voor het nemen van de tijd om onze vragen te beantwoorden.

Uitgelichte afbeelding maakt gebruik van Marco Varisco's Het Capitool van de staat New York beeld.