UX Writing Temelleri: Kullanıcıyla Doğru Kelimelerle Konuşma

Seviye: Başlangıç - Orta
Kategori: UX Design
Son güncelleme: Ocak 2025

---

Giriş

"Bir hata oluştu" vs "Bağlantın kesildi. İnterneti kontrol edip tekrar dene."

İkisi de hata mesajı. Ama biri kullanıcıyı çaresiz bırakır, diğeri ne yapacağını söyler.

Arayüzdeki her kelime bir tasarım kararı. Buton metni, placeholder, hata mesajı, onboarding metni - hepsi kullanıcı deneyiminin parçası. Yanlış kelime kafa karışıklığı yaratır, doğru kelime yönlendirir.

UX Writing, bu kelimeleri bilinçli şekilde seçme disiplini. "Lorem ipsum" ile tasarım bitmiyor, asıl iş kelimelerle başlıyor.

Bu yazıda UX Writing'in ne olduğunu, temel prensiplerini ve pratik ipuçlarını öğreneceksin.

---

UX Writing Nedir?

UX Writing kapsamı:

• Buton ve link metinleri
• Menü ve navigasyon
• Form label ve placeholder'lar
• Hata ve başarı mesajları
• Onboarding ve yardım metinleri
• Boş durum (empty state) metinleri
• Tooltip ve açıklamalar
• Bildirim metinleri

---

Microcopy Nedir?

Microcopy örnekleri:

• "Sepete Ekle" (buton)
• "ornek@email.com" (placeholder)
• "Şifren en az 8 karakter olmalı" (helper text)
• "Değişiklikler kaydedildi" (toast)

---

Neden UX Writing Önemli?

1. Yönlendirme

Kullanıcı ne yapacağını bilmiyorsa, metin söyler. "Devam" yerine "Ödemeye Geç" daha net.

2. Güven oluşturma

Profesyonel, tutarlı metin güven verir. Yazım hatası, belirsiz ifade güveni zedeler.

3. Dönüşüm artırma

Doğru CTA metni dönüşümü artırır. "Ücretsiz Dene" vs "Gönder" arasında ciddi fark olabilir.

4. Destek yükü azaltma

Net açıklamalar, daha az "bu ne demek?" sorusu demek.

5. Marka kişiliği

Metin tonu markayı yansıtır. Resmi mi, samimi mi, eğlenceli mi?

---

UX Writing Prensipleri

1. Net Ol (Clear)

Anlaşılması için düşünmeye gerek kalmamalı.

[COMPARISON] ❌ "İşlem gerçekleştirilemedi" ✅ "Kartından ödeme alınamadı. Kart bilgilerini kontrol et." [/COMPARISON]

2. Kısa Tut (Concise)

Her kelime anlam taşımalı. Gereksiz kelimeleri çıkar.

[COMPARISON] ❌ "Lütfen aşağıdaki butona tıklayarak kayıt işleminizi tamamlayınız" ✅ "Kaydı tamamla" [/COMPARISON]

3. Faydalı Ol (Useful)

Sadece bilgi verme, ne yapılacağını da söyle.

[COMPARISON] ❌ "Hata 404" ✅ "Bu sayfa bulunamadı. Ana sayfaya dön veya arama yap." [/COMPARISON]

4. İnsan Gibi Konuş

Kurumsal jargon yerine doğal dil.

[COMPARISON] ❌ "Talebiniz işleme alınmıştır" ✅ "Talebini aldık, 24 saat içinde dönüş yapacağız" [/COMPARISON]

5. Tutarlı Ol

Aynı şey için aynı kelime. Bir yerde "Kaydet", başka yerde "Sakla" olmasın.

---

CTA (Call to Action) Yazımı

CTA, kullanıcıyı harekete geçiren buton/link metni.

İyi CTA Özellikleri

1. Aksiyon fiili ile başla

• ❌ "Devam"
• ✅ "Sepete Ekle"

2. Spesifik ol

• ❌ "Gönder"
• ✅ "Mesaj Gönder"

3. Değer vaat et

• ❌ "Kaydol"
• ✅ "Ücretsiz Hesap Oluştur"

4. Kısa tut

• 2-5 kelime ideal
• Maksimum 7-8 kelime

CTA Örnekleri

[TABLE] | Kötü | İyi | Neden | |------|-----|-------| | Gönder | Ücretsiz Dene | Değer vaat ediyor | | Tıklayın | Planını Seç | Aksiyon spesifik | | İleri | Ödemeye Geç | Ne olacağı net | | Onayla | Siparişi Tamamla | Bağlam veriyor | | Başla | 14 Gün Ücretsiz Başla | Risk azaltıyor | [/TABLE]

Primary vs Secondary CTA

Primary: Ana aksiyon, dikkat çekici

• "Satın Al", "Ücretsiz Dene"

Secondary: Alternatif, daha az vurgulu

• "Daha Fazla Bilgi", "Belki Sonra"

---

Hata Mesajları

Hata mesajı kullanıcıyı en hassas anda yakalar. Kötü mesaj frustrasyonu artırır.

İyi Hata Mesajı Özellikleri

1. Ne olduğunu söyle Teknik kod değil, anlaşılır açıklama.

2. Neden olduğunu açıkla (mümkünse) Kullanıcının hatası mı, sistem mi?

3. Nasıl düzeltileceğini söyle Çözüm önerisi sun.

4. Suçlama "Hatalı giriş" değil, "Şifre eşleşmedi"

Hata Mesajı Formülü

[Ne oldu] + [Neden oldu (opsiyonel)] + [Ne yapılabilir]

Örnekler

---

Form Metinleri

Label

• Net ve kısa
• Soru formatından kaçın (genellikle)
• "Email Adresi" yeterli, "Email Adresiniz Nedir?" gereksiz

Placeholder

• Label yerine kullanma
• Örnek format göster
• Kaybolunca bilgi kaybı olmasın

[COMPARISON] ❌ Placeholder as label: Sadece "Email" placeholder'da ✅ Doğru: Label: "Email" + Placeholder: "ornek@email.com" [/COMPARISON]

Helper Text

• Label altında ek bilgi
• Gereksinimi açıkla
• Format ipucu ver

Örnek: Şifre [________________] En az 8 karakter, 1 büyük harf ve 1 rakam içermeli

Validation Mesajları

• Hemen göster (blur veya real-time)
• Spesifik ol
• Pozitif feedback de ver (✓)

---

Empty States

İçerik olmadığında gösterilen durum.

İyi Empty State

1. Ne olduğunu açıkla "Henüz favori eklemedin"

2. Değer öner "Favorilerin burada görünecek"

3. Aksiyon ver "Keşfetmeye Başla" butonu

Örnek

[İllüstrasyon] Sepetinde henüz ürün yok Beğendiğin ürünleri sepete ekle ve alışverişe başla. [Alışverişe Başla]

---

Tone of Voice

Metnin "kişiliği". Marka ile tutarlı olmalı.

Tone Spektrumu

[TABLE] | Boyut | Örnek Aralık | |-------|--------------| | Formalite | Resmi ↔ Samimi | | Ciddiyet | Ciddi ↔ Eğlenceli | | Saygı | Saygılı ↔ Sıra dışı | | Coşku | Sakin ↔ Heyecanlı | [/TABLE]

Tone Tutarlılığı

Hata mesajında eğlenceli, onboarding'de resmi olma. Tutarlı ol.

Ama: Bağlama göre ayarla. Ciddi hata (ödeme başarısız) çok eğlenceli olmamalı.

Örnek Tone Kılavuzu

Biz: Samimi ama profesyonel

• "Sen" diye hitap ederiz
• Emoji ölçülü kullanırız
• Jargondan kaçınırız
• Hatalarda empatik ve çözüm odaklıyız

---

Lokalizasyon Düşüncesi

Metin başka dillere çevrilecekse:

• Kısa tut (çeviri genellikle uzar)
• Kültürel referanstan kaçın
• Değişken için yer bırak (isim, sayı)
• Cinsiyet varsayımı yapma

---

UX Writing Süreci

---

Sık Yapılan Hatalar

1. Placeholder'ı label olarak kullanmak

Yazı girince placeholder kaybolur, kullanıcı ne istediğini unutur.

2. Jargon kullanmak

[COMPARISON] ❌ "Authentication failed" ✅ "Giriş yapılamadı" [/COMPARISON]

3. Çok uzun yazmak

Kimse paragraf okumak istemiyor. Kısa ve öz.

4. Suçlayıcı dil

[COMPARISON] ❌ "Hatalı şifre girdiniz" ✅ "Şifre eşleşmedi" [/COMPARISON]

5. Tutarsız terminoloji

"Kaydet", "Sakla", "Onayla" aynı iş için farklı yerler.

6. Lorem ipsum bırakmak

Gerçek metin olmadan tasarım eksik. Metin de tasarımın parçası.

---

---

---

İlgili İçerikler

Önceki: Micro-interactions Tasarımı

Sonraki: Gestalt İlkeleri ve Görsel Algı (yakında)

İlgili konular:

• Accessibility Temelleri
• Content Strategy Nedir? (yakında)
• Tone of Voice Rehberi (yakında)

İlgili Roadmap: UX Designer Roadmap → Content & Writing

---

Kaynaklar

Derinleşmek istersen:

• Writing is Designing - Michael Metts & Andy Welfle (Kitap)
• Strategic Writing for UX - Torrey Podmajersky (Kitap)
• UX Writing Hub (İngilizce, kurs ve kaynaklar)
• Google's UX Writing Guidelines (İngilizce, stil rehberi)