UX vs UI Farkı: 2026 Komple Kullanıcı Deneyimi ve Arayüz Tasarımı Rehberi

Bir ziyaretçi sitenize girer. İlk beş saniyede ya kalır ya ayrılır. Bu kararın arkasında iki görünmez kuvvet çalışır: UX ve UI. İkisi sık sık birbirine karıştırılır. "Tasarımcı arıyorum" diyen çoğu işletme sahibi aslında ne istediğini bilmez — sadece "daha güzel bir site" ister. Ama güzel bir arayüz, kötü bir deneyimi kurtarmaz. Aynı şekilde kusursuz bir akış, itici bir görsel dilin önüne geçemez. UX UI fark noktası tam burada başlar: biri hissi tasarlar, diğeri görüntüyü.

Bu rehber, ux ui fark sorusunun kesin cevabını veriyor. Tasarımcı rollerini, kullanılan araçları, çalışma sırasını, ölçüm metriklerini ve Türkiye pazarındaki yerel faktörleri tek yerde topladık. 10+ yıllık ajans deneyimimiz ve 2,200+ müşteri ile çalışırken biriken saha bilgisiyle hazırlandı. Okuduktan sonra kendi projeniz için hangi tasarım yatırımının önce gelmesi gerektiğine karar verebilecek, ekibinize UX UI farkını net şekilde anlatabileceksiniz.

UX ve UI Nedir? Tek Cümle Tanım

UX (User Experience — Kullanıcı Deneyimi): Bir kişinin ürünle etkileşimi süresince yaşadığı tüm hislerin, kolaylıkların ve sürtünmelerin tasarımıdır.

UI (User Interface — Kullanıcı Arayüzü): Kullanıcının ürünle temas ettiği görsel ve etkileşimli yüzeyin tasarımıdır. Butonlar, ikonlar, tipografi, renkler ve yerleşim buraya girer.

Kısaltma · Açılım · Türkçe Karşılık · Ana Soru

UX · User Experience · Kullanıcı Deneyimi · "Bu iş akışı kullanıcıya nasıl hissettiriyor?"

UI · User Interface · Kullanıcı Arayüzü · "Bu ekran gözle ve parmakla nasıl çalışıyor?"

Kısa bir benzetme: Bir restoranı düşünün. UX, menünün mantığıdır; yemeğin masaya kaç dakikada geldiğidir; garsonun tavrıdır; tuvaletin temizliğidir. UI ise tabağın rengidir; çatalın tutuşudur; menünün fontudur; duvardaki sanat eseridir. İki iş birbirinden ayrı yapılabilir ama birlikte yaşanır.

UX ve UI Arasındaki 7 Temel Fark

Ekipler arasında en çok tartışma yaratan konu budur. Aşağıdaki tablo, ux ui fark arayan herkesin bir kağıda not alması gereken çekirdek ayrımları özetliyor. UX UI farkı nedir sorusuna tek tabloyla cevap veriyoruz.

Kriter · UX Tasarımı · UI Tasarımı

Odak · Süreç, akış, kullanıcı hissi · Görsel hiyerarşi, arayüz estetiği

Hedef · Problemi çözmek, görevi kolaylaştırmak · Arayüzü çekici ve tutarlı kılmak

Araçlar · Miro, Figma, Maze, UserTesting, Hotjar · Figma, Adobe XD, Sketch, Illustrator

Çıktı · Wireframe, akış diyagramı, prototip, test raporu · Yüksek çözünürlüklü mockup, component library, style guide

Test Yöntemi · Kullanıcı testleri, ısı haritası, A/B test · Görsel tutarlılık kontrolü, marka uyumu denetimi

Beceri Seti · Araştırma, bilgi mimarisi, psikoloji, veri okuma · Tipografi, renk teorisi, görsel düzen, etkileşim tasarımı

Etki Alanı · "Bu işlem kaç adımda bitiyor?" · "Bu buton tıklanmak ister mi?"

Ekibimiz, 10 yılı aşkın süredir bu iki disiplini yan yana çalıştırırken şunu öğrendi: UX ile UI'yi ayrı insanlara vermek, küçük projelerde verimsizdir. Büyük projelerde ise birleştirmek kalite düşürür. İşin ölçeği kararı belirler.

UX Tasarımcısı Ne Yapar?

UX tasarımcısı, bir özellik kod yazılmadan önce kullanıcıya ne kadar faydalı olacağını anlamaya çalışır. Sabah masasına oturduğunda yaptığı işlerin listesi genelde şöyledir:

• Kullanıcı araştırması: 5-10 kişiyle derinlemesine görüşme, anket, rakip analizi.
• Persona oluşturma: Hedef kitleyi 2-4 arketip etrafında somutlaştırma.
• Kullanıcı yolculuğu (user journey) haritalama: İnsanın ürünle ilk temasından son aksiyona kadar attığı her adımı görünür kılma.
• Bilgi mimarisi: Menü yapısı, kategori hiyerarşisi, içerik organizasyonu.
• Wireframe çizimi: Düşük çözünürlüklü kutu-çizgi tasarımlar. Amaç estetik değil, mantık testi.
• Prototip hazırlama: Figma veya Maze ile tıklanabilir akış.
• Kullanıcı testi: Gerçek insanlarla 5 kişilik küçük turlar (Nielsen kuralı — 5 kullanıcı sorunların %85'ini bulur).
• Raporlama ve öneri: Bulguları ekibe sunma, öncelik sırası belirleme.

Günlük araç seti: Figma, Miro, Maze, UserTesting, Hotjar, Google Analytics 4, Notion.

Bir UX tasarımcısının başarı kriteri "sitem güzel oldu mu?" değildir. "Kullanıcı görevini tamamlayabildi mi, ne kadar sürdü, kaç hata yaptı?" sorusudur.

UI Tasarımcısı Ne Yapar?

UI tasarımcısı, UX'in kurduğu iskeletin üzerine derisini giydirir. Amacı kullanıcının gözüne hoş görünmek değildir — doğru yere baktırmaktır. Günlük işleri arasında şunlar vardır:

• Görsel hiyerarşi kurma: Hangi öğe daha büyük, daha koyu, daha renkli olmalı?
• Tipografi seçimi: Başlık, alt başlık, gövde metin için uyumlu font eşleşmesi.
• Renk paleti tasarımı: Ana renk, ikincil renk, uyarı ve başarı renkleri, kontrast kuralları.
• Component library (tasarım sistemi) inşası: Buton, kart, form alanı, modal — tekrar kullanılabilir parçalar.
• İkonografi: Tutarlı ikon seti seçimi veya üretimi.
• Mikroetkileşim tasarımı: Hover durumu, tıklama animasyonu, yükleme göstergesi.
• Responsive uyum: Mobil, tablet ve masaüstü için görsel optimizasyon.
• Geliştirici teslimatı: Spacing, margin, padding değerleri ile spec hazırlığı.

Günlük araç seti: Figma, Adobe XD, Sketch, Illustrator, Zeplin, Framer, Lottie.

İyi bir UI tasarımcısının işi bittikten sonra bir sayfa üç şey yapmalı: göze hoş gelmeli, marka kimliğini taşımalı, bir sonraki aksiyonu görünür kılmalı.

UX vs UI: Hangi Sıra İle Çalışılır?

Bu soru, ux ui fark farkındalığının pratik karşılığıdır. Bize gelen müşterilerin en sık yanlış cevapladığı noktadır bu — birçok işletme sahibi doğrudan "logoyu görelim, renkleri seçelim" diye başlar. Oysa doğru sıra şudur:

1. UX Araştırması → 2. UX Tasarımı (akış, wireframe) → 3. UI Tasarımı (görsel) → 4. Geliştirme → 5. Test ve iyileştirme

Neden bu sıra? Çünkü UI bir binanın boyasıdır, UX ise temeli. Temel doğru atılmadan boya yapmak boşa emek demektir. 10+ yıl deneyim ve 2,200+ müşteri ile çalışırken gördüğümüz en sık hata: güzel tasarlanmış ama kimsenin tamamlayamadığı form akışlarıdır.

Bir örnek üzerinden gidelim. Müşterimiz bir e-ticaret sitesi açtırmak istedi. İlk gün logoyu ve renkleri tartışarak başlasaydık, 15 gün sonra "sepete ekle butonu neden bu kadar aşağıda?" sorusu çıkacaktı. Bunun yerine önce kullanıcı yolculuğunu haritaladık, sonra wireframe çıkardık, sonra görsel tasarım yaptık. Sonuç: ilk 30 günde dönüşüm oranı ortalamanın iki katı oldu.

UX/UI Tasarımcısı Aynı Kişi Olabilir mi?

UX UI farkı nedir sorusunun bir uzantısı da budur: madem iki ayrı disiplin, aynı kişi her ikisini birden yapabilir mi? Kısa cevap: Küçük projelerde evet, büyük projelerde hayır.

Tek kişi avantajları:

• İletişim maliyeti düşük; araştırmadan ekrana kadar tek kişi taşır.
• Küçük ekipler ve bütçeler için pragmatik.
• Karar tutarlılığı yüksek — UX ile UI arasında kopukluk yok.

Tek kişi dezavantajları:

• Derin araştırma ile görsel detay aynı insanda nadiren eşit güçtedir.
• Büyük ölçekli projelerde (100+ ekran) yavaşlama riski var.
• Eleştirel bakış azalır — kendi işini test etmek zordur.

Türkiye pazarı ve özellikle Adana gibi orta ölçekli şehirlerde çalışan ajansların çoğunluğu T-shape tasarımcı ile çalışır. T-shape tasarımcı hem UX hem UI bilgisine sahiptir ama birinde daha derindir. Bizim ekibimizde de bu yaklaşım hakimdir çünkü KOBİ müşterilerinin çoğu 8-12 sayfalık projelerle geliyor ve tek noktadan hızlı teslimat önemlidir.

2026'da UX ve UI Trendleri (Türkiye Pazarı)

Her yıl yeni bir trend listesi çıkar. Çoğu iki ay sonra unutulur. Biz burada sadece 2026 boyunca gerçek dönüşüm etkisi göreceğini düşündüğümüz beş trendi listeliyoruz:

1. Yapay zeka destekli kişiselleştirme. Kullanıcı geçmişine göre dinamik içerik, öneri ve arayüz değişimi. Büyük e-ticaret siteleri bunu zaten yapıyor; 2026'da KOBİ seviyesine iniyor.

2. Dark mode varsayılan. Özellikle 18-35 yaş kullanıcılar dark mode beklentisiyle geliyor. 2026'da "tema seçeneği yok" kabul edilemez.

3. Mikroetkileşimler ve micro-animasyonlar. Butona dokunduğunda küçük geri bildirim, form doğrulamada yumuşak geçiş. Ağır animasyon değil — hissi sağlayan küçük dokunuşlar.

4. Ses arayüzleri (Voice UI). Arama çubuğuna ek olarak sesli sorgu. E-ticaret ve hizmet sitelerinde dönüşüm oranını %10-15 artırabiliyor.

5. Erişilebilirlik öncelikli tasarım (accessibility-first). WCAG 2.2 uyumu, ekran okuyucu desteği, klavye navigasyonu. Bu artık "iyi olsa iyi olur" değil, zorunluluk.

Türkiye pazarı özelinde altını çizmek istediğimiz nokta: trafik giderek daha mobil oluyor. 2026 başında ortalama müşteri sitelerimizde %85'in üzerinde mobil trafik gözlemliyoruz. UX/UI kararları artık "önce mobil, sonra masaüstü" mantığıyla alınmak zorunda.

Kötü UX vs Kötü UI Örnekleri

Teoriyi somutlaştıralım. Saha deneyimimizden anonim üç kötü UX ve üç kötü UI örneği:

Kötü UX örnekleri:

• 7 adımlı sipariş formu. Bir sağlık ürünleri sitesi, kullanıcıdan ürünü sepete ekledikten sonra 7 ayrı sayfa aşmasını bekliyordu: adres, kargo seçimi, fatura bilgisi, vergi dairesi, teslimat notu, ödeme yöntemi, onay. Sonuç: sepet terk oranı %82. Çözüm: tek sayfa 4 bölüm. Terk oranı %34'e düştü.
• "Ara" butonu olmayan katalog. Bir yedek parça sitesinde 3.000 ürün vardı ama hiçbir arama kutusu bulunmuyordu. Ziyaretçi kategoriler arasında kayboluyor, 2 dakikada çıkıyordu. Arama kutusu eklendikten sonra oturum süresi 4.5 dakikaya çıktı.
• Gizli fiyat. Bir hizmet sitesi fiyatı sadece "teklif al" formu dolduran kişilere mail ile gönderiyordu. Potansiyel müşterilerin %75'i fiyat görmeden form doldurmuyordu.

Kötü UI örnekleri:

• 5 farklı font, 8 farklı renk. Bir kurumsal site, her sayfasında farklı tipografi kullanıyordu. Ziyaretçi "bu aynı marka mı?" diye düşünüyordu. Marka güvenilirliği düşüktü.
• Görünmeyen buton. CTA butonu, arka plan ile neredeyse aynı tonda gri renkteydi. Tıklama oranı ortalamanın çok altındaydı. Renk değişti, oran üç katına çıktı.
• Aşırı küçük mobil font. Masaüstünde güzel görünen 14px font, mobilde okunamaz hale geliyordu. Ziyaretçi ekranı zoom yapıp sayfada dolaşmak zorunda kalıyordu.

Bu örneklerin her biri, ux ui fark farkındalığının neden doğrudan para demek olduğunu gösterir. Her kötü karar, ziyaretçiyi bir adım daha rakibe yaklaştırır.

UX ve UI'ı Beraber Test Etmek (5 Kanıtlanmış Yöntem)

Tasarımın iyi olup olmadığı tartışmayla belirlenmez, ölçümle belirlenir. İşte kullandığımız beş yöntem:

1. Isı haritası (heatmap). Hotjar veya Microsoft Clarity ile ziyaretçilerin nereye tıkladığını, nerede durduğunu, hangi elemanı görmezden geldiğini görürsünüz. UI sorunlarını ortaya çıkarır.

2. A/B test. İki varyantı aynı anda canlıya alıp dönüşüm oranını ölçmek. "Hangi buton rengi daha iyi?" sorusunun kesin cevabını verir. Minimum 1.000 oturum ile istatistiksel anlamlılık elde edilir.

3. Kullanılabilirlik testi (usability test). 5-8 kişiye belirli görevler verip yapmalarını izlemek. "Şu ürünü sepete ekleyin" gibi. Nerede takıldıklarını, nerede şaşırdıklarını görürsünüz.

4. Kullanıcı görüşmesi. Gerçek müşterilerle 30 dakikalık açık uçlu sohbetler. Neyi seviyorlar, neyi sevmiyorlar, neyi eksik buluyorlar? Nicel veriyi zenginleştiren nitel bilgi buradan gelir.

5. Analytics tabanlı davranış analizi. Google Analytics 4 ile sayfa akışı, çıkış sayfaları, dönüşüm hunisi. "İnsanlar ödeme sayfasında neden ayrılıyor?" sorusu burada cevap bulur.

İyi bir ajans bu beş yöntemi döngüsel olarak kullanır. Tek seferlik test yetmez — tasarım canlı bir süreçtir.

UX/UI Performansını Ölçmek için 7 Temel Metrik

Bir tasarımın işe yaradığını söyleyebilmeniz için rakamlara bakmanız gerekir. İşletme sahiplerinin takip etmesi gereken 7 temel metrik şunlardır:

Metrik · Ne Ölçer · Hedef Aralık

Görev başarı oranı (task success rate) · Kullanıcının hedefi tamamlayıp tamamlayamadığı · %78+

Görev süresi (time on task) · Bir işlemin ortalama kaç saniye sürdüğü · Sektör ortalamasının altında

Hata oranı (error rate) · Formlarda ve akışlarda yapılan hataların sayısı · Her 10 denemeden maks. 1

Müşteri memnuniyet skoru (CSAT) · "1-5 arası bu deneyimi değerlendirin" · 4.0+

Net Promoter Score (NPS) · "0-10 arası bu ürünü tavsiye eder misiniz?" · 30+

Dönüşüm oranı (conversion rate) · Hedef aksiyonu tamamlayan ziyaretçi oranı · E-ticaret: %2-3, hizmet: %5+

Terk oranı (bounce rate) · Tek sayfa görüp ayrılan ziyaretçi oranı · Blog: %70 altı, hizmet: %50 altı

Bu metriklerin hiçbirini tek başına değerlendirmeyin. Örneğin düşük terk oranı harika görünür ama eğer dönüşüm de düşükse sorun vardır. Her metriği diğeriyle birlikte okumak gerekir.

Türkiye'de UX/UI Tasarımı: Yerel Faktörler

Uluslararası best practice'ler önemlidir ama Türkiye pazarında çalışırken göz ardı edilemez yerel gerçekler vardır:

1. Dil tercihi ve TR-EN toggle. B2B sitelerinde İngilizce seçeneği artık standart. Ama B2C'de Türkçe'nin kalitesi (diakritik kullanımı, doğru gramer) güven sinyali olarak algılanıyor.

2. Mobil-öncelikli gerçek. Türkiye'de mobil trafik %85'i geçti. Masaüstü için tasarlanıp mobile "uyumlu" hale getirilen siteler dönüşüm kaybediyor. Doğru yaklaşım: önce mobil tasarla, sonra masaüstüne ölçeklendir.

3. Kültürel farklar. Türk kullanıcı telefonla iletişimi hala tercih ediyor. "WhatsApp'tan yazın" CTA'sı, "Form doldurun" CTA'sından çoğu sektörde daha yüksek dönüşüm sağlıyor.

4. Güven sinyalleri beklentisi. Vergi no, fiziksel adres, telefon numarası, KVKK metni — bunların görünür olması Türk kullanıcıda "gerçek işletme" algısı yaratıyor. Anonim siteler dönüşüm alamıyor.

5. Ödeme yöntem çeşitliliği. Kredi kartı, havale, kapıda ödeme, taksit seçenekleri — e-ticaret UX'inde ödeme alternatif sayısı dönüşüm oranıyla doğrudan ilişkili.

6. Yerel arama davranışı. Adana, Mersin, İstanbul gibi şehir isimleri ile yapılan aramalar yerel işletmeler için en önemli trafik kaynağı. UX akışı içinde şehir filtreleri ve lokasyon seçimleri görünür olmalı.

10+ yıl deneyim ve 2,200+ müşteri ile çalışırken bu yerel faktörleri global trend rehberlerinden asla okuyamazsınız — sahadan öğrenmek gerekir.

UX/UI İçin Doğru Ajansı Nasıl Seçersiniz?

Ajans seçimi, projenizin gidişatını belirleyen en kritik kararlardan biridir. Dikkat edilmesi gereken 5 kriter:

1. Portföy derinliği ve çeşitliliği. Ajansın sizin sektörünüzde veya benzer projelerde ne kadar deneyimi var? 3-5 tamamlanmış case study isteyin, sonuçları rakamlarla göstermelerini bekleyin.

2. Süreç şeffaflığı. "Tasarlarız, beğenirseniz alırsınız" yaklaşımı yanlıştır. İyi ajans araştırma, wireframe, tasarım, geliştirme, test aşamalarını ayrı ayrı anlatır ve onay noktaları belirler.

3. İletişim hızı ve kalitesi. İlk iletişimde ne kadar hızlı dönüyorlar? Soru sorduğunuzda net mi cevaplıyorlar, yoksa muğlak ifadelerle mi konuşuyorlar? Proje boyunca aynı iletişim sürecek.

4. Ölçüm kültürü. Ajans tasarım tesliminden sonra sonuçları takip ediyor mu? Analytics kurulumu, dönüşüm takibi, aylık rapor dahil mi? "Teslim ettik, bitti" diyen ajanstan uzak durun.

5. Fiyat-değer dengesi. En ucuz ajans genellikle en pahalıya mal olur (yeniden yapma maliyeti). En pahalı ajans da mutlaka en iyi değil. Ortada, paket kapsamı net olan, referansları doğrulanabilir ajanslar güvenlidir.

Ekibimiz, 10 yılı aşkın süredir Adana merkezli ajans olarak çalışıyor. 2,200'ün üzerinde müşteriyle edindiğimiz saha bilgisiyle hem yerel KOBİ'lere hem de Türkiye geneline UX/UI tasarım hizmeti veriyoruz. Yaklaşımımız basit: önce anlayalım, sonra tasarlayalım.

Sonraki Adım — Profesyonel UX/UI Tasarım Hizmeti

Buraya kadar okuduysanız, artık ux ui fark kavramını açık şekilde ayırt edebilirsiniz. UX UI farkını bilmek kadar önemli olan bir sonraki adımdır: kendi projenizde hangisine daha çok ihtiyacınız olduğuna karar vermek.

Eğer sitenizde dönüşüm düşükse, kullanıcılar işlemi tamamlayamıyorsa veya mobilde görüntüleniş sorunları varsa — muhtemelen UX müdahalesine ihtiyacınız var. Eğer sitenin görsel kimliği zayıfsa, marka dışı görünüyorsa veya güven vermiyorsa — UI revizyonu daha aciliyet taşıyor.

Her iki durumda da deneyimli bir ekiple çalışmak, kendi başınıza deneme yanılma yapmaktan çok daha hızlı ve ucuzdur. 10+ yıl deneyim ve 2,200+ memnun müşterimizle modern, dönüşüm odaklı UX/UI tasarımı için bizimle iletişime geçin. İlk görüşmede mevcut sitenizi birlikte analiz edip size uygun yol haritasını beraber çıkarıyoruz.

Daha geniş bağlamda web tasarımı süreçleri, maliyetler ve teknoloji seçimleri için Web Tasarım Rehberi 2026 başlıklı pillar yazımıza göz atabilirsiniz. İçerik yönetim sistemi kararınız için WordPress rehberimiz ve modern performans odaklı geliştirme için Next.js rehberimiz size yol gösterir. Hizmet detayları ve paket seçenekleri için Web Tasarım & UI/UX hizmet sayfamızı ziyaret edin.

Tasarım, müşterinizle sizin aranızdaki sessiz konuşmadır. Doğru yapıldığında anlaşılır, güvenilir, dönüştürür. Yanlış yapıldığında ziyaretçiyi rakibe yollar. Hangi tarafta durmak istediğinize siz karar verirsiniz — biz sadece doğru kararı daha kolay vermenize yardım ediyoruz.