Interview: Hvordan kode og teori byggede NY.Gov
Succesfuldt webdesign hænger sammen med god forskning, der målretter mod den rette demografiske, identificerer nøgleproblemer og udvikler passende løsninger.
Men hvordan starter du når din måldemografiske er bogstaveligt talt, alle? Hvordan strukturerer du et websted, når det serverer et stort udvalg af forskellige behov? Hvordan vælger du at designe et websted for en hel stat? Da de blev henvendt til design NY.Gov for staten new york er det bare nogle af udfordringerne Kode og teori konfronteret.
Vi satte os sammen med Matthieu Mingasson, Kode og Teoriets direktør for kreativ strategi, for at spørge ham lidt om, hvordan typiske arbejdsgange står op til kravene i sådanne store offentlige projekter.
Planlægning udfordringer
Webdesigner Depot: Når du satte dig til dit første møde, hvad er det første spørgsmål du har spurgt? Hvor starter du med et projekt af denne skala?
Matthieu Mingasson: Reimagining den måde, hvorpå indholdsstoffer interagerer med lokal og statslig information kræver en god forståelse af publikumsspecifikationer og forretningsbehov. Vi startede med et sæt spørgsmål, der ville hjælpe os med at forstå behovene og forventningerne til New York-statskomponenterne, når det kommer til at interagere med deres regering, og mere specifikt regeringens hjemmeside. dvs:
- Hvad har New York Constituents brug for fra deres statsregering?
- Hvordan interagerer de generelt med NY.gov-hjemmesiden?
- Hvad er de vigtigste behov pr. Segmenter?
- Hvad er de vigtigste smertepunkter, der skal løses?
At forstå brugernes behov og forretningsmål er en kritisk fase af ethvert projekt. Det kan spredes over flere uger, hvor vi møder de vigtigste interessenter og repræsentative brugere.
WDD: New York State har tæt på 20 millioner indbyggere, hvordan sætter du i at prioritere behovene hos en hel stat?
MM: Det var en vanskelig opgave, da vi var nødt til at definere en løsning, der fungerede for alle.
vi definerede ... 24 grunde til, at brugere besøgte webstedet ... At løse disse forespørgsler ville hjælpe mere end 70 procent af trafikken
Siden starten var vores tilgang til at identificere brugernes behov primært baseret på data. Dette gjorde prioriteringen meget lettere. Vi gjorde en søgeanalyse for at hjælpe os med at identificere, hvad folk søgte efter, når de besøgte det eksisterende websted. Fra denne analyse grupperede vi søgeord baseret på affinitet, og vi definerede en gruppe af 24 grunde til, at brugere besøgte webstedet. Vi tilnærmede, at løse disse forespørgsler ville hjælpe mere end 70 procent af trafikken.
Vi har også arbejdet tæt sammen med Rachel Haots team, (tidligere) Chief Digital Officer i New York State for at definere områder, hvor vi kunne indovere og give vores brugere værdi. Dette er demonstreret i vores nyhedsfordeling, nødsider og lokale ressourcer på webstedet.
WDD: Hvad var planlægningsfasen som? Har du kørt workshops med vigtige interessenter for eksempel?
MM: Vi havde en 10-ugers definition fase. I løbet af de første 5 uger gennemførte vi brugerundersøgelser, interessentinterviews og dataanalyse. I de første fem uger havde vi samlet alle de oplysninger, vi havde brug for, og begyndte at definere vores kreative strategi. Vi havde strategiske check-ins med kunden. Vi havde brugbarhedsundersøgelser så tidligt som muligt; teste vores antagelser med visuelle design comps.
Håndtering af offentlige kunder
Webdesigner Depot: Var der meget bureaukrati at skære igennem?
Matthieu Mingasson: Overhovedet ikke. Vi arbejdede sammen med et ekstremt samarbejde og ledigt team. Guvernør Cuomo har et meget talentfuldt team med ansvar for digitale operationer. Vi havde et fuldt samarbejde fra agenturer, teknologi og det nye redaktionshold, der var ansvarlig for at opretholde ny.gov . Vores udfordring var primært fokuseret på, hvordan vi kunne gøre webstedet mere tilgængeligt for vores brugere, hvilket var meget givende.
WDD: Hvordan adskiller en oplevelse for en så stor klient sig fra almindelige projekter?
MM: Vores tilgang er meget ens, når vi arbejder med store og små kunder. Forskellen mellem et stort og et lille projekt kommer i det væsentlige ned til tid og dybde dedikeret til forskning og problemløsning til komplekse systemdesign.
Forskellen mellem et stort og et lille projekt kommer i det væsentlige ned til tid og dybde dedikeret til forskning og problemløsning til komplekse systemdesign
Vores metodologiske ramme giver os mulighed for at designe alt, stort eller lille. Et af de kritiske aspekter ved vores tilgang er hastighed. Vi tror på at holde et lille, magert team, der hjælper os med at bevæge os hurtigere. Vi kan også lide at arbejde med begrænsninger. Vi sørger altid for, at vi har en bestemt lanceringsdato, som vi kan bygge vores projektplan på.
For NY.gov var processen meget samarbejde takket være det fantastiske samarbejde fra statsholdet, der var forpligtet til at lancere webstedet til tiden.
WDD: Var der eksisterende brand-retningslinjer på plads, eller har du arbejdet med identiteten også?
MM: Varemærkeretningslinjerne blev omdefineret i takt med vores produktudvikling. Vi så dette som en mulighed for at bidrage til disse retningslinjer. Det er udfordrende at gå tilbage til at ændre webstedets logo. Men det gav os også meget plads til at udforske mærket og identificere dets digitale tilstedeværelse.
Efter dette projekt fik vi mulighed for at forberede de digitale retningslinjer ikke kun for NY.Gov, men for alle de forskellige agenturer i staten. Vi skulle nøje følge retningslinjerne for tilgængelighed for at kunne designe for alle, og det var en udfordrende men givende oplevelse.
WDD: Hvordan koordinerede du indholdsleverancen fra så mange forskellige afdelinger?
MM: Efter at vi har identificeret nøgletjenester, har vi forberedt "one stops" for hver for at lede agenturets webstedsejere. I nogle tilfælde krævede agenturer at samarbejde om at skabe indholdet. Vi har oprettet indholdsretningslinjer for dem at følge og leveret en samarbejdspapir, som de kan arbejde på. Vi bad agenturerne om at arbejde direkte fra en fælles dokumentation, så vores team og NYS-teamet kunne overvåge og rådgive agenturerne. Senere inkluderede vi alle resultaterne "white listed cards" - det er forklaringer på, hvordan man udfører noget inden for et kort, der normalt forbinder en bruger til et agentursite. Disse "white listed cards" havde også deres eget indholdsretningslinjer. Agenturets indholdsejere hjalp os med at indsamle og kategorisere alle disse data ved hjælp af et google-formular.
Bygning NY.Gov
Webdesigner Depot: Bor du i NY-staten? Har det påvirket din proces?
Matthieu Mingasson : Vi bor alle i New York City, men vores team var meget internationalt. Vi havde en tysk-canadisk, fransk, russisk, mexicansk, indisk og også amerikanere fra forskellige stater i kerneteamet. Vi mener at have en outsider-visning hjalp os med at identificere tendenser og udfordringer, som lokalbefolkningen måske har savnet. Vi var nødt til at sørge for at interviewe mange af vores brugere fra upstate for at holde kontakten med andre tanker. Men vi vidste, at vores design skulle være universelt og tale med alle.
WDD: Du har en drop-down menu på mobil, suppleret med en hamburger menu på nøglepunkter; var det en beslutning baseret på brugertest?
MM: Vores mål var at opbygge et system, der kunne vedtages af et stort antal agenturer fra New York. Til dette måtte vi etablere et system af navigations- og kontekstuelle elementer. Den universelle navigation, linjen, der klart kommunikerer til brugeren, at de er på et betroet websted med ressourcer og serviceoplysninger, bruger rullemenuen. Hamburgeren bringes i kontekst til agenturnavigation. Du kan se et eksempel på chefen for guvernør Andrew Cuomo's websted ( governor.ny.gov ). Dette websted udvider det system, vi har oprettet til NY.Gov og anvender den til andre statskontorer i New York.
WDD: Du byggede webstedet i Drupal, hvad gjorde det det rigtige valg til dette projekt?
MM: NY.gov-projektet var det første sted for et voksende økosystem. Fra begyndelsen vidste vi, at det centraliserede teknologitjenesteagentur planlagde at have en fælles CMS-platform til mere end 150 hjemmesider. Drupals indbyggede forlængelighed er et perfekt match for denne udfordring.
WDD: Var der noget du virkelig ønskede at medtage, at klienten vetoede?
MM: Ikke rigtig. Men vi byggede en af vores yndlingsfunktioner, der ikke fungerede godt ved brugertestning, så vi måtte fjerne fra webstedet. Dette var en udvidelig universel navigation: I rullemenuen kunne brugere forhåndsvise og udforske de mest populære tjenester, programmer og nyheder; Brugerne ønskede ikke at forhåndsvise indholdet, de ønskede at klikke og gå til siden.
Resultaterne
Webdsigner Depot: Har du analyseret, hvordan virkelige mennesker interagerer med webstedet? Bruger de det som forventet? Eventuelle overraskelser?
Matthieu Mingasson : Vi gør hele tiden. Vi ser vores venner at kigge på, hvordan man får et kørekort eller når der sker en nødsituation, som snestorm i januar, ny.gov bliver den vigtigste kilde til information. Vores største overraskelse var universel navigation, og vi forstod, hvor meget folk elsker at kunne finde arrangementer, jobannoncer og lokal information omkring dem.
når en nødsituation sker, som snevejr i januar bliver ny.gov den vigtigste informationskilde
WDD: Hvis New Jersey kalder i morgen og siger, at den har brug for en hjemmeside, hvad er de største udfordringer, det står over for?
MM: Executive sponsorering og engagement er nøglen til at kunne lancere et projekt som dette. For at overvinde udfordringer fra en statslig organisation er nøglen tildeling af et lille, men dedikeret ledelsesteam til samarbejde med et agentur. De bedste resultater kommer, når vores kunder forstår, accepterer og letter denne forandringsproces. Gennemsigtigt samarbejde og åbenhed er nøglen til succes.
Takket være Matthieu for at tage sig tid til at besvare vores spørgsmål.
Udvalgte billede bruger Marco Varisco's New York State Capitol billede.