← Bloga dön
Tasarım ve içerikhikâyelerinstagramtasarımmetiniçerik

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

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

Kontrast ekleyin: önce ve sonra

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

Metni büyütün: önce ve sonra

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

Metni bölün: önce ve sonra

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

Metni hizalayın: önce ve sonra

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

Blokları birbirine hizalayın: önce ve sonra

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

Vurguyu iyi kurun: önce ve sonra

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

Boş alanı kullanın: önce ve sonra

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

Fazlalıkları atın: önce ve sonra

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

Stili sadeleştirin: önce ve sonra

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

Okunaklı yazı tipi seçin: önce ve sonra

Basit test: bir saniye baktınız, okunuyor mu? Okunmuyorsa süslü yazı tipini değiştirin.

Güvenli alanlar: düğmelerin kapattığı yerler

Güvenli alanlar: düğmelerin kapattığı yerler: önce ve sonra

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)

Sıradakini oku