Interview: Wie Code und Theorie gebaut NY.Gov
Erfolgreiches Webdesign hängt von guter Forschung ab, zielt auf die richtige Zielgruppe ab, identifiziert Schlüsselprobleme und entwickelt geeignete Lösungen.
Aber wie fängst du an, wenn deine Zielgruppe wirklich ist ? Wie strukturierst du eine Website, wenn sie eine große Bandbreite an unterschiedlichen Anforderungen erfüllt? Wie planen Sie eine Website für einen ganzen Staat? Als sie angesprochen wurden zu entwerfen NY.Gov Für den Bundesstaat New York sind dies nur einige der Herausforderungen Code und Theorie konfrontiert.
Wir haben uns mit Matthieu Mingasson, dem Director of Creative Strategy von Code and Theory, zusammengesetzt, um ihn ein wenig zu fragen, wie typische Workflows den Anforderungen solch großer öffentlicher Projekte gewachsen sind.
Herausforderungen planen
Webdesigner Depot: Als du dich zu deinem ersten Meeting hingestellt hast, was war deine erste Frage? Wo fangen Sie mit einem Projekt dieser Größenordnung an?
Matthieu Mingasson: Die Art und Weise, wie Bürger mit lokalen und staatlichen Informationen interagieren, erfordert ein gutes Verständnis der Zielgruppenspezifika und Geschäftsanforderungen. Wir begannen mit einer Reihe von Fragen, die uns helfen würden, die Bedürfnisse und Erwartungen der Mitglieder des Staates New York zu verstehen, wenn es um die Interaktion mit ihrer Regierung und insbesondere mit der Website der Regierung geht. zB:
- Was brauchen New Yorker Bürger von ihrer Regierung?
- Wie interagieren sie generell mit der NY.gov-Website?
- Was sind die wichtigsten Bedürfnisse pro Segmente?
- Was sind die Hauptprobleme, die angesprochen werden müssen?
Benutzerbedürfnisse und Geschäftsziele zu verstehen, ist eine kritische Phase jedes Projekts. Es kann sich über mehrere Wochen erstrecken, in denen wir die wichtigsten Interessengruppen und repräsentativen Benutzer treffen.
WDD: Der Bundesstaat New York hat fast 20 Millionen Einwohner. Wie legen Sie es in den Vordergrund, die Bedürfnisse eines ganzen Staates zu priorisieren?
MM: Es war eine schwierige Aufgabe, denn wir mussten eine Lösung finden, die für alle funktionierte.
Wir definierten ... 24 Gründe, warum Benutzer die Site besuchten ... die Lösung dieser Anfragen würde mehr als 70 Prozent des Traffics unterstützen
Unser Ansatz bestand von Anfang an darin, Benutzerbedürfnisse hauptsächlich anhand von Daten zu identifizieren. Dies erleichterte die Priorisierung erheblich. Wir haben eine Suchanfragenanalyse durchgeführt, um zu ermitteln, nach welchen Personen beim Besuch der vorhandenen Website gesucht wurde. Aus dieser Analyse haben wir basierend auf der Affinität Schlüsselwörter gruppiert und eine Gruppe von 24 Gründen definiert, aus denen Nutzer die Website besucht haben. Wir gingen davon aus, dass die Lösung dieser Anfragen mehr als 70 Prozent des Traffics unterstützen würde.
Wir haben auch eng mit dem Team von Rachel Haot, dem (ehemaligen) Chief Digital Officer des Staates New York, zusammengearbeitet, um Bereiche zu definieren, in denen wir innovativ sein und unseren Nutzern einen Mehrwert bieten können. Dies wird in unseren News-Verteilung, Notfall-Seiten und lokalen Ressourcen auf der Website gezeigt.
WDD: Wie war die Planungsphase? Haben Sie beispielsweise Workshops mit wichtigen Interessengruppen durchgeführt?
MM: Wir hatten eine 10-wöchige Definitionsphase. In den ersten 5 Wochen haben wir User Research, Stakeholder Interviews und Datenanalysen durchgeführt. In den ersten fünf Wochen hatten wir alle benötigten Informationen gesammelt und begannen unsere kreative Strategie zu definieren. Wir hatten strategische Check-Ins mit dem Kunden. Wir hatten Usability-Research-Sitzungen so früh wie möglich; Testen unserer Annahmen mit visuellen Design-Comps.
Umgang mit Kunden des öffentlichen Sektors
Webdesigner Depot: Gab es viel Bürokratie?
Matthieu Mingasson: Überhaupt nicht. Wir haben mit einem extrem kooperativen und verfügbaren Team zusammengearbeitet. Gouverneur Cuomo hat ein sehr talentiertes Team, das für digitale Operationen zuständig ist. Wir hatten die volle Zusammenarbeit von Agenturen, Technologie und der neuen Redaktion, die für die Wartung verantwortlich war ny.gov . Unsere Herausforderung bestand hauptsächlich darin, wie wir die Website für unsere Benutzer zugänglicher machen konnten, was sehr lohnend war.
WDD: Wie unterscheidet sich das Erstellen einer Erfahrung für einen so großen Kunden von normalen Projekten?
MM: Unser Ansatz ist bei der Arbeit mit großen und kleinen Kunden sehr ähnlich. Der Unterschied zwischen einem großen und einem kleinen Projekt besteht im Wesentlichen in der Zeit und Tiefe, die der Erforschung und Problemlösung für komplexes Systemdesign gewidmet ist.
Der Unterschied zwischen einem großen und einem kleinen Projekt beruht im Wesentlichen auf Zeit und Tiefe, die der Erforschung und Problemlösung für komplexes Systemdesign gewidmet sind
Unser methodischer Rahmen erlaubt uns, alles zu entwerfen, ob groß oder klein. Einer der kritischen Aspekte unseres Ansatzes ist Geschwindigkeit. Wir glauben fest daran, ein kleines, schlankes Team zu haben, das uns hilft, schneller voranzukommen. Wir arbeiten auch gerne mit Einschränkungen. Wir stellen immer sicher, dass wir einen genauen Starttermin haben, mit dem wir unseren Projektplan erstellen können.
Für NY.gov war der Prozess sehr kooperativ, dank der erstaunlichen Zusammenarbeit des State-Teams, das sich verpflichtet hat, die Website pünktlich zu starten.
WDD: Gab es bereits bestehende Markenrichtlinien oder haben Sie auch an der Identität gearbeitet?
MM: Die Markenrichtlinien wurden zusammen mit unserer Produktentwicklung neu definiert. Wir sahen dies als eine Möglichkeit, zu diesen Leitlinien beizutragen. Es ist eine Herausforderung, das Logo der Website zu ändern. Aber das gab uns auch viel Raum, um die Marke zu erkunden und ihre digitale Präsenz zu identifizieren.
Nach diesem Projekt hatten wir die Möglichkeit, die digitalen Richtlinien nicht nur für NY.Gov, sondern für die verschiedenen Agenturen im Staat vorzubereiten. Wir mussten die Richtlinien für die Barrierefreiheit genau befolgen, um für jeden etwas gestalten zu können, und dies war eine herausfordernde, aber lohnende Erfahrung.
WDD: Wie haben Sie die Inhaltsbereitstellung aus so vielen verschiedenen Abteilungen koordiniert?
MM: Nachdem wir die wichtigsten Dienstleistungen identifiziert hatten, bereiteten wir "One Stops" vor, um die Eigentümer der Agentur zu führen. In einigen Fällen mussten Agenturen zusammenarbeiten, um den Inhalt zu erstellen. Wir haben Inhaltsrichtlinien erstellt, denen sie folgen sollten, und ihnen eine kollaborative Dokumentation zur Verfügung gestellt, mit der sie arbeiten können. Wir haben die Agenturen gebeten, direkt aus einer gemeinsamen Dokumentation zu arbeiten, damit unser Team und das NYS-Team die Agenturen überwachen und beraten können. Später haben wir alle "weiß gelisteten Karten" -Ergebnisse aufgenommen - das sind Erklärungen, wie man etwas innerhalb einer Karte erreichen kann, die einen Benutzer normalerweise mit einer Agentur-Site verbindet. Diese "White Listed Cards" hatten auch eigene Inhaltsrichtlinien. Die Eigentümer der Agentur-Inhalte haben uns geholfen, all diese Daten mithilfe eines Google-Formulars zu sammeln und zu kategorisieren.
Gebäude NY.Gov
Webdesigner Depot: Leben Sie in NY? Hat das Ihren Prozess beeinflusst?
Matthieu Mingasson : Wir leben alle in New York City, aber unser Team war sehr international. Wir hatten einen Deutsch-Kanadier, Franzosen, Russen, Mexikaner, Inder und auch Amerikaner von verschiedenen Staaten im Kernteam. Wir sind davon überzeugt, dass wir mit einem Blick von außen dazu beigetragen haben, Trends und Herausforderungen zu identifizieren, die die Einheimischen möglicherweise übersehen haben. Wir mussten sicherstellen, dass viele unserer Nutzer aus dem Hinterland interviewt wurden, um mit anderen Denkweisen in Kontakt zu bleiben. Aber wir wussten, dass unser Design universell sein musste und zu jedem sprechen sollte.
WDD: Sie haben ein Drop-Down-Menü auf dem Handy, ergänzt mit einem Hamburger-Menü an wichtigen Punkten; War das eine Entscheidung basierend auf Benutzertests?
MM: Unser Ziel war es, ein System zu entwickeln, das von einer großen Anzahl von Agenturen aus New York übernommen werden könnte. Dafür mussten wir ein System von Navigations- und Kontextelementen aufbauen. Die universelle Navigation, die Leiste, die dem Benutzer, der sich in einer vertrauenswürdigen Site befindet, eindeutig mit Ressourcen und Serviceinformationen kommuniziert, verwendet das Dropdown-Menü. Der Hamburger wird kontextuell zur Agenturnavigation herangezogen. Sie können ein Beispiel auf der Website des Gouverneurs Andrew Cuomo sehen ( governor.ny.gov ). Diese Site erweitert das System, für das wir erstellt haben NY.Gov und wendet es bei anderen New York State Agencies an.
WDD: Sie haben die Site in Drupal erstellt, was hat die richtige Wahl für dieses Projekt getroffen?
MM: Das NY.gov-Projekt war der erste Standort eines wachsenden Ökosystems. Von Anfang an wussten wir, dass die zentralisierte Technologieagentur eine gemeinsame CMS-Plattform für mehr als 150 Websites einrichten wollte. Die inhärente Erweiterbarkeit von Drupal passt perfekt zu dieser Herausforderung.
WDD: Gab es etwas, das Sie wirklich einbeziehen wollten, dass der Kunde sein Veto einlegte?
MM: Nicht wirklich. Aber wir haben eines unserer Lieblingsfeatures erstellt, die beim Testen der Benutzer nicht gut waren, also mussten wir von der Site entfernen. Dies war eine erweiterbare universelle Navigation: In der Drop-Down-Leiste konnten Benutzer die beliebtesten Dienste, Programme und Nachrichten anzeigen und durchsuchen. Benutzer wollten den Inhalt nicht in der Vorschau anzeigen, sie wollten klicken und auf die Seite gehen.
Die Ergebnisse
Webdsigner Depot: Haben Sie analysiert, wie echte Menschen mit der Site interagieren? Benutzen sie es wie erwartet? Irgendwelche Überraschungen?
Matthieu Mingasson : Das tun wir die ganze Zeit. Wir sehen unsere Freunde sehen, wie man einen Führerschein bekommt oder wenn ein Notfall eintritt, wie der Schneesturm im Januar, ny.gov wird zur Hauptinformationsquelle. Unsere größte Überraschung war die universelle Navigation und die Erkenntnis, wie sehr Menschen es lieben, Ereignisse, Joblisten und lokale Informationen um sich herum zu finden.
Wenn ein Notfall eintritt, wie der Schneesturm im Januar, wird ny.gov zur wichtigsten Informationsquelle
WDD: Wenn New Jersey morgen anruft und sagt, dass es eine Website braucht, welche sind die größten Herausforderungen?
MM: Executive Sponsoring und Engagement sind der Schlüssel, um ein solches Projekt zu starten. Um die Herausforderungen einer Regierungsorganisation zu meistern, besteht der Schlüssel darin, ein kleines, aber engagiertes Führungsteam für die Zusammenarbeit mit einer Agentur einzusetzen. Die besten Ergebnisse erzielen wir, wenn unsere Kunden diesen Veränderungsprozess verstehen, akzeptieren und erleichtern. Transparente Zusammenarbeit und Offenheit sind der Schlüssel zum Erfolg.
Danke an Matthieu, dass er sich die Zeit genommen hat, unsere Fragen zu beantworten.
Ausgewähltes Bild verwendet Marco Varisco's New York State Capitol Bild.