Dönüşümü Düşüren 12 Web Sitesi Tasarım Hatası (ve Düzeltmeleri)

Web sitesi tasarım hataları çoğunlukla görsel değil yapısaldır: renk yanlış seçildiği için değil, ziyaretçi ne yapacağını anlamadığı için iletişim gelmez. Aşağıdaki 12 hata, işletme sitelerinde en sık karşılaşılan dönüşüm kayıplarını, belirtilerini ve düzeltmelerini içeriyor. Ölçümü olmayan bir düzeltme tahmindir; bu yüzden önce teşhis, sonra öncelik sırası ele alınıyor.

Dönüşüm Nedir ve Neden Tasarıma Bağlıdır?

Dönüşüm, ziyaretçinin sitenizde değerli bir eylemi tamamlamasıdır: aramak, form doldurmak, WhatsApp'tan yazmak, randevu almak veya satın almak. Aynı trafikle iki farklı sitede çok farklı sayıda eylem gerçekleşebilir; fark, tasarımın ziyaretçiyi ne kadar net yönlendirdiğindedir. Tasarımın rolü güzel görünmek değil, ziyaretçinin niyetiyle işletmenin hedefini buluşturmaktır.

12 Tasarım Hatası ve Düzeltmeleri

1. Ne yaptığınızı ilk ekranda söylememek

Belirti: Ana sayfada "Geleceğe güç veriyoruz" gibi soyut bir slogan var; hizmet ne, kime, belli değil. Düzeltme: Başlığa hizmetinizi ve kitlenizi somut yazın: "İstanbul'daki klinikler için randevu sistemi". Slogan destekleyici olabilir, ana mesaj olamaz.

2. Birden fazla eşit ağırlıklı eylem çağrısı

Belirti: Aynı ekranda "Ara", "Teklif al", "Kataloğu indir", "Bültene katıl", "Bizi takip et" düğmeleri yarışıyor. Düzeltme: Her sayfada tek bir birincil eylem belirleyin; diğerlerini görsel olarak geri planda tutun.

3. İletişim yolunu gizlemek

Belirti: Telefon numarası yalnızca sayfa altında, formu bulmak için üç tık gerekiyor. Düzeltme: Menüde görünen bir iletişim düğmesi, mobilde tıkla-ara bağlantısı ve hizmet sayfalarında sayfa içi eylem çağrısı ekleyin.

4. Yavaş ve kayan sayfalar

Belirti: Sayfa geç açılıyor, içerik yüklenirken düğmeler yer değiştiriyor ve yanlış yere tıklanıyor. Düzeltme: Ana görseli optimize edin, gereksiz betikleri kaldırın, görsellere boyut verin. Eşikler için web sitesi hızı ve Core Web Vitals yazımıza bakın.

5. Mobilde küçük ve sıkışık öğeler

Belirti: Düğmelere basmak zor, menü açılmıyor, form alanları yakınlaştırma gerektiriyor. Düzeltme: Dokunma hedeflerini büyütün, formu tek sütuna alın, yazı boyutunu en az 16 piksel yapın. Ayrıntı: mobil uyumlu web sitesi tasarımı.

6. Gereğinden uzun form

Belirti: Ziyaretçi formu açıyor ama göndermiyor. Düzeltme: Yalnızca ilk görüşmeye gereken alanları bırakın. Diğer bilgileri görüşmede alın. Hata mesajlarını alanın yanında gösterin ve gönderim sonrası ne olacağını açıkça yazın ("1 iş günü içinde dönüş yapıyoruz").

7. Güven unsurlarının eksikliği

Belirti: Referans yok, şirket bilgisi belirsiz, iletişim bilgisi yalnızca bir form. Düzeltme: Gerçek referansları, proje örneklerini, şirket bilgilerini ve gizlilik/KVKK sayfalarını görünür kılın. Uydurma yorum veya sahte puan eklemeyin; bir kez fark edildiğinde tüm güveni götürür.

8. Stok fotoğraf yığını

Belirti: Gülümseyen anonim insanlar, el sıkışan takım elbiseler. Düzeltme: Gerçek ekip, ofis ve iş örnekleri; mümkün değilse diyagram, ekran görüntüsü veya sade tipografiyle özgün görsel dil kurun.

9. Ağır slider ve otomatik oynayan içerik

Belirti: Ana görsel sürekli değişiyor, ziyaretçi mesajı okumaya fırsat bulamıyor; sayfa da ağırlaşıyor. Düzeltme: Tek ve net bir ana mesaj, gerekiyorsa kullanıcı kontrolünde bir galeri kullanın.

10. Ekranı kaplayan pencereler

Belirti: Açılışta bülten, kampanya veya çerez penceresi içeriği kapatıyor. Düzeltme: Bildirimleri alt şerit olarak ve içeriği kapatmadan gösterin. Bülten teklifini, ziyaretçi sayfayı okuduktan sonra sunun.

11. Zayıf kontrast ve okunması zor metin

Belirti: Açık gri metin beyaz zeminde, küçük punto, çok uzun satırlar. Düzeltme: Normal metin için en az 4.5:1 kontrast oranı (WCAG), en az 16 piksel gövde metni ve 45-80 karakter satır uzunluğu hedefleyin. Erişilebilirlik ölçütleri için W3C WCAG yönergelerine bakabilirsiniz.

12. Belirsiz süreç ve fiyat bilgisi

Belirti: Ziyaretçi "ne kadar sürer, nasıl çalışıyorsunuz, kabaca ne kadar tutar?" sorularının cevabını bulamıyor. Düzeltme: Çalışma sürecini adım adım anlatın, fiyatı etkileyen kalemleri açıklayın ve kesin rakam veremiyorsanız nedenini söyleyin. Fiyat belirleyicileri için web sitesi fiyatları rehberimize bakın.

Hatalar ve Belirtileri: Hızlı Tablo

Hata	Analizde görünen belirti
Belirsiz değer önerisi	Ana sayfada yüksek çıkış, kısa oturum süresi
Çok fazla eylem çağrısı	Tıklamalar dağınık, hiçbir eylem öne çıkmıyor
Gizli iletişim	İletişim sayfasına az ziyaret, telefon tıklaması düşük
Yavaş sayfa	Mobilde yüksek çıkış, Core Web Vitals başarısız
Uzun form	Form sayfası ziyareti var, gönderim yok
Zayıf güven	Referans sayfası ziyareti çok ama iletişim az

Önce Teşhis: Neyi Ölçmelisiniz?

Düzeltmeye başlamadan önce üç şeyi ölçün:

1. Eylemler: Telefon tıklaması, form gönderimi, WhatsApp tıklaması, satın alma; analiz aracınızda "olay" olarak tanımlayın.
2. Davranış: Isı haritası ve oturum kaydı araçlarıyla ziyaretçilerin nereye tıkladığını, nerede takıldığını izleyin. Bu araçları kullanırken çerez ve aydınlatma yükümlülüklerini gözetin; ayrıntılar için KVKK uyumlu web sitesi yazımıza bakın.
3. Cihaz kırılımı: Sorun yalnızca mobilde mi? Çoğu zaman öyledir.

Beş Saniye Testi

En ucuz teşhis yöntemi: sitenizin ana sayfasını birine beş saniye gösterin, sonra kapatıp sorun: "Bu firma ne yapıyor? Kime hizmet veriyor? Ne yapmamı istiyor?" Üç sorudan biri cevaplanmıyorsa ilk düzeltme burada başlar. Beş kişiyle yapılan bu test, ciddi yapı hatalarının çoğunu ortaya çıkarır.

Hangi Hatadan Başlamalı? Etki ve Emek Matrisi

Öncelik	Hata	Neden
1 (yüksek etki, düşük emek)	Gizli iletişim, tek eylem çağrısı, tıkla-ara bağlantısı	Küçük değişiklik, hemen etki
2 (yüksek etki, orta emek)	Ana mesaj, form kısaltma, güven unsurları	Metin ve içerik çalışması gerekir
3 (yüksek etki, yüksek emek)	Hız ve mobil yeniden düzenleme	Teknik çalışma gerekir
4 (düşük etki)	Görsel ince ayarlar	Temel sorunlar çözüldükten sonra

A/B Testi Ne Zaman Anlamlıdır?

A/B testi, iki sürümü aynı anda farklı ziyaretçilere göstererek karşılaştırır. Anlamlı sonuç için yeterli sayıda ziyaretçi ve dönüşüm gerekir; düşük trafikli sitelerde test sonuçları rastlantıdan ayırt edilemez. Böyle bir sitede büyük ve bilinen sorunları (hız, mobil, net eylem çağrısı, güven unsurları) düzeltmek, ince ayar testlerinden çok daha verimlidir.

Senaryo: Aynı Trafik, İki Farklı Ana Sayfa

Aşağıdaki senaryo hayalidir; sayı vermeden, hataların ve düzeltmelerin nasıl birleştiğini göstermek için kurgulanmıştır. Küçük bir hizmet firması düşünün: sitesi arama ve reklamlardan aynı miktarda ziyaretçi alıyor, ama çok az kişi iletişime geçiyor.

Mevcut ana sayfa: Başlık "Profesyonel çözümler, güvenilir gelecek." Altında dönen bir görsel bandı, üç ayrı düğme ("Hakkımızda", "Hizmetler", "Bize ulaşın"), sayfanın altında küçük bir iletişim formu ve dokuz alanı olan bir başvuru sayfası. Mobilde menü açılıyor ama telefon numarası yalnızca en alttaki bölümde. Sayfa mobil ağda geç açılıyor.

Düzeltilmiş ana sayfa: Başlık "Muhasebe ve vergi işlerinizi tek noktadan yürütüyoruz" gibi ne yaptığını ve kime yaptığını söylüyor. Altında tek bir birincil düğme ("Ücretsiz ön görüşme"), yanında "Ara" bağlantısı. İlk ekranda küçük bir güven işareti (gerçek bir müşteri görüşü). Sabit ve büyütülmüş bir mobil iletişim çubuğu. Form dört alana indirilmiş. Görseller optimize, ana görsel önceliklendirilmiş.

İki sürüm arasındaki fark tasarım "güzelliği" değil, üç şeydir: mesajın net olması, eylemin tek ve kolay olması, sürtünmenin azaltılmış olması. Böyle bir değişikliğin etkisini önce eylem olaylarıyla (telefon, form) ölçüp karşılaştırın; başka bir sitenin ortalamasıyla değil.

E-ticarete Özgü Dönüşüm Hataları

Satın alma sürecinde ziyaretçi daha fazla risk algılar; bu yüzden e-ticaret sitelerinde hatalar doğrudan satış kaybına dönüşür. En sık karşılaşılanlar:

• Zorunlu üyelik: Satın almadan önce hesap oluşturmayı şart koşmak, birçok müşteriyi vazgeçirir. Misafir olarak satın alma seçeneği sunun.
• Geç ortaya çıkan maliyetler: Kargo ücreti veya ek masrafın son adımda görünmesi güven kaybettirir. Toplam maliyeti erken gösterin.
• Belirsiz iade ve teslimat koşulları: Ürün sayfasında ve ödeme adımında net, sade bilgi bulunmalı.
• Zayıf ürün sayfası: Az fotoğraf, belirsiz ölçü veya teknik bilgi, eksik stok bilgisi. Ürün sayfası satış görüşmesinin tamamıdır.
• Ödeme güveni eksikliği: Tanıdık ödeme yöntemleri, güvenli ödeme bildirimi ve şirket bilgilerinin görünür olması gerekir.
• Mobil ödeme sürtünmesi: Uzun formlar, küçük alanlar ve doğrulama adımları mobilde sepet terkine yol açar. Otomatik doldurma ve tek sayfa ödeme akışı gibi çözümler işe yarar.
• Etkisiz site içi arama: Ürünü bulamayan ziyaretçi gider. Arama kutusu görünür olmalı ve yazım hatalarını tolere etmeli.

E-ticaret projelerini planlıyorsanız e-ticaret yazılım çözümlerimize göz atabilirsiniz.

Form Tasarımında 8 Ayrıntı

Forma gelen ziyaretçi zaten karar vermiştir; formu terk etmesinin nedeni çoğu zaman sürtünmedir. Şu ayrıntılar fark yaratır:

1. Alan sayısını azaltın: Yalnızca ilk görüşme için gereken bilgi.
2. Görünür etiket kullanın: Yer tutucu metin yazmaya başlayınca kaybolur.
3. Zorunlu ve isteğe bağlı alanları belirtin: Ziyaretçiyi tahmin etmeye zorlamayın.
4. Mantıklı alan sırası: Önce kolay olanlar (ad), sonra mesaj.
5. Somut hata mesajları: "Geçersiz giriş" yerine "E-posta adresi @ işareti içermeli".
6. Doğru alan tipleri: Telefon ve e-posta alanları uygun klavye açar.
7. Gizlilik bilgilendirmesi: Formun yanında gizlilik/aydınlatma metnine bağlantı bulunsun.
8. Gönderim sonrası netlik: "Talebiniz alındı, 1 iş günü içinde dönüş yapıyoruz" gibi bir onay gösterin ve gerçekten öyle yapın.

Haftalık İyileştirme Ritmi

Dönüşüm iyileştirmesi tek seferlik bir proje değil, küçük ve düzenli adımlar dizisidir. Basit bir ritim kurun: her hafta tek bir değişiklik yapın, değişiklikten önceki ve sonraki eylem verisini not edin, ardından sonucu bir sonraki adıma taşıyın. Bir seferde birden fazla şeyi değiştirirseniz sonucu hangisinin doğurduğunu bilemezsiniz. Bu düzenin küçük bir tablosu (tarih, değişiklik, beklenti, sonuç) kurumsal hafızanız olur; aynı hatayı ikinci kez yapmanızı önler ve ekip değişse bile bilgi kaybolmaz.

Dönüşüm Odaklı Bir Ana Sayfa İskeleti

Ana sayfa, çoğu ziyaretçinin ilk gördüğü sayfadır. Aşağıdaki blok sırası, işletme sitelerinde sık işe yarayan bir iskelettir; her bölümün tek bir görevi vardır:

1. İlk ekran (hero): Ne yaptığınızı ve kime yaptığınızı söyleyen başlık, tek birincil eylem, küçük bir güven işareti.
2. Güven şeridi: Gerçek referans adları, sertifikalar veya kuruluş yılı gibi kısa kanıtlar.
3. Hizmet özeti: Ana hizmetler, her biri kendi sayfasına giden kısa açıklamalarla.
4. Çalışma süreci: Ziyaretçinin belirsizlik korkusunu azaltan 3-5 adım.
5. Kanıt bölümü: Proje örneği veya müşteri görüşü; gerçek ve izinli olmalı.
6. Sık sorulan sorular: Fiyat, süre ve kapsam gibi asıl itirazları yanıtlayan kısa cevaplar.
7. Kapanış eylem çağrısı: İlk ekrandaki eylemin tekrarı; sayfayı sonuna kadar okuyan ziyaretçiye net bir sonraki adım.

Bu iskelet bir şablon değil, bir mantıktır: her blok bir soruyu yanıtlar ve ziyaretçiyi bir adım ileri taşır. İşletmenize göre sırayı ve içeriği uyarlayın; bir bloğun neden orada olduğunu söyleyemiyorsanız çıkarın. Ne kadar az blokla amacınıza ulaşırsanız, sayfa o kadar hızlı ve o kadar net olur.

Özet Notlar: Dönüşüm İçin 5 Cümle

• Dönüşüm kaybının çoğu yapısaldır: belirsiz mesaj, çok sayıda eylem çağrısı, gizli iletişim ve yavaş sayfa.
• Önce ölçün: telefon, form ve WhatsApp tıklamalarını olay olarak tanımlayın.
• Beş saniye testi, ana mesajın anlaşılıp anlaşılmadığını en ucuz yoldan gösterir.
• Yüksek etki ve düşük emek getiren düzeltmelerden başlayın: eylem çağrısı, iletişim yolu, form uzunluğu.
• Her hafta tek bir değişiklik yapın ve sonucu kaydedin; aynı anda çok şeyi değiştirmeyin.

Hataları Önlemenin Yolu: Sürece Yerleştirmek

Bu hataların çoğu, tasarım kararları verilirken ölçüm ve kullanıcı perspektifi düşünülmediği için ortaya çıkar. Ölçüm ve eylem kararlarını süreç başında netleştirmek için tasarım süreci yazımıza, kalite ölçütleri için profesyonel web sitesi tasarımı yazımıza bakın. Genel çerçeve işletmeler için web sitesi tasarımı rehberimizde.

Mevcut sitenizin dönüşüm sorunlarını birlikte teşhis etmek isterseniz web site geliştirme hizmetimizi inceleyin veya bize yazın.

Web Sitesi Tasarımı Rehber Serisindeki Diğer Yazılar

Bu yazı, işletmeler için web sitesi tasarımını farklı açılardan ele alan bir serinin parçası. İlgilendiğiniz konuya doğrudan geçebilirsiniz:

• İşletmeler için web sitesi tasarımı rehberi
• Profesyonel web sitesi tasarımının 12 ölçütü
• Kurumsal web sitesi sayfa yapısı ve bilgi mimarisi
• Web sitesi tasarım süreci: adım adım
• Mobil uyumlu web sitesi tasarımı
• Web sitesi hızı ve Core Web Vitals
• SEO uyumlu web sitesi tasarımı
• Yapay zekâ aramaları için web sitesi tasarımı
• Yerel işletmeler için web sitesi tasarımı