Başarılı bir Web Hikayesi oluşturmak için en iyi uygulamalar
Important: this documentation is not applicable to your currently selected format ads!
Web hikayeleri; sürükleyici, dokunulabilir ve kolayca paylaşılabilir bir hikaye anlatımı biçimidir. Web hikayeleri, AMP çerçevesinin bir alt bölümü kullanılarak oluşturulmuştur. Web hikayeleri, içerik oluşturucuların ve yayıncıların içeriği kullanıcılar için tam ekran, görsel olarak zengin ve ilgi çekici bir mobil deneyim içinde yapılandırmaları için bir fırsattır.
Web Hikayeleri atıştırılabilir ve okuyucular kısıtlı anlarında hızlı ısırıkları severler. Metro beklemek ya da kahve içmek, yoğun içerik tüketimi için fırsatlar yaratır. Tatmin edici, atıştırmalık bir Web Hikayesi oluşturmak için bu en iyi uygulamaları izleyerek her lokmanın ilgi çekici olmasını ve okuyucunun zevk almasını sağlayın.
Bir bakışta
Tatmin edici, atıştırmalık bir Web hikayesi yaratmanın ana yolları:
- Tam ve ilginç bir hikaye anlatın.
- Yüksek kaliteli görüntüler ve akılda kalıcı bir başlık ile kapak sayfanızın etkisini en üst düzeye çıkarın.
- Kullanıcının ekranına sığan ve ekranı dolduran videolar ve resimlerle görselleştirin.
- Özellikle görsel öğeleri kullanırken, daha az şeyle çok şey söyleyebilirsiniz. Metni sayfa başına 10 kelimenin altında tutmayı hedefleyin.
- Videoları kullanırken, daha kısa olanlar en iyisidir, bu yüzden 15 saniyeden daha kısa tutmaya çalışın.
- Bazı insanlar ve bazı durumlar sessiz seyretmeyi gerektirir. Videolara altyazı ekleyerek içeriği kapsayıcı tutun.
- Okuyuculara dokunabilecekleri bir şey verin. Ortalama 10 ila 20 sayfa uzunluğu, çoğu yazarın iyi bir anlatı anlatmasını sağlar.
- Animasyonları aşırı kullanmayın veya gömmeyin ve geçiş zamanlamasına dikkat edin.
Anlatınızı bilin
Hikaye girişini planlayın, bir yay oluşturun ve eksiksiz bir anlatı oluşturun. Ne söylemek istediğini anladıktan sonra, onu ayırın. Her Web Hikayesi sayfası, diğerleriyle uyumlu çalışan tek bir fikri iletmelidir.
Zevkli ve doyurucu içerik
Her Web hikayesi en az 4 sayfa olmalı ve ideal olarak 30'dan az olmalıdır. Web hikayelerinin iyi anlatılması ve tüketilmesinin kolay olması gerekir. Anlatımınız için gerekirse, 30'dan daha uzun sürsün.
Beni seç! Paketleme
Kapak sayfanız Web Hikayenizin ambalajıdır. Bu, izleyicilerin göreceği ilk ve eğer açmazlarsa, görecekleri tek şeydir. Çekici olduğundan emin olun! İyi bir kapak sayfası iki unsurdan oluşur: çekici görüntüler ve kısa, unutulmaz bir başlık.
Görüntü
Tam ekrana uyan yüksek kaliteli bir portre görüntüsü veya videosu kullanın. Bir favicon ve logo ekleyerek hayranlarınızın markanızı bilmesini sağlayın.
Başlık
Başlığı, ideal olarak 40 karakterden daha az karakterde 10 kelimenin altında, net ve temiz tutun. Yazar ve yayın adını ekleyin ve hikaye zamana duyarlı ise bir yayın tarihi ekleyin.
Marka ve tarih
Okuyucunun Web hikayesini kimin ve ne zaman yayınladığını bilmesi gerekir. Kapak sayfasına bir marka ilişkilendirmesi ve yayın tarihi ekleyin. Bu, güven ve bir kullanıcı içeriğinizi beğenirse sadakati besler. CNN'den İtalya'da seyahatle ilgili bu Web Hikayesi, hikayeyi kimin yayınladığını ve ne kadar güncel olduğunu bir bakışta görmeyi kolaylaştırıyor.
Görsel zevk
Okuyucuları, hem kolay hem de hızlı bir şekilde okuyabilecekleri metinlerle ve dikkatlerini çeken kaliteli görsellerle cezbedin. Esas olarak yüksek kaliteli videolar ve resimler kullanın, ancak kullanımın mantıklı olduğu yerlere biraz animasyon ışıltısı ekleyin.
Tüm resimler ve videolar, mantıklı olduğu yerde en az harf kullanımı ile tüm ekranı kaplamalıdır.
Video
Videolar okuyucular için oldukça ilgi çekicidir ve kesinlikle Web Hikayenize olabildiğince çok video ekleyin. 15 saniyeden kısa videoları hedefleyin. Daha uzun bir videonuz varsa, onu daha küçük parçalara ayırmayı düşünün.
Web hikayeleri portre modunda tüketilir, bu nedenle aşağıdakileri aklınızda bulundurun:
- Mümkün olduğunda üst düzey mobil cihazlarla video çekin.
- 480p'de çekim yapın.
- Saniyede en az 24 kare çekim yapın.
| YAP | YAPMA |
|---|---|
| | |
| Bu tam çerçeveli video, okuyucuların tek bir ana konuya odaklanmasına yardımcı olur. | Bu manzara videosu sürükleyici bir duygudan yoksundur ve okuyucuların dikkatini dağıtabilir. |
İçeriğinizin erişilebilir olduğundan emin olun. Alttaki metin ve altyazılara yer açmak için videoları yeniden boyutlandırın. Tüm okuyucular video içeriğini duyamaz veya duymak istemez.
| YAP | YAPMA |
|---|---|
| | |
| Altyazılar, sesi dinleyemediklerinde bile kitlenizin ilgisini çekmeye yardımcı olur. | Altyazılar olmadığında, izleyicilerinizin hikayenizi takip etmek için sesi dinleyebilmesi gerekir. Bu, içeriğinizle kimlerin etkileşime gireceğini ve ne zaman yapabileceklerini sınırlayabilir. |
Resimler
İyi çözünürlüğe sahip tam ekran, portre görüntüleri kullanın (828 x 1792).
Yatay kırpılmış fotoğraflardan kaçının.
Dikkatli bir şekilde kırpın
Neyin önemli olduğuna odaklanın. Gereksiz veya dikkat dağıtıcı öğeleri kırpın ve fotoğrafın önemli konusunun odakta ve eksiksiz olduğundan emin olun. Bazı cihazlarda üst ve alt kısımların kırpılabileceğini unutmayın, bu yüzden lütfen buna göre test edin.
| YAP | YAPMA |
|---|---|
| Bu görüntü, sayfa içeriğiyle hizalanacak şekilde kırpılır ve ana fikri destekler. | Bu ürünle, okuyucunun odaklanmasının nerede olması gerektiği ve görüntünün hangi fikri iletmeyi amaçladığı belirsizdir. |
Metin
Metnin okunabilir olduğundan emin olun. 24 yazı tipi boyutu, kullanılan minimum boyut olmalıdır, ancak mümkün olduğunca büyük ve okunaklı olmasını sağlayın. Metin rengini hikaye sayfası arka planı veya resmiyle karşılaştırın. Yalnızca metin niteliğinde olan resimleri veya videoları eklemeyin.
| YAP | YAPMA |
|---|---|
| Yüksek kontrast, kelimeleri görmeyi kolaylaştırır. | Zayıf kontrastla, kelimeleriniz ve resimleriniz karışabilir, bu da kelimelerin okunmasını ve hikayenin takip edilmesini zorlaştırabilir. |
| Metni vurgulamak, kelimeleri öne çıkarabilir ve okuyucularınızın hikayenize odaklanmasına yardımcı olabilir. | Yoğun bir görüntü üzerinde açık renkli metin kullanmak, kelimelerin okunmasını zorlaştırır. |
Metin Atıştırmalıkları
Metin atıştırmalık halinde gelmelidir, yemek değil. Sayfa başına 200 karakterin altında tutmaya çalışın.
Ayrıntıları bir içerik listesi gibi ele alın, kullanılabilir hale getirin, ancak yalnızca kullanıcılar sorarsa. Uzun biçimli metin içeriğini bir sayfa ekine ekleyin. Sayfa ekleri, kullanıcıya okunacak daha çok şey olduğunu bildirir. Kullanıcılar ilgileniyorlarsa, cihazlarında yukarıya doğru kaydırabilirler.
Cümleden daha uzun metin içeriğine sahip bir sayfa kaçınılmaz olabilir. Bunların toplam hikaye sayfalarının %10'undan fazlasını kaplamasına izin vermeyin.
| YAP | YAPMA |
|---|---|
| Metni yalnızca temelde tutmaya çalışın. Metin bloklarını ayırmak için değişen tür boyutu ve stili taranabilirliği artırabilir. | Bunun gibi büyük bir metin duvarının okunması zor olabilir ve hikayenizle etkileşimi engelleyebilir. |
Animasyonlar
Animasyonlar, durağan görüntülere hareket eklemek gibi bir amaç ile yapıldığında iştah açıcıdır. Görüntüleri ve varlıkları uçarak girme, döndürme veya belirme efektleri ile canlandırabilirsiniz.
| YAP | YAPMA |
|---|---|
| | |
| Bu örnekteki hareket, ana fikri desteklemeye yardımcı olur ve sayfaya dinamik bir öğe ekler. | Bu durağan sayfa işlevseldir, ancak okuyucular için daha ilgi çekici olma fırsatını kaçırıyor olabilir. |
Ancak, aşırı kullanıldığında animasyonlar tatsız hale gelebileceğinden, idareli kullanın. Animasyonlarla çok fazla lezzet ve baharat eklemekten kaçının.
Zamanlama her şeydir
Sayfalar, tamamlanmış durumlarına hızlı bir şekilde girmelidir. Bir animasyon, bir kullanıcının sonraki sayfaya dokunmasını engellememelidir. Ancak çok hızlı olmamalıdır! Doğru stil ve süre kombinasyonunu sunmak önemlidir. Örneğin, basit animasyonlar 500 milisaniyeden az sürmeli, ancak arka plan görüntüsünde kaydırma daha uzun sürmelidir.
| YAP | YAPMA |
|---|---|
| | |
| Arka plan görüntüsü üzerindeki bu Ken Burns efekti inceliklidir ve deneyimi daha sürükleyici hale getirir. Metin yerleşimi ile birlikte doğru bir denge oluşturur. | Buradaki Ken Burns etkisi çok hızlı. Hareket dikkat dağıtıcı ve başlığa odaklanmayı zorlaştırıyor. |
Hareket ile yaratıcı olmayı düşünün. Birden çok nesneyi tek bir efektte birlikte hareket ettirmek yerine bir sıra halinde canlandırın. Öğeler, tutarlı bir animasyon için çalışan farklı efektlere ve sürelere sahip olabilir.
| YAP | YAPMA |
|---|---|
| | |
| Bu nesneleri ayrı ayrı canlandırmak, bu görselliği daha ilginç ve eğlenceli hale getirir. Ayrıca, her öğenin daha belirgin bir şekilde öne çıkmasına yardımcı olur. | Bunun gibi büyük bir bloğa hızlı hareket eklemek, anlamaya katkıda bulunmaz ve dikkat dağıtıcı olabilir. |
Mükemmel eşleşmeler
Animasyon stilinizi hikayenizin estetiğiyle eşleştirin. İçerikten uzaklaşmadan sizin için çalışan bir stil ve yoğunluk bulmanıza yardımcı olmak için mevcut web hikayesi animasyon kütüphanesini kullanın.
| YAP | YAPMA |
|---|---|
| | |
| Başlığın yukarı doğru kaydırılması ve altyazının solması, okuyucunun sayfanın içeriğini doğru sırayla takip etmesine yardımcı olur. | Bu döndürme animasyonu hikayeye değer katmaz. Bunun yerine, görsel gürültü yaratır ve okuyucuları rahatsız edebilir. |
Daha fazlası için aç
Üçüncü taraf içeriği ekleyerek, ek bilgiler ekleyerek ve yeni konumlara bağlantı vererek kullanıcıların konunuzu daha fazla keşfetmesine izin verin.
Stratejik gömmeler
Gömmeler, alakalı olduğu yerlerde ek bir boyut sağlar ve hoş bir şekilde sunulur. Hikayenin entegre bir parçası olması için gömülen öğenin yanına alakalı içeriği ekleyin. Gömülü öğeniz için etkileşimi etkinleştirmeniz gerekebilir.
| YAP | YAPMA |
|---|---|
| Bu sayfadaki gömme, yerleşimin geri kalanıyla iyi bir şekilde bütünleşir. Başlık, tarih ve arka plan grafikleri görselliği geliştirmeye yardımcı olur. | Gömülü öğeyi tek başına sayfaya koymak tamamlanmamış olarak görünüyor ve tüm hikaye ile iyi bir şekilde bütünleşmiyor. |
Ek içerik ekleyin
İlgili içeriği eklere ekleyerek Web Hikayenizi kolaylaştırın. Bu şekilde, okuyucular hikayeniz hakkında daha fazla şey öğrenmek isterlerse daha derine inebilirler. Okuyucular, ilgili sayfalara ek içerik eklendiğinde bir hikayede daha kolay gezinir.
| YAP | YAPMA |
|---|---|
| | |
| Bu sayfadaki gömme, yerleşimin geri kalanıyla iyi bütünleşiyor. Başlık, tarih ve arka plan grafikleri görselliği geliştirmeye yardımcı oluyor. | Gömülü öğeyi tek başına sayfaya koymak tamamlanmamış olarak görünüyor ve tüm hikaye ile iyi bir şekilde bütünleşmiyor. |
Ekler, uzun metin bloklarıyla iyi çalışır veya hikayeniz öne çıkan bir video içeriyorsa, tam videoyu ek olarak ekleyebilirsiniz.
| YAP |
|---|
| |
| Öne çıkan bir video, bir AMP hikayesinde yararlı bir öğe olabilir. Tam uzunlukta bir videoyu ek olarak dahil edebilir ve okuyuculara içeriğinize daha derin bir dalış yapma fırsatı verebilirsiniz. |
Yeni konumlara bağlantı
Bir Web hikayesi sayfasından herhangi bir yere bağlantılar ekleyebilirsiniz. Bir bağlantıya tıklamak bir araç ipucunun görünmesine neden olur. Bu, kullanıcıya bağlantının nereye gittiğini söyler ve hikayeden çıkmadan önce eylemi onaylamasına izin verir.
| YAP | YAPMA |
|---|---|
| Bu sayfadaki bağlantılar açıkça işaretlenmiş ve ilgili içerikle çevrelenmiştir. Hikaye gezinmesine müdahale etmezler. | Bu sayfadaki bağlantılar gezinmeyi tamamen engeller. Okuyucuların kolayca önceki veya sonraki sayfaya gitmesi mümkün olmayacaktır. |
Bağlantı görünümünüzün boyutu, konumu ve sıklığı hakkında stratejik düşünün. Çok fazla dokunulabilir öğe, gezinmeyi karmaşıklaştırabilir ve okuyucuları hayal kırıklığına uğratabilir.
Kodla veya oluştur
Web hikayeleri sıfırdan elle kodlanabilir veya oluşturma araçları kullanılarak oluşturulabilir.
Bir Web Hikayesini elle kodluyorsanız, AMP çerçevesini kullanarak bunları sıfırdan oluşturacaksınız. Başlamak için İlk Web Hikayenizi Oluşturun bölümünü takip edin. Web Hikayenizi oluşturduktan sonra, geçerli bir AMP olduğundan emin olun. Sizinkini AMP doğrulayıcı ile test edebilirsiniz. Daha fazla bilgi için Web Hikayesi teknik ayrıntılarını okuyun.
-