Tasarım Alışverişi: Rehberli Tasarım Vitrini ile Daha Hızlı Müşteri Katılımı Sağlayın

Yayınlanan: 2022-03-10
Kısa özet ↬ Müşterilerinizi daha hızlı (ve daha kolay) bir katılım sağlamaya nasıl ikna edebilirsiniz? Rehberli bir tasarım alıştırmasının yardımıyla Kelly Schummer, Tasarım Alışverişi iş akışının tasarım aşamaları boyunca size nasıl rehberlik edebileceğini açıklıyor.

Nerede yaşıyor olursanız olun, ehliyetinizin yenilenmesi veya kişisel kimlik kartınızdaki adresin güncellenmesi çoğu zaman sancılı bir angarya olabilir. Disney'in Zootopia filminin (IMDb) DMV çalışanlarını tembel hayvanlar olarak temsil etmenin en iyi yol olduğunu düşünmesi çok sinir bozucu bir deneyim. Bununla birlikte, popüler görüşe rağmen, California DMV (California Motorlu Araçlar Departmanı), California'daki 30 milyon lisanslı sürücüye daha iyi hizmet vermek için son derece motive olmuştur.

Bu vatandaşlara daha iyi hizmet vermek, sinir bozucu bir web sitesi deneyimini geliştirmek anlamına gelir - Kaliforniyalıların gerekli hizmetlere erişmesinin birincil yolu. Bu nedenle DMV Saldırı Ekibi, California DMV web sitesinin tamamını yeniden tasarlamak için tasarım ekibimizi 10up'ta tuttu.

Aşağıdaki örnek olay incelemesinde, dahili olarak Tasarım Alışverişi olarak adlandırdığımız bir tasarım alıştırmasına yakından bakacağız. Bu alıştırma, müşteri ile daha iyi iletişim kurmamızı ve işbirliğimizi doğru yönde daha kolay ilerletmemizi sağlar.

Not : Bu makale daha çok bazı büyük projelerde çalışan deneyimli UX/UI tasarım ekiplerine yöneliktir.

Tasarım Alışverişi?

Bitmiş ürüne (yeni DMV web sitesi) ulaşmadan önce, en baştan başlamalıyız: müşteriyi anlamak. Bir devlet kurumu olarak, onların (dolayısıyla bizim) değişen motivasyonlarla uğraşacak birçok paydaşı vardı. Bu, keşif aşamasında müşteri uyumunu kazanmanın en büyük önceliğimiz olduğu anlamına geliyordu.

Müşterilerin tasarım konusunda bilgili olmasını beklemesek de (birçoğu tasarım kavramını kafa karıştırıcı veya göz korkutucu buluyor) herkesi aynı fikirde tutmamız gerekiyor. Ancak bir devlet işleri projesinde tasarımdaki iğneyi nasıl hareket ettirebildik?

Onları alışverişe çıkardık. Tasarım Alışverişi , yani.

Neden “Tasarım Alışverişi”?

Müşteri hizmetleri söz konusu olduğunda, ilk izlenimler her şeydir. Ancak kalıcı bir izlenim bırakmak, özellikle geniş ve çeşitli bir paydaş grubuyla çalışırken her zaman kolay değildir. Bunun için büyük Amerikan şairi Maya Angelou'dan bir ders alalım:

İnsanların söylediklerinizi unutacağını öğrendim, insanlar ne yaptığınızı unutacak ama insanlar onlara nasıl hissettirdiğinizi asla unutmayacak.

— Maya Angelou

Trompetleri çalın! Müşterilerimiz üzerinde kalıcı bir izlenim bırakmak için ekibimizle ilk etkileşimden en son etkileşime kadar kendilerini iyi hissetmelerini sağlamalıyız.

Bu değerli ilk anları göz önünde bulundurarak ekibimiz, DMV ekibine bir bağlantı hissetmek ve yakınlık kurmak için güvenli bir alan sağlamak için çeşitli yaklaşımlar denedi, böylece herkes fikirlerini ve görüşlerini yargılamadan paylaşırken kendinden emin ve rahat hissediyor.

Herkesin aynı anda anladığı ve hemen rahatlattığı bir konsepte ulaştık: alışveriş !

Alışveriş, doğru ya da yanlış olma baskısını ortadan kaldırır - meslekten olmayan biri, doğru “uyum”u “seçmeyi ve seçmeyi” hemen anlar. Alışveriş aynı zamanda beynin ödül ve zevk merkezlerini harekete geçiren dopamini de salgılar. Bu önemlidir çünkü danışanları harekete geçirirken olumlu duygular yaratır.

Voila — Tasarım Alışverişi alıştırmasının doğuşu! İyi duygular ve tasarım tartışması ineklere eşittir!

Hareketli bir GIF, küçük sevimli hayvanlar parti yapıyor
Tasarım meraklılarına canlı bir bakış! (Resim kaynağı: Anna Hrachovec'in 'Mochimochi Land')

Yaşasın! Artık tonu belirlediğimize göre, bu sürecin en yoğun kısmına geçelim: neden ve ne için alışveriş yaptığımızı tanımlama . Bu, ekibimize yavaşlamak ve ilham almak için çok ihtiyaç duyulan bir fırsat verir. Başka bir deyişle - projede derinleşin. Araştırmamız ve son eserler, egzersiz sırasında tasarım konuşmasını çerçeveleyen şeydir.

DMV ekibiyle anlamlı bir "Seni görüyorum" anına sahip olmak için, paydaş grubuna dahil olduğumuzu ve hedeflerini somut tasarım sonuçlarına dönüştürmeye hazır olduğumuzu göstermemiz gerekiyordu.

O Araştırmada Yüzmek

Görsel keşif ve atölye planlamasından önce tasarım düşüncenizi temel alın. Bunların hepsi gerekli değildir, ancak ekibinizin kontrolündeyse aşağıdakileri hazır bulundurun:

  • Belirlenen proje hedefleri;
  • Sorun ifadeleri;
  • Rekabet Analizi;
  • Zihinsel model karşılaştırmaları;
  • Tarihsel bağlam;
  • Proje tanıtımı;
  • Ön UX keşfi;
  • İçerik haritaları.
Animasyonlu bir GIF, kalpleri kakalayan bir iplik kuşu
Tasarıma olan tüm sevgiyi paylaşmak. (Resim kaynağı: Anna Hrachovec'in 'Mochimochi Land')

Derine git

Beyninizin dolaşması ve kaybolması için zaman ayırın. Tasarım alışverişi alıştırması için eserler toplarken madalyonun her iki yüzünü de göz önünde bulundurun: yukarıdaki araştırmadan ne elde ettiğinizi gösteren başarılı ve başarısız örnekler.

Yapıları bir yol ve konuşma tetikleyicisi olarak kullanarak konuşmayı kolaylıkla yönetin. İşaret etmek için fırsatlar arayın:

  • Estetik veya tercihler;
  • Kullanıcı deneyimine yönelik tasarım anlayışı;
  • İş hedefleri;
  • Özel harekete geçirici mesajlar;
  • Ve tasarımın, görünüşün ötesinde tüm bunları desteklemeye nasıl yardımcı olabileceği.

Bu, müşterilere, kuruluşlarına veya kullanıcı deneyimlerine somut faydalar temelinde tasarım vizyonunun daha fazla sahiplenmesini sağlar.

Taktik İlham

Tasarım ilhamını aşina olduğunuz şeylerle sınırlamayın. Garipleşmek! Ekibimizin ilham aradığı yerlerin kısa bir listesi:

  • Saf yaratıcılık ve en son trendler:
    • https://wepresent.wetransfer.com/
    • https://www.designspiration.com/
    • https://thefwa.com/
  • Dikey inceleme, rekabet analizi ve kimliğe özel keşif:
    • https://www.awwwards.com/
    • https://search.muz.li/
    • https://colors.muz.li/

Eserlerinize Odaklanın

Tasarım alışverişi yapıtlarının sayısını toplamda 5-7 ile sınırlamanın, ekibin odaklanmasına ve yorgunluktan kaçınmasına yardımcı olduğunu bulduk. Web sitesi yapılarını daraltmak için şunları seçin:

  • Biri aşinalık sağlamak ve temelleri anlamak için kendi dikeylerinde.
  • Marka özelliklerini gösteren veya meydan okuyan, sektör dışından biri.
  • Zorlu tasarım seçimlerini gösteren biri (bundan nefret edeceklerini düşünüyorsunuz).
  • Düşünceli tasarım seçimlerini gösteren biri (bunu seveceklerini düşünüyorsunuz).
  • Araştırmanızda ana hatlarını çizdikleri bir şey (yani, müşterinin daha önce işaret ettiği bir şey), daha derine dalmak istediğiniz bir şey.
  • İzleyicilerinin zihinsel modelini yansıtan bir model (hedeflerine ilişkin anlayışınıza hitap edeceğini düşündüğünüz).
Atlamadan sonra daha fazlası! Aşağıdan okumaya devam edin ↓

Tekerlekleri Harekete Geçirin

Şampiyonlarınızı Seçin

Molaları artırın - müşteriye bu siteleri göstermeye geçmeden önce bir kolaylaştırıcı atayın. Bu şampiyon, gruba atölye çalışması boyunca rehberlik edecek, katılımı teşvik edecek ve grubun ana hatlarıyla belirtilen hedeflere doğru çalışmasına yardımcı olacaktır. Ayrıca, kolaylaştırıcı(lar)ımızın katılımcılara odaklanması için çok takdir edilen bir alan sağlamak için konuşmayı belgelemek üzere resmi bir not alıcı atayın.

Kelly Schummer, duvara eklenmiş web sitelerinin ekran görüntülerini sergiliyor
Birden fazla paydaşla tasarım tartışmalarını kolaylaştırmak. (Büyük önizleme)

DMV ile alışılmadık derecede büyük bir paydaş grubumuz vardı, bu yüzden odayı iki kolaylaştırıcı yönetti. Aynı deneyimi sanal bir ortamda elde etmek için, birden fazla kolaylaştırıcı ile birden çok ara odası kullanmak da gerçekten iyi sonuç verir.

Atölye Malzemeleri

Ardından, malzemelerinizi toplayın. Sanal veya yerinde, şunlara sahip olmalısınız:

  • Kırmızı ve yeşil renk kodlamalı etiketler, diğer bir deyişle nokta çıkartmalar;
  • Emoji çıkartmaları — bunlar, oylar için geleneksel kırmızı ve yeşile eğlenceli bir ektir;
  • Yorumlar için post-it notları;
  • Web sitelerinin ekran görüntüleri.

Bir Miro panosunda nasıl göründüğü aşağıda açıklanmıştır:

Tasarım Alışverişi alıştırmasının örnek bir miro panosu
Bir Miro kartı kurma. (Büyük önizleme)

Durun, İşbirliği Yapın ve Dinleyin

Atölyeniz ister çevrimiçi ister yüz yüze olsun, önce temel kuralları belirlemelisiniz. Çalıştayın ilk 5-10 dakikasını buzları kırmak için ayırın — en gürültülü paydaşların tüm konuşmayı kontrol etmediğinden emin olun.

Sanal bir atölye kullanıyorsanız (bugünlerde yanıt kocaman bir EVET'tir), teknoloji felcinin engelini kaldırdığınızdan emin olun. Atölye sırasında erişeceğiniz araçların nasıl kullanılacağına dair hızlı bir demo ile tüm sistemlerin kullanıma hazır olduğunu onaylayın. Bu 5-10 dakika daha sürebilir.

Zaman önemliyse, atölye katılımcılarının katılmaya daha hazırlıklı olması için sanal tahtayı bazı Kendin Yap talimatlarıyla önceden gönderin.

Ardından, net beklentiler belirleyin ve çalıştayın amacını yineleyin.

Oylama Parametreleri

Her katılımcının sahip olduğu oy sayısını sınırladığınızdan emin olun. Bu oylar ister sanal noktalar ister gerçek çıkartmalar olsun, toplam 10 oy için nokta sayısını 5 yeşil ve 5 kırmızı ile sınırlayın.

Oy sayısını sınırlamanın, katılımcıları alışveriş yaparken daha bilinçli olmaya zorladığını ve bunun da daha zengin sohbetlere ve sonuçlara yol açtığını gördük. Eğlenceli bir bonus olarak, duygu yüklü alışveriş anları için bir dizi emoji sunuyoruz. Bu, katılımcılardan çok fazla sevgi alma eğilimindedir!

Süper büyük emojiler
Miro emojileri. (Büyük önizleme)

Hazır, Ayarla, Alışveriş Yap!

Müşteriniz tüm araçlara sahip olduğunda, mağazadan alışveriş yapma zamanı! Zamanlayıcıyı 15 dakikaya ayarlayın ve katılımcıları önlerindeki tasarımların en sevdikleri ve en az beğendikleri yönlerine oy verirken karışmaya davet edin. Oy verirken “ne” ve “neden” hakkında sivri sorular sorun.

Bu egzersizi tamamlarken ayakta durmanın merceği değiştirdiğini ve katılımcıları eşit bir oyun alanına soktuğunu gördük. Bu pandemi sırasında, bu deneyimi sanal alana eklemek için seçenekleri araştırdık ve oylama panellerini katılımcıların avatarlarıyla önceden doldurmanın hoş bir insan unsuru eklediğini ve merceği bir arada durmakla aynı şekilde değiştirdiğini gördük. Hayalet imleçler çok tuhaf, değil mi?

Konuşmayı Yönlendirmek

Zamanlayıcı bittiğinde, ekibin alışveriş başarısını tartışın. Burası, proje için paylaşılan dilin kalbine ulaştığınız yerdir. Her eserde dolaşırken, ortaya çıkmaya başlayan hem olumsuz hem de olumlu kalıpları tartışın.

Alışveriş yapanları gönüllü olmaya davet ediyoruz. Örneğin, “Burada çok fazla yeşil nokta görüyorum. Nedenini konuşalım mı?"

Web sitelerinin ek açıklamalarının ekran görüntüsü
Çıkartmaların görsel geri bildirimi, konuşma için bir bakışta başlangıç ​​noktası sağlar. Bu ekran görüntüsü, yukarıda Miro'da açıklanan hem canlı hem de atölye sonrası notları gösterir. (Büyük önizleme)

Bu, katılımcıları ayırmak yerine, tartışma ve değerlendirme için alan açar. Bu, özellikle DMV gibi geniş ve çeşitli bir paydaş grubuyla ilgilenirken önemlidir. Bu bir ekip çalışmasıdır ve her adım işbirlikçi hissettirmelidir.

Amaç, “doğru cevap” baskısını ortadan kaldırmaktır.

Müşterinin tasarım kelimesini duymak ve bunun üzerine inşa etmek istiyorsunuz. Bu değerlendirme sayesinde, noktaları birleştirmeye başlayabilir ve ekibi, sonraki tasarım aşamaları boyunca alacağınız temel tasarım ilkelerine ve kararlarına yönlendirebilirsiniz.

Sonuçları iletin

Herkes alışverişi yaptıktan sonra, egzersiz sonucunda gördüğünüz şeyi ekiple doğrulayın.

Müşteri geri bildirimini yakalayan bir Miro panosunun ekran görüntüsü
Atölyeden sonra müşteri geri bildirimlerini dahili kullanımımız için ayrıştırmanın bir yolu. (Büyük önizleme)

Fikir birliğine vardığınız, ayrıldığınız tüm alanları ana hatlarıyla belirtin ve sonraki adımların nasıl göründüğünü not edin.

Katılımcıların doğaçlama dans hareketlerinden sorumlu değiliz.

Bir kez daha, Duyguyla

Tasarım alışverişi atölyesini yürütmenin tüm önemli yollarını az önce özetlemiş olsak da, bu bir kerelik bir alıştırma ile sınırlı değildir. Genellikle başka bir tarihte son bir Tasarım Alışverişi turu yaparız.

Burası ilk atölyede kurulanı alıp yarattığınız yer.

Prototiplerin, ruh hali panolarının, stil kutucuklarının ve tasarım ilkelerinin (tasarım yönünü ifade etmek için en iyi olduğunu düşündüğünüz platform ne olursa olsun) ortasındayken, Tasarım Alışverişi alıştırmasını kendi tasarım çözümlerinizi doğrulamanın bir yolu olarak kullanabilirsiniz. Hala takılırsanız, gerçekten spesifik olmak için bir Tasarım Spektrumu alıştırması yapın.

Halihazırda oluşturulmuş rahat bir ilişki ve müşterinin atölyeye aşina olmasıyla, bir tasarım sözlüğü oluşturmanın ilk zorluklarını aşabilir ve doğrudan tasarımı değerlendirmeye ve tartışmaya geçebilirsiniz.

Çözüm

Tasarım Alışverişi iş akışı, paylaşılan bir tasarım sözlüğüne ve temel tasarım ilkelerine bilinçli ve anlamlı bir şekilde hızla ilerlemenize olanak tanır. Bu, California'da bir yolculuğa çıkmak gibidir: yola çıkmadan önce varış noktalarınızı ve onları nasıl deneyimlemek istediğinizi gözden geçirmeniz gerekir.

Bir endüstri olarak, her zaman müşteriyi eğitmekten bahsediyoruz, ancak bu eğitimi nadiren sadece acısız değil aynı zamanda eğlenceli bir şekilde yapılandırıyoruz. DMV ekibinin maruz kaldığı baskının miktarı göz önüne alındığında, ekibimizin yapmak istediği son şey daha fazla stres eklemekti, çünkü daha fazla stres müşteri ilişkileri ve elbette tasarım için kötü sonuçlara yol açar.

Hatırlanması gereken şey , eğlencenin bir amacı olduğudur - gelecekteki iletişimler için önleyici olarak çatışmayı önlemek için toplu sözleşme kazanıyorsunuz. Bu çalıştayın görsel doğası, canlı oturumu kaçırmış olabilecek paydaşlar için de değer katmaktadır. Alışveriş alıştırmasına geri döndüklerinde, hangi yöne gitmeleri ve neyden kaçınmaları gerektiği açık.

Sonuç olarak, Tasarım Alışverişi güzel yazı tipleri veya renkler için alışveriş yapmaktan çok, düşünceli tasarımın YG'sini (Yatırım Getirisi) sergilemekle ilgilidir. Bu, yaratıcı olasılıkların erişilebilir bir şekilde açık bir şekilde tartışılmasına olanak tanıyan bir forum yaratmakla ilgilidir.

Doğru yapıldığında, bu alıştırma müşterinizin gerçek potansiyeli görmesini sağlar çünkü onlara tasarımın hayat bulduğu gerçek örnekleri gösterdiniz. Soyut artık somutlaştı! Bu temel oluşturulduğunda, yaratıcı yenilikleri ve en zorlu eleştirmenlerinizden, yani müşterilerinizden gelen güveni dört gözle bekleyebilirsiniz.

Özel teşekkür

Tasarım inekleri ortağım (bu da 10up'taki müşterilerimiz için faydalı atölyeler hazırlamama yardımcı olan) Lea Alcantara'ya (Görsel Tasarım Direktörü 10up), ve yapılan ek makale düzeltmeleri ve araştırmalar için tüm Kudos!