İş akışını baştan sona gösteren 30 saniyelik bir SaaS demosu nasıl hazırlanır?

Otuz saniyelik bir SaaS demo videosunda yararlı bir hikâyeye yer vardır, ancak yanlış anlaşılmaları telafi edecek zaman çok azdır. Açılış yapılacak işi ortaya koymazsa izleyiciler sonraki sahneyi neye baktıklarını anlamaya çalışarak geçirir. Sonuç çok hızlı gösterilirse arayüzü tanıyabilir, ama neden önemli olduğunu anlayamayabilirler. Sorun genellikle animasyon eksikliği değildir. Ekranlar arasındaki bağlantıların eksikliğidir.

İş akışını baştan sona göstermek, her tıklamayı göstermek demek değildir. İzleyiciye bir girdiyi, bir eylemi ve anlamlı bir sonucu birbirine bağlayacak kadar kanıt sunmak demektir. Kısa bir demo bu neden-sonuç zincirini koruyarak sıradan gezinme adımlarını atlayabilir. Kurgu, ürünün yapması beklenen asıl işi atladığında yanıltıcı hâle gelir.

Örnek olarak varsayımsal bir toplantı planlama ürünü düşünün. Hedef kitle, toplantı için uygun saat bulmaya çalışan bir ekip lideridir. Video çakışan müsaitlikleri, önerilen bir zaman aralığını ve onaylanan toplantıyı gösterebilir. Bu, yönetilebilir bir hikâyedir. Takvim entegrasyonları, raporlama, faturalama ve mobil uygulama turu da eklerseniz ortaya bir katalog çıkar. Bu rehber, kısa sürümü nasıl eksiksiz kılacağınızı açıklamak için bu planlama örneğini kullanıyor.

Ekranda tamamlanabilecek bir iş seçin

İzleyicinin ürün tanıtımına ihtiyaç duymadan tanıyacağı bir işle başlayın. “Herkesin katılabileceği bir saat bulmak” anlaşılırdır. “Akıllı orkestrasyon platformumuzu keşfedin” ise izleyiciden yararı anlamadan önce sizin sözcük dağarcığınızı öğrenmesini ister. İş görünür hâle gelirken ürünün adını da tanıtabilirsiniz.

Uygun bir işin başlangıç koşulu ve gözlemlenebilir bir sonucu vardır. Fatura göndermek, bir inceleme yorumunu çözümlemek, iki teklifi karşılaştırmak ve rezervasyonu onaylamak, kaydedebileceğiniz durumlara sahiptir. “İş birliğini geliştirmek” gibi bir vaat ise gösterilebilir bir diziye dönüşmeden önce daha küçük bir örneğe ihtiyaç duyar.

Açılış cümlesinden önce son durumu yazın. İş bittiğinde ekranda ne görünmeli? Planlama örneğinde, beklenen katılımcıları içeren onaylanmış bir etkinlik, tek başına kutlama amaçlı bir onay işaretinden daha güçlü kanıttır. İşaret tamamlanmanın fark edilmesine yardımcı olabilir, ancak ürünün ortaya çıkardığı sonucun yerini almamalıdır.

Ardından geriye doğru ilerleyin. Bu sonucu anlamlı kılmak için gereken en az hazırlığı belirleyin. İzleyicinin katılımcıları ve çakışan müsaitliklerini görmesi gerekebilir, ancak hesap oluşturma sürecinin tamamını görmesi gerekmez. Hikâyeyi içeriğini boşaltmadan böyle kısaltırsınız.

Profesyonel demolardan sorularla ilerleyen bir yapı alın

Salesforce’un ürün demosu eğitimi, gösterimleri hedef kitlenin bir sorusu, net bir ana mesaj ve bilinçli bir sıralama etrafında düzenler. Eğitimin kapsamı otuz saniyelik bir videodan daha geniştir, ancak yararlı bağlantı doğrudandır: ekran, izleyicinin zaten önem verdiği bir soruyu yanıtlamalıdır. Ürün turu ve ürün demosu farklı editoryal tercihlerdir.

Planlama videosunda soru şudur: “Bir tur daha mesajlaşmadan uygun bir saat bulabilir miyim?” Ana mesaj, kaydedilen iş akışının gerçekten desteklediği bir şey olmalıdır. Örnek yalnızca müsaitliği kontrol ediyorsa videoyu toplantı hazırlığının her yönünün otomatik tamamlandığı iddiasıyla bitirmeyin.

Ekran metni olarak hiç görünmeyecek olsa bile soruyu çalışma belgenizde görünür tutun. Bir planın videoda yer almayı hak edip etmediğine karar vermeyi kolaylaştırır. Soruyu yanıtlamayan gösterişli bir pano başka bir videoya ait olabilir. Daha az göz alıcı bir onay ekranı ise vazgeçilmez olabilir.

Bu yaklaşım, paydaş değerlendirmesini de daha verimli kılar. Bir özelliğin şirket için önemli olup olmadığını tartışmak yerine bu işi açıklamak için gerekli olup olmadığını sorun. Önemli özelliklerin kendi demoları olabilir. Kısa bir video ürün yol haritasının tamamını temsil etmek zorunda değildir.

Bir kontrol ile etkisi aynı anlatım anında yer almalı

Wistia’nın Channels karesi özellikle yararlıdır; çünkü hikâye büyük bir panoyu okumaya dayanmaz. Channel Styles paneli, kanal önizlemesinin yanındadır ve Colors ile Font kontrolleri birlikte görünür. Bu yan yana yerleşim, izleyiciye yapılan ayarı etkilediği alanla bağlayabileceği bir nokta verir. Yalnızca stil panelini bırakan bir kırpma eylemi korur ama neden önemsenmesi gerektiğini ortadan kaldırır; yalnızca önizlemeyi gösteren kırpma ise görünümü gösterir ama nasıl değiştiğini açıklamaz.

Aynı ilişkiyi planlama örneğine uygulayın. Seçilen süreyi, izleyicinin ikisini ilişkilendirebileceği kadar müsaitlik tablosuna yakın tutun. Aramadan sonra hazırlıkta da görünen bir katılımcıyı veya toplantı başlığını koruyun. Tekrarlanan bu tanımlayıcılar sessizce açıklama işlevi görür: izleyicinin yeni bir sesli tanıtım olmadan sonucu tanımasını sağlar.

İki alan birlikte okunabilir kalamıyorsa anlatım anını, aynı tanımlayıcının görünür olduğu iki sabit plana bölün. Girdiyi gösterin, sonuca kesin ve bekleyin. Hareketli kamerayı, izlediği yolun sonucun nerede belirdiğini gerçekten açıkladığı durumlara ayırın. İlgisiz bir kenar çubuğu boyunca hızlıca kaymak bu bağlantıyı kurmadan zaman harcar.

Süreyi eşit sahne uzunluklarına göre değil, anlamaya göre dağıtın

Otuz saniyeyi ilk süre bütçesi olarak kullanın, ardından gerçek malzemeyi izledikten sonra ayarlayın. Kararı veya sonucu hızlandırmadan önce sıradan gezinmeyi kısaltın. İzleyicinin birkaç müsaitlik çakışmasını karşılaştırması gerekiyorsa bu karşılaştırmaya yeterince zaman ayırın.

Yararlı ayrım, hareket süresi ile okuma süresi arasındadır. Bir kartın girişi iki saniye sürerken yalnızca bir saniye sabit durabilir. Bu, üç saniyelik bir plandır; ancak birinin onu rahatça inceleyebildiği üç saniye değildir. Sahnenin sabit kalan bölümünü ayrıca ölçün.

Sonuç çoğu zaman açılıştan daha fazla süreyi hak eder. İzleyici artık sonucu daha önce olanlarla ilişkilendirmeye çalışıyordur. Onaylanan ayrıntıların görünür kalmasına izin verin. Uzun bir logo animasyonunun ardından gelip geçen bir sonuç göstermek bu önceliği tersine çevirir.

Bir sahne süresini aşıyorsa önce başka yere ait bilgileri çıkarın. Ardından kadrajı sadeleştirin. Oynatma hızını ancak bu değişikliklerden sonra artırın. Kaydın tamamını hızlandırmak işaretçinin hareketini doğallıktan uzaklaştırabilir ve ürünü ayırt eden eylemi gizleyebilir.

Başından sonuna aynı tutarlı örneği kaydedin

Dizi boyunca aynı demo hesabını, katılımcıları, projeyi ve örnek verileri kullanın. Tutarlılık yalnızca görsel bir incelik değildir. İzleyicinin sonucun girdiye ait olduğunu anlamasını sağlar. Son planda farklı bir etkinlik başlığı görünmesi, her ekran kendi başına makul görünse bile bu bağı koparabilir.

Kaydetmeden önce hesabı hazırlayın. Özel mesajları, gerçek müşteri bilgilerini ve ilgisiz bildirimleri kaldırın. Takibi kolay örnek adlar seçin. Rastgele test dizeleriyle dolu bir ekran, gösterimi daha gerçekçi kılmadan ek okuma yükü yaratır.

Belirleyici etkileşimi kesintisiz kaydedin. Duraklamaları daha sonra kesebilirsiniz; ancak özgün diziyi saklamak gerçekte ne olduğunu belgelemeyi sağlar. Bir işlem gecikmesi ürün iddiası açısından önemliyse bunu dürüstçe yansıtın. Kurgudaki bir kesme, uzun süren bir işlemin anında tamamlandığı izlenimini vermemelidir.

Kaydı tekrarlayabilmek için temiz bir başlangıç durumu kaydedin. Kısmen tamamlanmış bir işten yeniden başlamak çoğu zaman ince farklar yaratır: bir onay kutusu seçili kalır, önceki sonuç önbelleğe alınmıştır veya bir bildirim kaybolmuştur. Bu farkları önlemek, kurgudan sonra açıklamaktan daha kolaydır.

Hangi tıklamaların çıkarılabileceğine karar verin

Gezinme, açıklamayı taşımıyorsa çoğu zaman kısaltılabilir. Listeden tanıdık bir projeyi açmak birkaç saniye gerektirmeyebilir. Ancak sonuç toplantı süresine bağlıysa bu süreyi seçmek temel bir adım olabilir. Bir kesmeyi yalnızca kazandırdığı zamana göre değil, izleyicinin ne kaybettiğine göre değerlendirin.

Yararlı bir test, geçişi yalın bir cümleyle anlatmaktır. “Katılımcıları seçtikten sonra ürün ortak müsaitliği gösterir” tutarlı bir bağlantıdır. “Pano onaylanmış bir toplantıya dönüşür” ise çok fazla şeyi atlar. Eksik adım, muhtemelen demonun daha fazla kanıta ihtiyaç duyduğu yerdir.

Bir kesme boyunca imlece imkânsız bir yolculuk yaptırmayın. Bir düğmenin üzerindeki işaretçinin hemen ardından farklı bir durum gelmesi, değişikliğe o düğmenin neden olduğu izlenimini verebilir. Nedenin önemli olduğu yerde açık bir geçiş kullanın veya gerçek etkileşimi koruyun. Dekoratif imleç hareketi ürün davranışı uydurmamalıdır.

İş akışı bir bekleme süresi içeriyorsa atlamayı kısa bir geçişle veya eşlik eden anlatımla belirtebilirsiniz. Tam uygulama, hedef kitleye ve iddiaya bağlıdır. Önemli olan, kurgunun geçen süreyi sessizce bir performans vaadine dönüştürmemesidir.

İzleyiciye bakacağı tek bir yer verin

Masaüstü arayüzü, kısa bir videonun açıklayabileceğinden çok daha fazla bilgi içerir. İzleyiciyi yönlendirecek kadar çalışma alanı gösterin, ardından ilgili kontrole doğru kırpın. Etkinlik başlığı veya katılımcı adları gibi tanınabilir bir dayanak koruyun; böylece yakın görünüm geniş görünümle bağlantılı kalır.

Kamerayı sürekli hareket ettirmeyin. Yakınlaştırmanın bir hedefi vardır; izleyici o hedefte zaman geçirmeye ihtiyaç duyar. Sonraki yönlendirmeyi vermeden önce görüntünün sabitlenmesine izin verin. Arayüz kadraj boyunca hareket ederken yeni metin görünürse ikisi de dikkat için yarışır.

Vurguyu ölçülü kullanın. Önerilen saatin etrafındaki yumuşak bir vurgu yardımcı olabilir. Birden fazla parlayan çerçeve, hareketli ok ve zıplayan etiket ise basit bir eylemi olduğundan zor gösterebilir. Her işareti sırayla kaldırın ve dizinin onsuz da anlaşılır kalıp kalmadığını sorun.

Aynı ilke arka planlar için de geçerlidir. Özgün bir marka ortamı videoya karakter katabilir, ancak hareketi çalışma alanını bastırmamalıdır. Ürün demosunda ürün, kadrajın en çok bilgi veren nesnesi olarak kalmalıdır.

Ekranın söyleyemediğini ekleyen bir anlatım yazın

Sesli anlatımın görünür her etiketi okuması gerekmez. Arayüzde zaten “Find a time” yazıyorsa ses, bu eylemin neden önemli olduğunu veya izleyicinin neyi fark etmesi gerektiğini açıklayabilir. Düğme etiketini bir kez tekrarlamak yararlı olabilir; ancak tüm senaryoyu böyle kurmak, arayüz envanterini sesli okumaya dönüşür.

Anlatımı gerçek planlara göre yazın. Dizi oynarken sesli okuyun. Sayfada kısa görünen bir cümle, özellikle ürün adı, yabancı bir terim veya birkaç sayı içeriyorsa sahnenin izin verdiğinden daha yavaş söylenmek zorunda kalabilir.

Sessizliğin de iş görmesine izin verin. Önemli bir eylemden sonraki kısa bir sessizlik, sonucun anlaşılmasına alan açabilir. Her saniyeyi sözcüklerle doldurmak, izleyiciyi çoğu zaman dinlemekle arayüzü okumak arasında seçime zorlar. Müzik, ikinci bir talimat kaynağına dönüşmeden tempoyu desteklemelidir.

Sessizken de anlamını koruyan bir sürüm hazırlayın. Bunun için her kontrolün üzerine tam bir döküm bindirmek yerine kısa altyazılar veya dikkatle seçilmiş birkaç etiket gerekebilir. Bu etiketlerin son gösterim boyutunda eylemi örtüp örtmediğini kontrol edin.

Editoryal referans olarak gerçek bir yazılım videosu kullanın

Wistia’nın yazılım ürünü videoları rehberi, kendi ürün örneklerini içerir ve bilinçli sunumla yazılımı anlaşılır kılmayı ele alır. Channels güncellemesi incelenmeye değerdir; çünkü bir yazılım duyurusu arayüz değişikliklerini önemsenmeleri için bir gerekçeyle bağlamalıdır. Video, sunucu ile gerçek ürün görünümlerini dönüşümlü kullanarak açıklamaya ve arayüze ayrı anlar ayırır.

Başka bir şirketin videosunu incelerken görsel görünümünü kopyalamak yerine her planın ne yaptığını kaydedin. Bir işi mi ortaya koyuyor, bir kontrolün yerini mi gösteriyor, sonucu mu gösteriyor, yoksa kişilik mi katıyor? Ürününüz tamamen farklı görünse bile bu sözcük dağarcığı yeniden kullanılabilir.

Referansın neleri dışarıda bıraktığına da dikkat edin. Bir video, mevcut müşterilerin arayüzü tanımasına güvenebilir. Kitleniz yeniyse daha fazla yönlendirme gerekebilir. Aynı ön bilgiye sahip olmayan bir kitleye aynı tempoyu uygulamak, sürümünüzü anlaşılmaz kılabilir.

Kontrolü ve etkisini birlikte fark edin

Wistia’nın yayımlanmış Channels güncellemesinin otuzuncu saniyesinde renk kontrolleri, etkiledikleri kanalın yanında görünür. Ürün görünümü, ayarın görünür sonucunu sunar. Planlama örneğimiz de aynı tür bağlantıya ihtiyaç duyar: seçilen saati, onayın bu seçimin sonucu olarak algılanmasını sağlayacak kadar etkinlik bağlamıyla birlikte gösterin.

İlk değerlendirme için üç maddelik bir not hazırlayın: girdi tanındı, eylem anlaşıldı, sonuç belirlendi. İzleyiciden her birini kendi sözleriyle anlatmasını isteyin. Eylem açık ama sonuç belirsizse sonraki revizyonu başka bir açılış kancası eklemeye değil, son duruma ayırın. Böylece kurgu emeği, gösterimin gerçekten aksayan bölümüne yönelir.

Hareketi doğrulanmış kaydın etrafında kurun

Düzenlenebilir kompozisyonda kaydı, açıklama metnini, arka planı ve kapanış karesini ayrı tutun. Böylece kaydedilmiş iş akışını yeniden kurmadan özellik adını değiştirebilir veya son daveti ayarlayabilirsiniz. Bu, özgün kanıtı koruyarak başka bir en-boy oranı üretmeyi de kolaylaştırır.

OpenDesign Motion için bir brief; sağlanan kaydı, sahnenin amacını, ekranda görünecek kesin metni, süreyi, en-boy oranını ve gerekli çıktı dosyalarını belirtebilir. Düzenlenebilir bir proje ve işlenmiş bir MP4 isteyin, ardından ikisini de inceleyin. Çalışan bir animasyon önizlemesi tek başına dışa aktarılan dosyanın doğru olduğunu kanıtlamaz.

Gerçeğe sadık kalması gereken bölümleri açıklayın: uydurulmuş ekran durumları, değiştirilmiş ürün etiketleri ve kayıt gibi sunulan yapay etkileşimler olmasın. Bu sınırları kesin tutarken dekoratif tercihleri açık bırakabilirsiniz. Böylece kompozisyon, gösterimin güvenilirliğini zayıflatmadan gelişebilir.

Bir planın daha iyi kırpılması gerekiyorsa önce o planı düzeltin. Tüm video aceleye gelmiş gibi hissettiriyorsa hikâyeyi ve zamanlamayı yeniden ele alın. Bunlar farklı sorunlardır. Daha “premium” veya “dinamik” bir sürüm istemenin ikisini de güvenilir biçimde çözmesi pek olası değildir.

İş akışının kurgudan sağ çıkıp çıkmadığını sınayın

Videoyu yapımında yer almamış birine gösterin. Kişinin ne yapmaya çalıştığını, ürünün hangi eyleme yardımcı olduğunu ve son ekranın ne gösterdiğini sorun. Bu sorular, videonun güzel görünüp görünmediğini sormaktan daha doğrudan biçimde anlamayı sınar.

İzleyiciyi yanıtının ortasında düzeltmeyin. Bir sahneyi yanlış anladıysa açıklamadan önce yanlış anlamayı kaydedin. Sizin açıklamanız, videonun tam olarak neyi sunamadığını ortaya çıkarabilir. Amaç, videonun gayriresmî bir testi geçmesine yardım etmek değil, diziyi geliştirmektir.

Hedeflenen boyutta ve bağlamda izleyin. Masaüstünde tam ekran değerlendirme, mobil akışta veya dar bir açılış sayfası sütununda okunmayan küçük etiketleri gizleyebilir. Yalnızca düzenleme önizlemesine güvenmek yerine sıkıştırması ve platformun eklediği katmanlar dâhil, gerçekten dışa aktarılan dosyayı test edin.

Son kontrolü somut tutun. Etkinlik başlığını, katılımcıları, seçilen saati ve son eylemi doğrulayın. İlk ve son karelerde yanlışlıkla oluşmuş kesmeler arayın. Sesin temiz bittiğini ve sonraki adımın okunabildiğini doğrulayın. Eksiksiz bir otuz saniyelik SaaS demosu, yarım dakikaya en fazla özelliği sığdırarak değil, tek bir işi kolay izlenir kılarak kısa olmayı hak eder.