Öncesi ve Sonrası Karşılaştırma Videoları Nasıl Hazırlanır
Geliştirmelerinizi öncesi ve sonrası ekran kayıtlarıyla net biçimde gösterin. Farkı görünür kılan karşılaştırma videoları planlama, kaydetme ve kurgulama...
Öncesi ve Sonrası Karşılaştırma Videoları Nasıl Hazırlanır
Bazı iyileştirmeleri anlatmak zor, göstermek kolaydır. Eskiden sekiz saniyede açılan bir sayfa artık bir saniyede açılıyor. Karmakarışık bir kontrol paneli okunur hâle geldi. Kafa karıştıran ödeme akışından üç adım çıktı. Bu değişiklikleri kelimelerle anlatmak koca bir paragraf sürer; göstermek altı saniyelik video alır.
Öncesi/sonrası karşılaştırmaları, bir ekran kaydediciyle üretebileceğiniz en ikna edici formatlardan biridir — ve aynı zamanda en kolay yanlış yapılanlardan. İki kayıt birbirini tutmuyorsa izleyici, göstermek istediğiniz farka değil, istemeden yarattığınız farklara odaklanır.
Bu rehberde, iyileştirmenin kendi kendini anlatması için Recorded’da karşılaştırma videolarını nasıl planlayacağınızı, kaydedeceğinizi ve kurgulayacağınızı anlatıyoruz.
Karşılaştırma Videosu Ne Zaman Kullanılır
- Performans iyileştirmeleri: yükleme süreleri, derleme süreleri, işleme hızı, senkronizasyon süresi
- Yeniden tasarımlar: yeni bir düzen, gezinme yapısı veya görsel stilin eskisiyle yan yana gösterimi
- İş akışı değişiklikleri: yedi tıklamanın ikiye inmesi
- Hata düzeltmeleri: önce bozuk davranış, sonra düzeltilmiş hâli
- Kendi işinizin öncesi/sonrası: tasarım temizlikleri, yeniden düzenlemeler, göçler, metin revizyonları
Değişikliğiniz ekranda görünmüyorsa — çıktısı birebir aynı olan bir arka uç refaktörü gibi — karşılaştırma videosu işe yaramaz. Farkın izleyicinin gerçekten görebileceği bir şey olduğu durumlarda kullanın.
Altın Kural: Yalnızca Tek Bir Şeyi Değiştirin
Bir karşılaştırmanın tüm ikna gücü, iyileştirme dışındaki her şeyin aynı kalmasından gelir. Yani iki kayıt şunları paylaşmalı:
- Aynı pencere boyutu ve ekran çözünürlüğü
- Aynı yakalama modu ve kare hızı
- Aynı başlangıç durumu (aynı sayfa, aynı veri, aynı hesap)
- Aynı sırayla, aynı tempoda yapılan aynı işlemler
- Aynı tema — “öncesi”ni açık modda, “sonrası”nı koyu modda kaydetmeyin
En küçük uyumsuzluk bile izleyiciye sonuçtan şüphe etmek için bir gerekçe verir. İlk kez kaydet düğmesine basmadan önce bunların hepsini sabitleyin.
Karşılaştırmayı Planlamak
- İşlemlerin tam senaryosunu yazın. Seslendirmeyi değil, tıklamaları: “Kontrol panelini aç, Raporlar’a tıkla, son 30 günü seç, Dışa Aktar’a tıkla.”
- Neyi ölçtüğünüze karar verin. Süre, adım sayısı, hata sayısı ya da algılanan netlik. Bunu videoda açıkça söyleyin.
- Birebir aynı test verisini hazırlayın. Her iki ortamda da aynı kayıtları içeren bir demo hesabı, “orada zaten daha az veri vardı” itirazını ortadan kaldırır.
- Sabit bir pencere boyutu belirleyin. Bir kez ayarlayın ve çekimler arasında dokunmayın.
- Her sürümü bir kez prova edin. Bir çekimde takılıp diğerinde akıcı olmak, sonucunuzu sessizce abartır.
İki Sürümü de Kaydetmek
“Öncesi” ve “sonrası”nı tek bir uzun çekim yerine iki ayrı kayıt olarak alın. Ayrı dosyaları kırpmak, hizalamak ve biri kötü giderse yeniden çekmek çok daha kolaydır.
- Recorded’da yakalamayı ayarlayın — ikisi için de aynı monitörü, pencereyi veya alanı seçin
- Tek bir kare hızı belirleyin ve iki çekimde de koruyun
- “Öncesi” sürümünü işlem senaryonuza harfiyen uyarak kaydedin
- Ortamı değiştirin — yeni sürüm, yeni tasarım, hazırlık (staging) adresi
- Pencerenin hâlâ aynı boyutta olduğunu doğrulayın
- “Sonrası” sürümünü birebir aynı işlem senaryosuyla kaydedin
İpucu: Yükleme sürelerini karşılaştırıyorsanız, yüklemeyi tetikleyen tıklamadan biraz önce kaydı başlatın ve bittikten biraz sonra durdurun. Bu fazladan kareler, adil bir başlangıç noktasına kırpmayı çok kolaylaştırır.
Karşılaştırmayı Kurgulamak
Aynı Başlangıç Noktasına Kırpın
Her iki kaydı da düzenleyicide açın ve tam olarak aynı tetikleyici anda — genellikle tıklama karesinde — başlayacak şekilde kırpın. Bir tarafta yarım saniye erken başlayan bir karşılaştırma, aslında yavaş olmasa bile yavaş görünür.
Her İki Tarafı Net Etiketleyin
Ekranda Öncesi ve Sonrası yazmak için metin katmanları kullanın. Bunları:
- Her iki klipte de aynı konumda tutun
- Yalnızca ilk saniye değil, bölüm boyunca ekranda bırakın
- Sıkıştırmadan ve küçük telefon ekranlarından sağ çıkacak kadar yüksek kontrastlı yapın
İkinci bir katman olarak akan süre veya adım sayacı eklemek, iyileştirmeyi hissedilen değil ölçülebilir bir şeye dönüştürür.
Dikkati Yönlendirmek İçin Yakınlaştırma
Fark ekranın bir köşesinde yaşanıyorsa — dönen bir simge, bir sayaç, bir menü — her iki klipte de aynı anda yakınlaştırma efekti ekleyin. Yalnızca bir tarafta yakınlaştırmak simetriyi bozar; yakınlaştırma bölgelerini iki kayıtta da eşleyin.
Hız Değişikliklerine Dikkat
Hız değiştirme, eğitim videolarında harika, karşılaştırmalarda risklidir. Kliplerden birini hızlandırdığınızda izleyici artık zamanlamaya güvenemez. Uzun bir beklemeyi kısaltmanız gerekiyorsa, tam olarak aynı hızı iki klibe de uygulayın ve bunu ekranda belirtin.
Bir Düzen Seçin
- Ardışık: Önce “öncesi”, sonra “sonrası”. Basit, dürüst ve her en-boy oranında çalışır — en güvenli varsayılan.
- Yan yana: İki klip birlikte; süreler benzer olduğunda ve ekranlar yarı genişlikte okunacak kadar sade olduğunda idealdir.
- Kritik anda kesme: İkisini de belirleyici ana kadar gösterip aralarında geçiş yapın. Performans farkı çarpıcı olduğunda etkilidir.
Dikey veya sosyal medya formatlarında klipleri sağ-sol yerine alt-üst yerleştirin; böylece her biri okunabilir boyutta kalır.
Dürüst Kalmak
Karşılaştırma videoları pazarlamadır ama aynı zamanda kanıttır. Sorgulandığında ayakta kalamayan bir sonuç, videonun kazandırdığından fazla güven kaybettirir.
- Bir çalıştırmada önbelleği temizleyip diğerinde temizlemeyin
- “Öncesi”ni kısıtlanmış bir bağlantıda çalıştırmayın
- “Sonrası” sürümünde sessizce bir adımı atlamayın
- Koşulları belirtin: hangi makine, hangi ağ, ne kadar veri
- En şanslı denemenizi değil, tipik bir durumu gösterin
Dışa Aktarma ve Paylaşma
- Video gömdüğünüz veya yüklediğiniz her yer için MP4
- README, sürüm notları veya sohbet mesajındaki kısa karşılaştırmalar için GIF — birkaç saniyeyi geçmeyin
- Sosyal platformlar için dikey kırpma, yukarıda anlatılan alt-üst düzenle
Dosyaya, indirildikten sonra da anlaşılır bir ad verin: checkout-flow-before-after-2026-09.mp4, karsilastirma-final-v3.mp4’ten iyidir.
Hızlı Kontrol Listesi
[ ] Her iki çekimde aynı pencere boyutu, çözünürlük, kare hızı ve tema
[ ] Aynı başlangıç durumu ve aynı test verisi
[ ] Birebir aynı işlem senaryosu, her iki sürüm için prova edilmiş
[ ] İki klip de aynı tetikleyici karede kırpılmış
[ ] Öncesi/Sonrası metin katmanları eşleşen konumlarda
[ ] Yakınlaştırma efektleri iki klipte de eşlenmiş
[ ] Yalnızca bir tarafa uygulanmış hız değişikliği yok
[ ] Koşullar ekranda veya açıklamada belirtilmiş
Sonuç
İyi bir karşılaştırma videosu bir şeyin daha iyi olduğunu iddia etmez; izleyicinin bunu görüp kendi kararını vermesini sağlar. İki kaydı olabildiğince eşleyin, yalnızca gösterdiğiniz şeyi değiştirin ve sonucu net biçimde etiketleyin. Bir dahaki sefere bir yeniden tasarım, bir hız iyileştirmesi ya da daha yalın bir akış yayına aldığınızda, eski sürüm ortadan kalkmadan iki tarafı da kaydedin. Sonradan geri dönüp çekemeyeceğiniz görüntü tam olarak budur.