Başarılı web tasarımı, iyi bir araştırmaya dayanır, doğru demografiyi hedefler, önemli sorunları tespit eder ve uygun çözümler geliştirir.

Ama hedef demografiniz tam anlamıyla ne zaman başlıyorsunuz, herkes? Bir siteyi çok çeşitli farklı ihtiyaçlara hizmet ettiğinde nasıl yapılandırırsınız? Bütün bir eyalet için bir site tasarlama konusunda nasıl karar verirsiniz? Tasarıma yaklaştıklarında NY.Gov New York eyaleti için, bunlar sadece bazı zorluklar Kod ve Kuram yüzlü.

Codeieu ve Theory'nin Yaratıcı Strateji Direktörü Matthieu Mingasson'a, tipik iş akışlarının bu kadar büyük ölçekli kamusal projelerin taleplerine nasıl ayak uydurabildiğini biraz sormak için oturduk.

Planlama zorlukları

Web Tasarımcısı Depo: İlk toplantınız için oturduğunuzda, sorduğunuz ilk soru nedir? Bu ölçekte bir proje ile nereden başlıyorsunuz?

Matthieu Mingasson: Bileşenlerin yerel ve eyalet bilgileriyle nasıl etkileşim kurduğunu yeniden yorumlamak , izleyicilerin özgüllüklerini ve iş gereksinimlerini iyi anlamayı gerektirir. New York Eyaleti'nin hükümetlerinin ve özellikle de hükümetin web sitesiyle etkileşime girme konusundaki ihtiyaçlarını ve beklentilerini anlamamıza yardımcı olacak bir dizi soruyla başladık. yani:

  • New York Kurucu Devletlerinin Devlet Hükümeti'nden neye ihtiyacı var?
  • Genellikle NY.gov web sitesiyle nasıl etkileşimde bulunurlar?
  • Segmentler için ana ihtiyaçlar nelerdir?
  • Ele alınması gereken ana ağrı noktaları nelerdir?

Kullanıcı ihtiyaçlarını ve iş hedeflerini anlamak, herhangi bir projenin kritik bir aşamasıdır. Ana paydaşlarla ve temsilci kullanıcılarla tanıştığımız birkaç hafta boyunca yayılabilir.

WDD: New York Eyaleti 20 milyona yakın nüfusu var, bütün bir devletin ihtiyaçlarını önceliklendirmek için nasıl belirliyorsunuz?

MM: Gerçekten de zor bir görevdi, çünkü herkes için çalışan bir çözüm tanımlamamız gerekiyordu.

Tanımladık… Kullanıcıların siteyi ziyaret etmelerinin 24 nedeni… bu sorguları çözme, trafiğin yüzde 70'inden fazlasına yardımcı olur

Başlangıçtan beri yaklaşımımız, temel olarak verilere dayanan kullanıcı ihtiyaçlarını tespit etmekti. Bu önceliklendirmeyi daha kolay hale getirdi. Mevcut siteyi ziyaret ederken kullanıcıların aradıkları şeyi tanımlamamıza yardımcı olacak bir arama sorgusu analizi gerçekleştirdik. Bu analizden, benzeşime dayalı olarak anahtar kelimeleri gruplandırdık ve kullanıcıların siteyi neden ziyaret ettikleri konusunda bir grup 24 neden belirledik. Bu sorguları çözmenin, trafiğin yüzde 70'inden fazlasına yardımcı olacağını tahmin ettik.

Ayrıca, yenilikler yapabildiğimiz ve kullanıcılarımıza değer katabileceğimiz alanları tanımlamak için, Rachel Haot'un (eski) New York Eyaleti Başmüfür Müdürü olarak da çalıştık. Bu, haber dağıtımımız, acil durum sayfalarımız ve sitede sağlanan yerel kaynaklarda gösterilmektedir.

WDD: Planlama aşaması nasıldı ? Örneğin kilit paydaşlarla atölye çalışmaları yaptınız mı?

MM: 10 haftalık bir tanım aşamamız vardı. İlk 5 hafta boyunca kullanıcı araştırması, paydaş görüşmeleri ve veri analizi gerçekleştirdik. İlk beş hafta boyunca ihtiyacımız olan tüm bilgileri topladık ve yaratıcı stratejimizi tanımlamaya başladık. Müşteri ile stratejik kontroller yaptık. Kullanılabilirlik araştırma oturumlarını olabildiğince erken yaptık; varsayımlarımızı görsel tasarım uygulamaları ile test etmek.

NY-gov 1

Kamu sektörü müşterilerinin kullanımı

Webdesigner Depot: Kesmek için çok fazla bürokrasi var mıydı?

Matthieu Mingasson: Hiç de değil. Son derece işbirlikçi ve uygun bir ekiple çalıştık. Vali Cuomo'nun dijital operasyonlardan sorumlu çok yetenekli bir ekibi var. Ajanslardan, teknolojiden ve bakımdan sorumlu yeni editör ekibinden tam işbirliği yaptık. ny.gov . Meydan okumamız ağırlıklı olarak sitemizi kullanıcılarımıza nasıl daha erişilebilir hale getirebileceğimize odaklandı ve bu da çok yararlı oldu.

WDD: Böyle büyük bir müşteri için bir deneyimin nasıl yapılması, düzenli projelerden farklıdır?

MM: Yaklaşımımız büyük ve küçük müşterilerle çalışırken çok benzer. Büyük ve küçük projeler arasındaki fark, esas olarak karmaşık sistem tasarımı için araştırma ve problem çözmeye adanmış zaman ve derinliğe iner.

Büyük ve küçük projeler arasındaki fark, esas olarak, karmaşık sistem tasarımı için araştırma ve problem çözmeye adanmış zaman ve derinliğe iner.

Bizim metodolojik çerçevemiz, büyük ya da küçük her şeyi tasarlamamızı sağlar. Yaklaşımımızın kritik yönlerinden biri hızdır. Daha hızlı hareket etmemize yardımcı olacak küçük, yalın bir ekibin kalıcılığına inanıyoruz. Kısıtlamalarla çalışmayı da seviyoruz. Proje planımızı oluşturabileceğimiz kesin bir lansman tarihine sahip olduğumuzdan daima emin oluruz.

NY.gov için süreç, zaman içinde siteyi başlatmaya kararlı Devlet ekibinden gelen inanılmaz işbirliği sayesinde çok işbirlikliydi.

WDD: Mevcut marka yönergeleri var mıydı yoksa kimlik üzerinde mi çalışıyorsunuz?

MM: Ürün geliştirmemizle birlikte marka yönergeleri yeniden tanımlanıyordu. Bunu bu kılavuzlara katkıda bulunma fırsatı olarak gördük. Sitenin logosunu değiştirmeye geri dönmek zor. Fakat bu aynı zamanda markayı keşfetmek ve dijital varlığını tanımlamak için bize çok yer verdi.

Bu projeden sonra sadece NY.Gov için değil, tüm devlet kurumları için dijital kılavuzları hazırlama fırsatımız oldu. Herkes için tasarlayabilmek için erişilebilirlik ilkelerini yakından takip etmeliydik ve bu zorlu ancak ödüllendirici bir deneyim oldu.

WDD: Pek çok farklı departmandan içerik dağıtımını nasıl koordine ettiniz?

MM: Anahtar hizmetleri belirledikten sonra, ajans site sahiplerine liderlik etmek için “bir durak” hazırladık. Bazı durumlarda, içerik oluşturmak için işbirliği yapmak için ajanslar gerekli. Bunların takip edilmesi için içerik yönergeleri oluşturduk ve bunların çalışması için ortak bir dokümantasyon sağladık. Ajanslardan, ekibimizin ve NYS ekibinin ajansları izlemesi ve onlara tavsiyelerde bulunmasını sağlayan doğrudan paylaşılan bir dokümantasyondan çalışmasını istedik. Daha sonra, tüm "beyaz listedeki kartlar" sonuçlarını ekledik. Bunlar, genellikle bir kullanıcıyı bir ajans sitesine yönlendiren bir karttaki bir şeyin nasıl gerçekleştirileceğine ilişkin açıklamalar. Bu “beyaz listedeki kartlar” da kendi içerik kurallarına sahipti. Ajans içeriği sahipleri, tüm bu verileri bir google formu kullanarak toplayıp sınıflandırmamıza yardımcı oldu.

NY.Gov binası

Webdesigner Depot: NY eyaletinde yaşıyor musunuz? Bu işleminizi etkiledi mi?

Matthieu Mingasson : Hepimiz New York'ta yaşıyoruz ama ekibimiz çok uluslararasıydı. Çekirdek takımında çeşitli ülkelerden Alman-Kanadalı, Fransız, Rus, Meksikalı, Hintli ve Amerikalılar da vardı. Dışarıdan bir bakış açısına sahip olmanın, yerel halkın kaçırmış olabileceği eğilimleri ve zorlukları belirlememize yardımcı olduğuna inanıyoruz. Kullanıcılarımızın birçoğunu diğer zihniyetlerle iletişimde kalmaya yardımcı olmak için yukarıdan biriyle röportaj yapmak zorunda kaldık. Ancak, tasarımımızın evrensel olması ve herkesle konuşması gerektiğini biliyorduk.

WDD: Mobil cihazlarda, kilit noktalarda hamburger menüsü ile tamamlanmış bir açılır menünüz var; kullanıcı testine dayanan bir karar mıydı?

MM: Amacımız, New York'tan çok sayıda ajans tarafından benimsenebilecek bir sistem kurmaktı. Bunun için bir navigasyon sistemi ve bağlamsal unsurlar kurmak zorundaydık. Evrensel gezinme, kaynaklara ve hizmet bilgilerine sahip güvenilir bir sitede kullanıcı için açıkça iletişim kuran bar, açılır menüyü kullanır. Hamburger, navigasyon için içeriğe göre getirilir. Vali Ofisi Andrew Cuomo'nun web sitesinde bir örnek görebilirsiniz ( governor.ny.gov ). Bu site, oluşturduğumuz sistemi genişletiyor NY.Gov ve bunu diğer New York Eyalet Ajanslarına uygular.

NY-gov 2

WDD: Siteyi Drupal'a kurdunuz, bu proje için doğru seçim neydi?

MM: NY.gov projesi, büyüyen bir ekosistemin ilk sitesi oldu. En başından beri, merkezi teknoloji hizmetleri ajansının 150'den fazla web sitesi için ortak bir CMS platformuna sahip olmayı planladığını biliyorduk. Drupal'ın içsel uzanabilirliği bu meydan okuma için mükemmel bir eştir.

WDD: İstemciyi veto ettiğini eklemek istediğin bir şey var mıydı?

MM: Pek değil. Ancak, kullanıcı testlerinde iyi performans göstermeyen favori özelliklerimizden birini oluşturduk ve siteden kaldırmamız gerekti. Bu genişletilebilir bir evrensel navigasyon oldu: Açılır panelde kullanıcılar en popüler servisleri, programları ve haberleri önizleyebilir ve keşfedebilir; Kullanıcılar içeriği önizlemek istemediler, tıklamak ve sayfaya gitmek istediler.

Sonuçlar

Webdsigner Depot: Gerçek insanların siteyle nasıl etkileşimde bulunduğunu analiz ettiniz mi? Onu beklendiği gibi kullanıyorlar mı? Herhangi bir sürpriz var mı?

Matthieu Mingasson : Her zaman yaparız. Bir sürücü ehliyetine nasıl bakacağımızı ya da bir acil durum meydana geldiğinde, bu ocaktaki kar fırtınası gibi, arkadaşlarımızı görüyoruz. ny.gov ana bilgi kaynağı olur. En büyük sürprizimiz, evrensel navigasyon oldu ve insanların olayları, iş listelerini ve çevrelerindeki yerel bilgileri bulmayı ne kadar sevdiğini fark ettiler.

Acil bir durum meydana geldiğinde, bu ocaktaki kar fırtınası gibi, ny.gov ana bilgi kaynağı olur

WDD: New Jersey yarın ararsa ve bir web sitesine ihtiyacı olduğunu söylerse, karşılaşacağı en büyük zorluklar nelerdir?

MM: Yönetici sponsorluğu ve taahhüdü, böyle bir projeyi hayata geçirebilmenin anahtarıdır. Bir hükümet kuruluşunun zorluklarının üstesinden gelmek için anahtar, bir ajansla işbirliği yapmak için küçük ama özel bir liderlik ekibini atamaktadır. En iyi sonuçlar, müşterilerimizin bu değişim sürecini anladığında, kabul ettiğinde ve kolaylaştığında ortaya çıkar. Şeffaf işbirliği ve açıklık başarının anahtarıdır.

Matthieu'ya sorularımızı cevaplamak için zaman ayırdığınız için teşekkürler.

Öne çıkan resim kullanır Marco Varisco's New York Eyaleti Meclis Binası görüntüsü.