UX Tasarımında Storyboard'ların Rolü

Bir UX tasarımcısı olarak, yeni fikirleri hayata geçirmek için genellikle hayal gücünüzü kullanmanız gerekir. Bu sürece yardımcı olabilecek araçlardan biri storyboard'dur. Bu araç tamamen farklı bir alandan (sinema) ödünç alınmıştır, ancak UX dünyasına çoktan damgasını vurmuştur. Storyboard'lar, tasarımcıların kullanıcıların tasarladıkları ürünleri nasıl kullanacaklarını öngörmelerine yardımcı olmak için harikadır.

Film şeridi nedir?

Storyboard, birkaç olay dizisini içeren bir senaryoyu temsil eden görsel bir formdur. 1930'larda bu fikri ilk ortaya atan Walt Disney stüdyolarıydı. UX tasarımı da dahil olmak üzere diğer birçok alan, senaryoları görsel olarak temsil etmenin bir yolu olarak storyboard'u benimsemiştir.

Bu noktada muhtemelen kendinize "Neden storyboard kullanmalıyım?" diye soruyorsunuzdur.

Kısa cevap, daha fazla güvenle daha hızlı tasarım yapmanıza yardımcı olacağıdır.

İşte bu durumun ana nedenleri:

1. Bir görüntü bin kelimeye bedeldir - Beynimiz görüntüleri metinden çok daha hızlı işler. Bir senaryoyu görsel olarak temsil ederek, ilgili herkes için fikir oluşturma sürecini hızlandırırsınız.
2. Hikayeler unutulmazdır - İnsanlar yüzyıllardır sözlü geleneklerini genç nesillere aktarmak için hikayeleri kullanmaktadır çünkü hikayeleri ezberlemek gerçekleri ezberlemekten çok daha kolaydır. Fikir üretmenin ilk adımı olarak bir hikaye kullanmak, proje için en başından itibaren doğru havayı yaratabilir.
3. Merak açığı - Hikayeler, özellikle de boşluklar içerenler, çok doğal olarak merak yaratabilir ve beynimizi eksik ayrıntıları doldurmaya çalışmak için harekete geçirebilir. Bu tür bir "beyin gücü", fikir üretme oturumlarınızda tam olarak istediğiniz şeydir.
4. "Gerçek bir kullanıcı" ile empati kurun - Tıpkı yüzü ve adı olan bir kullanıcıyla empati kurmak için personaları kullandığımız gibi, bu kullanıcıyı bir senaryoya yerleştirmek tasarım ekibinin üyeleri arasında kullanıcılara karşı daha da yüksek düzeyde empati yaratacaktır.

UX tasarımında storyboard kullanımı

Senaryo yazarları ve film yönetmenlerinin film ve dizilerde olay örgüsünü planlamak için storyboard'ları kullanması gibi, UX tasarımcıları da ürünler için kullanıcı yolculuklarını öngörmek ve planlamak için storyboard'ları kullanabilir. Storyboard tekniği, bir veya iki karakter seçmenize ve yalnızca kullanıcı yolculuğunun her adımında ne yaptıklarını değil, aynı zamanda neden bir eylemde bulunduklarını ve bu konuda nasıl hissettiklerini anlamanıza olanak tanır.

Ux tasarım sürecinin başında, herhangi bir şey çizmeye başlamadan önce, en azından kavramsal düzeyde tanımlamak isteyeceğiniz hikayenin birkaç parçası hakkında düşünmeniz gerekecektir.

Storyboard yapmanın ilk adımı, hikayeyi kimin yazacağına karar vermektir. ana karakter ve storyboard'unuza dahil etmek istediğiniz başka karakterler varsa.

Çok yönlü bir karakter yaratmak için aşağıdaki hususları göz önünde bulundurmanız gerekir:

1. Bu temel açıklama Karakterinizin adı, mesleği, yaşı, cinsiyeti ve ilgili diğer her şey gibi şeyleri içerebilir
2. Ne motive eder Bu karakterin ürününüzü veya hizmetinizi kullanmasını ister misiniz?
3. Neyin içinde bağlam karakteriniz ürünü kullanıyor mu?

Storyboard'un ikinci adımı, kullanıcı yolculuğunun kendisini ve farklı bölümlerini tanımlamaktır. Storyboard'unuza neleri dahil etmek istediğinizi düşünmenize yardımcı olacağından, ürünler için tipik bir kullanıcı yolculuğunun bölümlerine aşina olmanız iyi olacaktır. Bu, aşağıdaki gibi ayrıntıları içerecektir:

1. Farkındalık - Kullanıcılar ilk etapta ürün veya hizmetinizden nasıl haberdar olacak?
2. Dikkate alma - Ürünü satın almaya ve kullanmaya karar vermeden önce hangi kararları vermeleri gerekecek?
3. Satın Al - Kullanıcılarınız ürünü nasıl satın alacak?
4. İlk deneyim - ürününüzle i̇lk deneyi̇mleri̇ nasil olacak?
5. Kullanım alışkanlıkları - düzenli kullanım şekilleri nasıl olacak?
6. Ana faydalar - Kullanıcılarınız ürününüzü kullanarak ne kazanacak?

Tüm bunlara en baştan karar vermek çok zorsa, kullanıcı yolculuğunun yalnızca ilk aşamalarını tanımlayarak başlayabilir ve hikâye panonuza yalnızca bu bölümleri dahil edebilirsiniz. Bunlar arasında Farkındalık, Düşünme, Satın Alma ve ürününüzle İlk Deneyim yer alır. Bu ayrıntıları belirledikten sonra, sizin ve ekibinizin hikâye panosunu genişletmesi daha kolay olacaktır veürününüzün uzun süreli kullanımına ilişkin ayrıntıları da içermelidir.

Hikaye taslağı oluşturmaya başlama

Storyboard yapmaya başlamak için birkaç farklı şey düşünmeniz gerekecek. İşte bazı yararlı yönergeler:

1. Kullanarak bir hikayenin yapısı Başı, ortası ve sonu olan bir filmde karakterinizin ulaşması gereken hedefe odaklanın. Film şeridinizde doğrudan çözümlere atlamayın.
2. Şunları düşünün araçlar Film şeridini oluşturmak için kalem ve kağıt kullanabilir ya da tercihinize bağlı olarak bir grafik tasarım yazılımı kullanabilirsiniz.
3. Şunları düşünün detay seviyesi Geliştirme sürecinizin neresinde olduğunuza bağlı olarak, daha fazla veya daha az ayrıntı içeren hikayeler oluşturmak isteyebilirsiniz, ancak her zaman hayal gücüne biraz yer bırakmayı unutmayın.

Güzel bir UX storyboard'u oluşturmanıza yardımcı olması için bir gerçek dünya örneği .

Diyelim ki şarap içmeyi seven ancak şarap mağazalarında ne alacaklarına karar vermeye çalışırken bunalan insanlara yardımcı olmak istiyorsunuz.

Şarabı daha iyi anlamak için ilk adımlarını atan 25-45 yaş arasındaki kişileri hedeflemek istediğinizi varsayalım. Bu kişilere yardımcı olmak için "Wine Time" adında bir uygulama geliştirmeye karar verdiniz.

Bir sonraki adımınız, insanların uygulamanızı nasıl kullanacağını hayal etmeye başlamaktır. Bu yüzden bir storyboard oluşturmaya karar verirsiniz.

Süreci gözden geçirelim.

Bizim hikayemiz ana karakterler Jason ve Nathalie, 30'lu yaşlarının başında genç bir çift. Toronto, Kanada'nın banliyölerinde yaşıyorlar. Şarap içmeyi seviyorlar ve her üç haftada bir 2-3 şişe şarap almak için yerel şarap dükkanlarına gidiyorlar. Genellikle dükkan tarafından tanıtılan şarapları alıyorlar ve ara sıra bir arkadaşlarından ne alacakları konusunda bir tavsiye alıyorlar. Son zamanlarda başlamak istiyorlardaha fazla şarap keşfetmek ve mağazalarındaki geniş seçeneklerden daha az bunalmak istiyorlar. Şimdiye kadar, hemen hemen her seferinde aynı şarapları satın alıyorlardı. motive eder Şarap hakkında daha fazla bilgi edinmek için bir çözüm aramaya çalışıyorlar.

Jason boş zamanlarında şarap hakkında okumaya başlamış ama yine de çok faydalı bulmuyor. Bu makalelerde anlatılan şarapların çoğu Avrupa'dan ve o Kanada'da yaşıyor. Yakındaki dükkanda bulduğu yerel şarapların herhangi bir şekilde karşılaştırılabilir olup olmadığından emin değil.

Bir gün Nathalie'nin arkadaşı Alison, "Wine Time" adlı yeni bir uygulamayı denemelerini önerir. Uygulama, şarap hakkında bilgi edinmenize ve seveceğiniz şarapları bulmanıza yardımcı olur. Hikayenin bu noktasında, Jason ve Nathalie farkında ürünün.

Uygulamayı indirirler ve hemen hızlı bir "Şaraba Giriş" eğitimi alırlar. Bu eğitim onlara farklı özelliklere göre ne tür şarapları sevebileceklerini öğretir. ilk deneyim ve onların "Aha" anı (büyük olasılıkla). Bu kısmı, uygulamanın başlangıcı olarak düşünebiliriz. hikayemizin ortası .

Eğitimin sonunda Jonathan ve Nathalie uygulamada kalırlar. "Şarap Zamanı" onlara şarap önerir ve yakınlarındaki mağazalarda bulunup bulunmadığını kontrol eder. Beğendikleri birkaç şişe bulduklarında, bunları çevrimiçi olarak sipariş ederler ve iki gün içinde teslim alırlar. kullanıcı yolculuğunda satın alma aşaması . Potansiyel olarak bu durum uygulamanın gelecekteki kullanımı Zamandan tasarruf etmek için uygulamadan şarap sipariş etmeye devam etmeye karar verirlerse.

İşte hikayemiz burada biter ve karakterlerimizin "Şarap Zamanı" uygulamasını nasıl kullanacaklarını anladıkları yer hedef daha fazla şarap keşfetmek için.

Sonra, biraz da şu konudan bahsedelim araçlar storyboard'unuzu oluşturmak için.

Aşağıdaki resimde görebileceğiniz gibi, Vectornator'da yaptığım gibi basit bir storyboard oluşturabilirsiniz. Hikaye planınızı görselleştirmek için simgelerini ve bazı metinleri kullanabilirsiniz. Storyboard'un bir parçası olmayan ayrıntılar hakkında tartışmaya biraz yer bırakmak için kullanıcı yolculuğunu dört aşamada sunmaya karar verdim.

Film şeridini mevcut ayrıntı düzeyinde tutmak, fikir oluşturma aşamasında aşağıdaki gibi ilginç sorulara yol açabilir:

1. Uygulama hangi eğitimleri içerecek?
2. Uygulama dünyanın neresinde kullanılabilir olacak?
3. Ne tür çevrimiçi şarap mağazalarına bağlamalıyız?
4. Uzun vadeli kullanım nasıl görünecek?

"Şarap Zamanı" uygulaması için hazırladığım film şeridine bir göz atın.

"Şarap Zamanı" kullanıcı yolculuğu. Resim yazara aittir.

‍

Kısacası storyboarding, bir UX tasarımcısı olarak ekibinizle fikir üretmeye başlamadan önce kavramsal fikirleri hayata geçirmek için kullanabileceğiniz mükemmel bir araçtır. Senaryoları görselleştirmek, süreci herkes için çok daha etkileşimli ve eğlenceli hale getirebilir. Birçok senaryoyu temsil etmek için birden fazla storyboard'a ihtiyacınız olabilir, ancak bu ihtiyaç zamanla daha net hale gelecektir. Unutulmaması gereken en önemli şeyler şunlardır: yaratıcı olunve eğlenin.