Sonuna kadar okunan hikâyeler: örnekleriyle 10 metin tasarımı kuralı

Hikâyeler bir saniyede geçilir, bu yüzden metin bir bakışta okunmalı. Hikâyelerde metni düzenlemenin 10 kuralı önce-sonra örnekleriyle burada; ayrıca düğmeler ve profil adı önemli kısmı kapatmasın diye Meta'nın güvenli alanları.
Hikâyeler neden sonuna kadar okunmuyor?
Bir hikâyeye birkaç saniye bakılır; metin hemen okunmazsa geçilir. Sorun genellikle içerikte değil, görünümdedir: çok küçük yazı, kalabalık arka plan üzerinde metin, tek parça uzun paragraf. Aşağıda neyi düzelteceğinizi ve sonucu görebilirsiniz.
Örnekleriyle 10 kural
1. Kontrast ekleyin

Açık arka plana koyu metin, koyu arka plana açık metin. Arka plan kalabalıksa metnin arkasına yarı saydam bir şerit koyun. Normal metin için erişilebilirlik standardı WCAG en az 4,5:1 kontrast önerir.
2. Metni büyütün

Telefonda küçük metin doğrudan atlanır. Başlık büyük, açıklama belirgin şekilde küçük olsun.
3. Metni bölün

Hikâyede kimse tam bir paragraf okumaz. Bir başlık ve iki üç kısa satır bırakın, kalanı sonraki hikâyeye.
4. Metni hizalayın

Soldan sağa okuruz, bu yüzden sağa hizalı metin daha zor okunur. Sola hizalama en kolayı; ortalama kısa ifadeler için.
5. Blokları birbirine hizalayın

Etiket, başlık ve açıklama farklı kenarlarda durursa göz zıplar. Tüm blokları tek bir çizgiye hizalayın.
6. Vurguyu iyi kurun

Her şey aynı görünürse hiçbir şey öne çıkmaz. Asıl noktayı — bir sayı ya da fayda — boyut veya renkle öne çıkarın.
7. Boş alanı kullanın

Fotoğrafların genelde sakin bir bölgesi olur: gökyüzü, sis, su. Metni oraya koyun, ayrıntıların üstüne değil.
8. Fazlalıkları atın

Fotoğrafta ne kadar az karmaşa olursa metin o kadar kolay okunur ve mesaj o kadar güçlü olur. Bazen başka bir kare seçmek daha iyidir.
9. Stili sadeleştirin

Bir iki yazı tipi ve tek vurgu rengi. Bir hikâyede üç yazı tipi ve üç renk dağınık görünür.
10. Okunaklı yazı tipi seçin

Basit test: bir saniye baktınız, okunuyor mu? Okunmuyorsa süslü yazı tipini değiştirin.
Güvenli alanlar: düğmelerin kapattığı yerler

Hikâye reklamları için Meta 9:16 formatını (önerilen 1440 × 2560) ve üstte yaklaşık %14, altta %35 ve her iki yanda %6'lık alanı metin ve logodan boş bırakmayı önerir. Profil simgesi, harekete geçirici düğme ve yanıt alanı orada görünür.
Metriverra hangi kampanya ve reklamların satış getirdiğini gösterir; yeni hikâye tasarımının işe yarayıp yaramadığını kolayca kontrol edersiniz.
Kısaca
- Önce kontrast ve büyük metin — bunlar olmadan diğerleri işe yaramaz.
- Metin kısa bloklar hâlinde, tek çizgiye hizalı.
- Tek vurgu ve bir iki yazı tipi.
- Metin fotoğrafın sakin bölgesinde, karmaşa olmadan.
- Reklamlarda üstte %14, altta %35, yanlarda %6 boş bırakın.
Kaynaklar: Meta Ads Guide — Instagram Stories · W3C — WCAG 2.2: Contrast (Minimum)


