Wywiad: Jak powstał kod i teoria NY.Gov
Udane projektowanie stron internetowych opiera się na dobrych badaniach, ukierunkowaniu na właściwą demografię, identyfikowaniu kluczowych problemów i opracowywaniu odpowiednich rozwiązań.
Ale jak zacząć, gdy docelowa grupa demograficzna jest dosłownie, wszyscy? Jak budujesz witrynę, gdy obsługuje szeroki zakres różnorodnych potrzeb? Jak ustawić projektowanie witryny na cały kraj? Kiedy podeszli do projektowania NY.Gov dla stanu Nowy Jork to tylko niektóre z wyzwań Kod i teoria w obliczu.
Usiedliśmy z Matthieu Mingassonem, Dyrektorem ds. Strategii Kreatywnej Kodeksu i Teorii, aby zapytać go trochę o to, jak typowe przepływy pracy są w stanie sprostać wymaganiom tak dużych projektów publicznych.
Planowanie wyzwań
Webdesigner Depot: Kiedy usiadłeś na pierwszym spotkaniu, jakie jest twoje pierwsze pytanie? Gdzie zaczynasz od projektu o tej skali?
Matthieu Mingasson: Ponowne wyobrażenie sobie, w jaki sposób internauci wchodzą w interakcje z lokalnymi i państwowymi informacjami, wymaga dobrego zrozumienia specyfiki odbiorców i wymagań biznesowych. Zaczęliśmy od zestawu pytań, które pomogłyby nam zrozumieć potrzeby i oczekiwania nowojorskich wyborców, jeśli chodzi o interakcję z ich rządem, a dokładniej z rządową stroną internetową. to znaczy:
- Czego potrzebują członkowie Nowego Jorku od swojego rządu stanowego?
- Jak na ogół wchodzą one w interakcje ze stroną NY.gov?
- Jakie są główne potrzeby poszczególnych segmentów?
- Jakie są główne punkty bólu, którymi należy się zająć?
Zrozumienie potrzeb użytkowników i celów biznesowych jest krytyczną fazą każdego projektu. Może rozłożyć się na kilka tygodni, podczas których spotykamy głównych interesariuszy i reprezentatywnych użytkowników.
WDD: Stan Nowy Jork ma blisko 20 milionów mieszkańców, jak ustalasz priorytety dotyczące potrzeb całego państwa?
MM: To było naprawdę trudne zadanie, ponieważ musieliśmy zdefiniować rozwiązanie, które zadziałało dla wszystkich.
zdefiniowaliśmy ... 24 powody, dla których użytkownicy odwiedzili witrynę ... rozwiązanie tych zapytań pomogłoby ponad 70 procentom ruchu
Od początku naszym podejściem było rozpoznawanie potrzeb użytkowników w oparciu głównie o dane. Ułatwiło to ustalanie priorytetów. Przeprowadziliśmy analizę zapytań, by pomóc nam zidentyfikować osoby, które wyszukały odwiedzając istniejącą witrynę. Z tej analizy pogrupowaliśmy słowa kluczowe na podstawie podobieństwa i zdefiniowaliśmy grupę 24 powodów, dla których użytkownicy odwiedzili witrynę. Przybliżaliśmy, że rozwiązanie tych zapytań pomogłoby ponad 70 procentom ruchu.
Ściśle współpracowaliśmy również z zespołem Rachel Haot (byłym) Chief Digital Officer w stanie Nowy Jork, aby określić obszary, w których moglibyśmy wprowadzić innowacje i zapewnić wartość naszym użytkownikom. Zostało to zademonstrowane w naszej dystrybucji wiadomości, stronach awaryjnych i lokalnych zasobach udostępnianych na stronie.
WDD: Jaka była faza planowania? Czy prowadziłeś na przykład warsztaty z kluczowymi interesariuszami?
MM: Mieliśmy 10-tygodniową fazę definiowania. Przez pierwsze 5 tygodni prowadziliśmy badania użytkowników, wywiady z interesariuszami i analizę danych. Przez pierwsze pięć tygodni zgromadziliśmy wszystkie potrzebne informacje i zaczęliśmy definiować naszą strategię twórczą. Mieliśmy strategiczne kontrole z klientem. Przeprowadziliśmy sesje badań nad użytecznością tak wcześnie, jak to możliwe; testowanie naszych założeń za pomocą narzędzi do projektowania wizualnego.
Obsługa klientów sektora publicznego
Webdesigner Depot: Czy było dużo biurokracji, do której można przejść?
Matthieu Mingasson: Wcale nie. Pracowaliśmy z zespołem wyjątkowo współpracującym i dostępnym. Gubernator Cuomo ma bardzo utalentowany zespół odpowiedzialny za operacje cyfrowe. Mieliśmy pełną współpracę z agencjami, technologią i nowym zespołem redakcyjnym odpowiedzialnym za utrzymanie ny.gov . Nasze wyzwanie skupiło się głównie na tym, w jaki sposób możemy uczynić witrynę bardziej dostępną dla naszych użytkowników, co było bardzo satysfakcjonujące.
WDD: W jaki sposób tworzenie doświadczenia dla tak dużego klienta różni się od zwykłych projektów?
MM: Nasze podejście jest bardzo podobne w przypadku dużych i małych klientów. Różnica między dużymi i małymi projektami sprowadza się do czasu i głębokości poświęconego badaniom i rozwiązywaniu problemów w złożonym projekcie systemu.
Różnica między dużymi i małymi projektami sprowadza się zasadniczo do czasu i głębokości poświęconego badaniom i rozwiązywaniu problemów w złożonym projekcie systemu
Nasze ramy metodologiczne pozwalają nam projektować wszystko, duże lub małe. Jednym z krytycznych aspektów naszego podejścia jest szybkość. Zdecydowanie wierzymy w utrzymywanie niewielkiego, szczupłego zespołu, który pomoże nam działać szybciej. Lubimy też pracować z ograniczeniami. Zawsze upewniamy się, że mamy ustaloną datę uruchomienia, na podstawie której możemy zbudować nasz plan projektu.
W przypadku NY.gov proces ten był bardzo owocny dzięki niesamowitej współpracy ze strony zespołu państwowego, który zobowiązał się do uruchomienia witryny na czas.
WDD: Czy istniały już wytyczne dotyczące marki, czy też pracowałaś nad tożsamością?
MM: Wytyczne marki zostały ponownie zdefiniowane w powiązaniu z rozwojem naszych produktów. Widzieliśmy, że jest to okazja do wniesienia wkładu w te wytyczne. Trudno jest wrócić do zmiany logo witryny. Ale to również dało nam dużo miejsca na poznanie marki i identyfikację jej cyfrowej obecności.
Po tym projekcie mieliśmy okazję przygotować cyfrowe wytyczne nie tylko dla NY.Gov, ale dla wszystkich różnych agencji w państwie. Musieliśmy ściśle przestrzegać wytycznych dotyczących dostępności, aby móc projektować dla wszystkich, a to było trudne, ale satysfakcjonujące doświadczenie.
WDD: Jak koordynowałeś dostarczanie treści z tak wielu różnych działów?
MM: Po zidentyfikowaniu kluczowych usług przygotowaliśmy dla nich "jeden przystanek", aby prowadzić właścicieli witryn agencji. W niektórych przypadkach agencje musiały współpracować, aby stworzyć treść. Przygotowaliśmy dla nich wskazówki dotyczące treści i udostępniliśmy im wspólną dokumentację do ich pracy. Poprosiliśmy agencje, aby pracowały bezpośrednio nad udostępnioną dokumentacją, pozwalającą naszemu zespołowi i zespołowi NYS monitorować i doradzać agencjom. Później uwzględniliśmy wszystkie wyniki "białych kart" - są to wyjaśnienia, jak wykonać coś w obrębie karty, która zazwyczaj głęboko łączy użytkownika z witryną agencji. Te "białe karty" również miały własne wytyczne dotyczące treści. Właściciele treści agencji pomogli nam gromadzić i kategoryzować wszystkie te dane za pomocą formularza google.
Budynek NY.Gov
Webdesigner Depot: Czy mieszkasz w stanie Nowy Jork? Czy to miało wpływ na twój proces?
Matthieu Mingasson : Wszyscy mieszkamy w Nowym Jorku, ale nasz zespół był bardzo międzynarodowy. Mieliśmy niemiecko-kanadyjskiego, francuskiego, rosyjskiego, meksykańskiego, indyjskiego, a także Amerykanów z różnych państw w głównym zespole. Uważamy, że posiadanie widoku z zewnątrz pomogło nam zidentyfikować trendy i wyzwania, które lokalni mieszkańcy mogli przegapić. Musieliśmy przeprowadzić wywiad z wieloma naszymi użytkownikami z północy, aby pomóc pozostać w kontakcie z innymi zmysłami. Ale wiedzieliśmy, że nasz projekt musi być uniwersalny i mówić do wszystkich.
WDD: Masz menu rozwijane na urządzeniu mobilnym, uzupełnione menu hamburgera w kluczowych punktach; czy to była decyzja oparta na testowaniu użytkowników?
MM: Naszym celem było zbudowanie systemu, który mógłby zostać przyjęty przez dużą liczbę agencji z Nowego Jorku. W tym celu musieliśmy stworzyć system nawigacji i elementów kontekstowych. Uniwersalna nawigacja, pasek, który wyraźnie komunikuje użytkownikowi, że znajduje się na zaufanej stronie z zasobami i informacjami o usługach, korzysta z menu rozwijanego. Hamburger przywozi się kontekstowo w celu nawigacji agencyjnej. Przykład można zobaczyć na stronie internetowej gubernatora Andrew Cuomo ( governor.ny.gov ). Ta strona rozszerza system, dla którego stworzyliśmy NY.Gov i stosuje go do innych agencji stanu Nowy Jork.
WDD: Zbudowałeś stronę w Drupal, co uczyniło ten właściwy wybór dla tego projektu?
MM: Projekt NY.gov był pierwszą witryną rozwijającego się ekosystemu. Od samego początku wiedzieliśmy, że scentralizowana agencja usług technologicznych planuje mieć wspólną platformę CMS dla ponad 150 stron internetowych. Dłużność Drupala doskonale pasuje do tego wyzwania.
WDD: Czy było coś, co naprawdę chciałeś zawrzeć, że klient zawetował?
MM: Nie bardzo. Ale stworzyliśmy jedną z naszych ulubionych funkcji, które nie działały dobrze podczas testów użytkowników, więc musieliśmy usunąć ją ze strony. To była rozszerzalna uniwersalna nawigacja: w panelu rozwijanym użytkownicy mogli przeglądać i eksplorować najpopularniejsze usługi, programy i wiadomości; użytkownicy nie chcieli wyświetlać podglądu treści, chcieli kliknąć i przejść do strony.
Wyniki
Webdsigner Depot: Czy przeanalizowałeś, jak prawdziwi ludzie wchodzą w interakcję z witryną? Czy używają go zgodnie z oczekiwaniami? Jakieś niespodzianki?
Matthieu Mingasson : Robimy, przez cały czas. Widzimy, jak nasi przyjaciele sprawdzają, jak uzyskać prawo jazdy lub kiedy ma miejsce wypadek, taki jak burza śnieżna w styczniu, ny.gov staje się głównym źródłem informacji. Naszym największym zaskoczeniem była uniwersalna nawigacja i zrozumienie, jak bardzo ludzie uwielbiają znajdować wydarzenia, oferty pracy i lokalne informacje.
w razie nagłej potrzeby, takiej jak burza śnieżna w styczniu, ny.gov staje się głównym źródłem informacji
WDD: Jeśli New Jersey zadzwoni jutro i powie, że potrzebuje strony internetowej, jakie są największe wyzwania, przed którymi stanie?
MM: Executive sponsoring i zaangażowanie są kluczem do rozpoczęcia takiego projektu. Aby pokonać wyzwania związane z organizacją rządową, kluczem jest przydzielenie niewielkiego, ale oddanego zespołu kierowniczego do współpracy z agencją. Najlepsze wyniki uzyskuje się, gdy nasi klienci rozumieją, akceptują i ułatwiają ten proces zmiany. Przejrzysta współpraca i otwartość to klucz do sukcesu.
Dziękuję Matthieu za poświęcenie czasu na odpowiedzi na nasze pytania.
Wyróżniony obraz wykorzystuje Marco Varisco Kapitol stanu Nowy Jork obraz.