İyi Web Tasarımı Nasıl Olmalı? Satış Getiren 12 UX İlkesi (2026)

İyi web tasarımı, ziyaretçinin siteye girdikten sonraki birkaç saniye içinde nerede olduğunu, burada ne bulacağını ve bir sonraki adımda ne yapması gerektiğini anladığı tasarımdır. Yani ölçüt güzellik değil sonuçtur: iyi tasarım, ziyaretçiyi hedefe — teklif formuna, sepete, telefona — en az sürtünmeyle götüren tasarımdır. Renk paleti, animasyonlar ve modern görünüm bu hedefe hizmet ettiği sürece değerlidir; etmediğinde yalnızca pahalı bir dekordur. Bu rehberde, sitesini yeniletmek ya da sıfırdan yaptırmak isteyen bir işletmeci olarak 'iyi'yi nasıl tanıyacağınızı, satış getiren 12 UX ilkesi üzerinden ve her ilke için kötü örnek belirtisiyle doğrusunu yan yana koyarak anlatacağız.

Bu sorunun cevabı her işletme için kritik, çünkü web siteniz çoğu zaman en pahalı satış elemanınızdır: 7/24 çalışır, reklamdan gelen her ziyaretçiyi ilk o karşılar ve potansiyel müşteri sizi aramadan önce kararının büyük kısmını orada verir. Türkiye'de kullanıcılar Trendyol, Hepsiburada ve bankacılık uygulamaları sayesinde çok yüksek bir arayüz standardına alıştı; siteniz bu standardın altında kaldığında ziyaretçi bunu 'bu firma işini ciddiye almıyor' diye okur. Üstelik Google Ads veya Meta reklamlarına harcadığınız her kuruş sonunda bu sitenin üzerine akar — site dönüştürmüyorsa reklam bütçesi de boşa gider.

İyi Tasarımın Tek Ölçütü: Ziyaretçiyi Hedefe Götürmesi

Web tasarımında en yaygın yanılgı, 'iyi'yi 'güzel' ile eşitlemektir. Oysa tasarım ödülü alabilecek kadar şık olup tek bir teklif formu bile üretmeyen siteler vardır; sade görünen ama her ay düzenli iş getiren siteler de. İyi tasarım dört katmanın toplamıdır: görünüm (estetik ve marka algısı), akış (ziyaretçinin sayfalar arasında izlediği yol), içerik (metinlerin netliği ve ikna gücü) ve hız (her şeyin ne kadar çabuk gerçekleştiği). Bu katmanlardan biri zayıfsa, diğerlerinin parlaklığı onu telafi etmez.

Yönettiğimiz projelerde en sık karşılaştığımız tablo şudur: işletme sahibi siteyi 'eskidi, modernleşsin' diye yeniletmek ister; biz sayfa davranışlarına baktığımızda asıl sorunun görünüm değil akış olduğunu görürüz. Ziyaretçiler geliyordur ama ne satıldığını anlamadan çıkıyordur, ya da ürünü beğenip ödeme adımındaki karmaşada vazgeçiyordur. Görünümü yenileyip akışı düzeltmeyen bir tasarım, aynı sorunun yalnızca daha şık bir versiyonunu üretir.

Bu yüzden değerlendirmeye her zaman şu sorudan başlayın: 'Bu sayfa ziyaretçiyi nereye götürüyor?' Ana sayfanın işi yönlendirmektir, hizmet ve ürün sayfalarının işi ikna etmektir, iletişim ve ödeme sayfalarının işi sürtünmeyi sıfırlamaktır. Tek bir net görevi olmayan sayfa ziyaretçiyi kararsız bırakır; kararsız ziyaretçi de geri tuşuna basar.

İlk İzlenim İlkeleri (1-3): Beş Saniyede Anlaşılmak

1. Net değer önerisi ve beş saniye testi

Sitenizi hiç tanımayan birine beş saniye gösterin ve kapatın. Üç soruya cevap verebiliyor mu: bu firma ne yapıyor, kimin için yapıyor, neden buradan almalıyım? Cevap veremiyorsa sorun ziyaretçide değil ilk ekranda demektir. Sayfanın kaydırmadan görünen ilk bölümü; ne sattığınızı, kime sattığınızı ve farkınızı tek bakışta anlatmalı, ardından tek bir net eylem önermelidir.

• Kötü belirti: 'Hayallerinizi gerçeğe dönüştürüyoruz' gibi her sektöre uyan bir slogan, ne satıldığını söylemeyen genel görseller ve beş farklı mesajın döndüğü bir slider.
• Doğrusu: Somut, tek cümlelik bir vaat — örneğin 'Kayseri merkezli endüstriyel mutfak ekipmanları: keşiften kuruluma 10 iş günü' — ve hemen altında tek bir birincil buton.

2. Mobil öncelikli tasarım

Türkiye'de KOBİ sitelerinin trafiği ağırlıklı olarak mobilden gelir; yönettiğimiz hesaplarda tipik olarak ziyaretlerin üçte ikisinden fazlası telefon ekranında gerçekleşir. Buna rağmen tasarım onayları hâlâ çoğunlukla masaüstü taslaklar üzerinden verilir. Mobil öncelik, masaüstü tasarımın telefona sıkıştırılması değildir; kurgunun en baştan küçük ekrana, dokunmaya ve tek elle kullanıma göre yapılmasıdır.

• Kötü belirti: Masaüstünde şık duran site telefonda dağılıyor: menü güç bela açılıyor, butonlar parmaktan küçük, tablolar ekrandan taşıyor, telefon numarasına dokununca arama başlamıyor.
• Doğrusu: Tasarım sürecinin telefon ekranıyla başlaması; rahat dokunulan buton boyutları, başparmağın ulaştığı bölgede duran ana eylem, e-ticarette ekranda sabit kalan arama ve sepet erişimi.

3. Hız: görünmeyen tasarım kararı

Hız çoğu zaman 'teknik ekip halleder' diye düşünülür ama aslında bir tasarım kararıdır: dev boyutlu görseller, her bölümde video arka plan, beş ayrı font ailesi ve sayfaya doldurulan üçüncü taraf eklentiler hızı daha tasarım masasında öldürür. Google'ın Core Web Vitals ölçütleri hem kullanıcı deneyimini hem de arama sıralamasını doğrudan etkiler; konunun teknik tarafını PageSpeed Insights rehberimizde adım adım anlattık.

• Kötü belirti: Sayfa açılırken uzun beyaz ekran, tam butona basarken öğelerin yer değiştirmesi (içerik zıplaması) ve mobil veride saniyeler süren bekleyişler.
• Doğrusu: WebP/AVIF formatında optimize edilmiş görseller, gerektiği kadar animasyon, ekran dışındaki görsellerin sonradan yüklenmesi ve eklenecek her script için 'buna gerçekten ihtiyaç var mı?' disiplini.

Düzen İlkeleri (4-6): Gözü Doğru Yere Yönlendirmek

İlk izlenimi geçen ziyaretçi artık sayfanızı okumaz, tarar. Göz; büyük öğelere, yüksek kontrasta ve boşlukla çevrelenmiş alanlara takılır. Düzen ilkeleri bu tarama davranışını sizin lehinize çevirir.

4. Görsel hiyerarşi

Bir sayfada her şey önemliyse hiçbir şey önemli değildir. Görsel hiyerarşi; boyut, renk, kontrast ve boşluğu kullanarak ziyaretçinin gözünü önce en kritik mesaja, sonra destekleyici bilgilere, en sonunda eyleme yönlendirme işidir. İyi kurgulanmış bir sayfada göz, ziyaretçi hiç düşünmeden doğru sırayla gezer.

• Kötü belirti: Her başlık kocaman, her kutu renkli, üç kampanya bandı aynı anda yanıp sönüyor; 'şunu da biraz büyütelim' taleplerinin birikmesiyle sayfa bağırış çağırışa dönmüş.
• Doğrusu: Sayfa başına tek odak noktası; başlık, alt başlık ve gövde metni arasında net boyut farkı; boşluğun israf değil yönlendirme aracı olarak kullanılması.

5. Basit ve tahmin edilebilir navigasyon

Menünün görevi yaratıcılık değil tahmin edilebilirliktir. Ziyaretçilerin büyük çoğunluğu sitenizde üç şeyi arar: ne sattığınızı, fiyat ya da teklif alma yolunu ve size nasıl ulaşacağını. Bu üçü en fazla bir tık uzakta olmalıdır.

• Kötü belirti: Dokuz-on ana menü öğesi, üç seviye derinliğinde açılır menüler; aynı sitede hem 'Hizmetlerimiz' hem 'Çözümlerimiz' hem 'Neler Yapıyoruz' sayfaları. Ziyaretçi nerede ne bulacağını kestiremiyor.
• Doğrusu: 5-7 ana öğeyle sınırlı, kullanıcının diliyle adlandırılmış bir menü ('Kurumsal Yapımız' değil 'Hakkımızda'); e-ticaret sitesinde her ekranda görünür bir arama çubuğu; her sayfadan iletişime tek tıkla erişim.

6. Güven sinyalleri

Türkiye'de internetten alışverişin ve hizmet almanın en büyük bariyeri hâlâ güvendir. Ziyaretçi kart bilgisini girmeden ya da telefonunu bırakmadan önce 'bu firma gerçek mi, sorun yaşarsam muhatap bulur muyum' sorusuna cevap arar. İyi tasarım bu cevabı sözle değil sinyallerle verir.

• Kötü belirti: Stok fotoğraflardan oluşan bir 'ekibimiz' bölümü, telefonu ve adresi olmayan iletişim sayfası, hiçbir yere gitmeyen sosyal medya ikonları ve isimsiz 'müşterilerimiz bizden çok memnun' cümleleri.
• Doğrusu: Gerçek adres, telefon ve vergi bilgileri; ad-soyad ve firma adıyla yayınlanan gerçek müşteri yorumları; e-ticarette iyzico, PayTR gibi tanınan ödeme altyapısı logolarının ve iade-teslimat koşullarının sepet sayfasından görünür olması; KVKK aydınlatma metni ile gizlilik politikasının yerli yerinde durması.

İçerik İlkeleri (7-9): Okunmak ve Herkese Ulaşmak

7. Okunabilirlik

İnsanlar web'de sabırsızdır; metniniz ne kadar değerli olursa olsun okunamıyorsa yok hükmündedir. Okunabilirlik, tasarımın en ucuz ama en çok ihmal edilen kazanımıdır.

• Kötü belirti: Açık gri zemin üzerinde açık gri ve küçük puntolu metinler, sekiz cümlelik paragraf duvarları, görsellerin üzerine bindirilmiş düşük kontrastlı yazılar.
• Doğrusu: Gövde metninde en az 16 piksel boyut, yüksek kontrast, kısa paragraflar, ara başlıklar ve listelerle bölünmüş içerik, satır uzunluğunun göz yormayacak ölçüde tutulması.

8. Tutarlılık

Ziyaretçi sitenizin ilk sayfasında arayüzü öğrenir: butonların rengini, linklerin görünümünü, menünün yerini. Sonraki her sayfada bu öğrendiklerini kullanmak ister. Tutarsızlık her seferinde bu öğrenmeyi sıfırlar ve sessizce güveni aşındırır.

• Kötü belirti: Her sayfada farklı buton rengi, üç ayrı font ailesi, kimi sayfada değişen menü düzeni; yıllar içinde farklı ellerden geçip yamalı bohçaya dönmüş bir site.
• Doğrusu: Renkleri, tipografiyi, buton durumlarını ve form desenlerini tanımlayan basit bir tasarım sistemi — tek sayfalık bir stil rehberi bile siteyi yıllarca tutarlı tutar.

9. Erişilebilirlik temelleri

Erişilebilirlik yalnızca engelli kullanıcılar için bir hassasiyet değildir; yaşı ilerlemiş gözler, güneş altında parlayan telefon ekranı ve sallanan otobüste dokunmaya çalışan parmaklar için de tasarımdır. Üstelik erişilebilir site, arama motorlarının da daha kolay anladığı sitedir; bu yönüyle SEO çalışmanıza da doğrudan katkı sağlar.

• Kötü belirti: Yalnızca renkle anlatılan hata mesajları, alternatif metni olmayan görseller, klavyeyle gezilemeyen menüler, neredeyse görünmez form etiketleri.
• Doğrusu: Yeterli renk kontrastı, her görsele anlamlı bir alternatif metin, her form alanına görünür etiket, hatalarda renkle birlikte açıklayıcı mesaj.

Dönüşüm İlkeleri (10-12): Ziyaretçiyi Müşteriye Çevirmek

10. Form sadeliği

Form, ziyaretçiyle aranızdaki son kapıdır ve her gereksiz alan bu kapıya eklenmiş bir kilittir. Üzerinde çalıştığımız projelerde form alanlarını azaltmanın gelen talep sayısını gözle görülür biçimde artırdığını defalarca gözlemledik; ilk temas için ad, telefon veya e-posta ve kısa bir mesaj neredeyse her sektörde yeterlidir.

• Kötü belirti: On-on iki alanlık teklif formları, ilk temasta vergi numarası istenmesi, zorunlu üyelik; KVKK metninin ya hiç olmaması ya da okunmaz bir duvar halinde sunulması.
• Doğrusu: Üç-dört alanlık form, KVKK aydınlatma metnine link veren düzgün bir açık rıza kutusu, e-ticarette üyeliksiz (misafir) satın alma seçeneği ve gönderim sonrası 'mesajınız ulaştı, en geç şu sürede dönüyoruz' onayı.

11. CTA netliği: tek ve açık çağrı

Harekete geçirici mesaj (CTA), sayfadaki tüm emeğin tek noktada toplandığı yerdir. Ziyaretçi butona baktığında iki şeyi anında anlamalıdır: basınca ne olacak ve bunun bana faydası ne.

• Kötü belirti: 'Gönder', 'Tıklayın', 'Detay' gibi jenerik etiketler; aynı ekranda eşit ağırlıkta dört ayrı buton; ana eylemin sayfanın en dibinde gizlenmesi.
• Doğrusu: Eylem ve fayda dili ('Ücretsiz Teklif Alın', 'Kataloğu İndirin'); sayfa başına tek birincil buton ve bu butonun sayfadaki en baskın görsel öğe olması.

Reklam trafiği alan sayfalarda CTA kurgusu başlı başına bir disiplindir; o konuyu dönüşüm odaklı landing page rehberimizde derinlemesine ele aldık.

12. Ölçüm ve iyileştirme döngüsü

İyi tasarım teslim edildiği gün bitmez; orada başlar. Hangi sayfanın tuttuğunu, hangi formun terk edildiğini, ziyaretçilerin nerede kaybolduğunu ancak veri söyler. Ölçüm kurulmadan yayına çıkan site, karanlıkta satış yapmaya çalışır.

• Kötü belirti: Site yayına alınmış, iki yıldır kimse dokunmamış; 'site var ama iş gelmiyor' şikayeti dillendiriliyor ama hangi sayfadan kaç form geldiğini kimse bilmiyor.
• Doğrusu: Yayından önce ölçüm planı: form gönderimi, telefon tıklaması ve sepet adımları GA4'te olay olarak izlenir; ayda bir küçük iyileştirme turu yapılır. Bu döngünün taktiklerini dönüşüm oranı artırma rehberimizde bulabilirsiniz.

Hızlı Teşhis: Kötü Tasarımın Belirtileri

Sitenizi değerlendirirken aşağıdaki tabloyu hızlı bir teşhis aracı olarak kullanabilirsiniz. Sol sütundaki belirtilerden üçü veya daha fazlası sitenizde varsa, yenileme kararını ertelemek size boşa giden reklam bütçesi ve kaçan müşteri olarak geri döner.

Tasarımcınızla Konuşurken: İşletme Sahibinin Kontrol Listesi

Bu ilkeleri bilmek sizi tasarımcı yapmaz; yapmasına gerek de yok. Asıl kazanımınız, teklif görüşmesinde doğru soruları sorabilmektir. Aşağıdaki listeyi görüşmeye götürün: iyi bir ajans bu soruların her birine net cevap verir, hatta sorduğunuza memnun olur. Sorulardan rahatsız olan, 'siz o işlere karışmayın' havasına giren bir satıcıyla karşılaşırsanız bunu bir uyarı işareti sayın.

1. Mobil: Tasarıma telefon ekranından mı başlıyorsunuz? Onay aşamasında mobil önizleme görecek miyim?
2. Hedef: Sitenin ana dönüşüm hedefi ne olacak ve ana sayfadaki tek birincil eylem hangisi?
3. Hız: Yayına almadan önce Core Web Vitals ölçümü yapılacak mı, hedef değerler neler?
4. Yönetim: Fiyat, ürün ve blog içeriklerini kendi ekibim panel üzerinden güncelleyebilecek mi?
5. SEO geçişi: Eski sitedeki mevcut URL'ler yenilerine 301 ile yönlendirilecek mi? Bu adım atlanırsa yıllarca biriken Google sıralamanız bir gecede eriyebilir.
6. Ölçüm: Form gönderimi ve telefon tıklaması GA4'te olay olarak kurulacak mı?
7. KVKK: Aydınlatma metni, çerez bildirimi ve form rıza kutuları kimin sorumluluğunda?
8. Güven sayfaları: İade, teslimat, gizlilik ve mesafeli satış sözleşmesi sayfaları kapsama dahil mi?
9. Tutarlılık: Proje sonunda renkleri, tipografiyi ve bileşenleri tanımlayan bir stil rehberi teslim edilecek mi?
10. Sonrası: Yayından sonra destek, bakım ve iyileştirme turları nasıl işliyor, neye mal oluyor?

Bu sorular bizim için de yabancı değil; web ve mobil UI/UX tasarımı projelerimizde sürecin iskeletini tam olarak bu kontrol listesi oluşturur. Hangi ajansla çalışırsanız çalışın, bu maddelerin teklifte yazılı karşılığını isteyin.

Yeni Site mi, Yenileme mi? Bütçe ve Süreç Gerçekleri

Her sorun komple yenileme gerektirmez. Altyapınız güncelse, site mobilde düzgün çalışıyorsa ve sorun belirli sayfaların dönüştürmemesiyse, mevcut site üzerinde ölçüm ve iyileştirme turlarıyla ilerlemek çok daha ekonomiktir. Buna karşılık site mobil uyumsuzsa, içerik yönetim paneli yoksa, hız sorunları altyapıdan kaynaklanıyorsa veya marka algınız işletmenizin geldiği noktanın gerisinde kaldıysa, yama yapmak yerine yeniden tasarlamak uzun vadede daha ucuza gelir.

Bütçe tarafında dürüst cevap şudur: fiyat kapsama göre değişir. 2026 Türkiye pazarında şablon tabanlı kurumsal bir site ile özel tasarım ve yazılım içeren bir proje arasında kat kat fark vardır; sayfa sayısı, içerik üretimi, e-ticaret modülleri ve entegrasyonlar rakamı belirler. Güncel ve gerçekçi aralıkları 2026 web tasarım fiyatları rehberimizde ayrıntılı inceledik; kendi projeniz için kapsam bazlı net bir rakam görmek isterseniz birkaç dakikalık ücretsiz analiz sihirbazımızı kullanabilirsiniz.

E-ticarete yeni başlayacaksanız tasarımı altyapı seçiminden bağımsız düşünmeyin: ödeme sistemleri, kargo entegrasyonları ve ürün yapısı tasarım kararlarını doğrudan etkiler. O yolculuğun tamamını e-ticaret sitesi nasıl açılır rehberimizde adım adım anlattık.

Sonuç: Güzel Site Değil, Çalışan Site

12 ilkenin ortak özü tek cümleye sığar: ziyaretçinizin işini kolaylaştırın. Ne sattığınızı saniyeler içinde söyleyin, telefonda kusursuz çalışın, hızlı açılın, gözü tek hedefe yönlendirin, güven verin, okunur olun, tutarlı kalın, herkese ulaşın, formu kısaltın, eylemi netleştirin ve ölçmeden hiçbir şeyin bittiğine inanmayın. Bunların hiçbiri geçici bir trend değildir; 2026'da da beş yıl sonra da geçerli olacak temellerdir. Yapay zeka destekli kişiselleştirme, koyu tema, mikro animasyonlar gibi trendler bu temelin üzerine gelir — temelin yerine değil.

Siteniz bu ilkelerin kaçını karşılıyor emin değilseniz, dışarıdan bir gözle bakmak çoğu zaman en hızlı yoldur. Alis Dijital olarak web ve mobil UI/UX tasarımı hizmetimizde tam da bu rehberdeki çerçeveyle çalışıyoruz: önce hedef ve akış, sonra tasarım, ardından ölçüm. Mevcut sitenizin nerede tıkandığını birlikte tespit edelim; gerekiyorsa yenileyelim, gerekmiyorsa bunu da açıkça söyleyelim.