UI UX Nedir?

UI ve UX — dijital tasarım dünyasında en sık karıştırılan iki kavram. İkisi birlikte anılıyor, zaman zaman birbirinin yerine kullanılıyor; ama aslında farklı soruların cevabı. UI “bu site nasıl görünüyor?” sorusunu yanıtlarken, UX “bu sitede dolaşmak nasıl bir his?” sorusuna odaklanıyor. Biz projelerimizde her ikisini de ayrı disiplinler olarak ele alıyoruz — çünkü güzel görünen ama kullanılması zor bir ürün, çirkin ama akıcı işleyen bir ürün kadar başarılı olmuyor.

UI Nedir? (Kullanıcı Arayüzü)

UI (User Interface — Kullanıcı Arayüzü), bir dijital ürünün kullanıcıyla doğrudan temas noktasıdır. Butonlar, renkler, tipografi, ikonlar, görseller, boşluklar, formlar — kullanıcının ekranda gördüğü ve dokunduğu her şey UI kapsamına girer. Kısaca: bir ürünün dış görünüşü ve görsel dilidir.

Somut bir örnek düşünelim: bir e-ticaret sitesinin “Sepete Ekle” butonu. Butonun rengi, büyüklüğü, köşelerin yuvarlak mı düz mü olduğu, hover durumunda nasıl değiştiği, ikonun sola mı sağa mı yerleştirildiği — bunların tamamı UI kararları. Kullanıcı bu butonu görmeden önce karar veremiyor; dolayısıyla UI, ürünün ilk izlenimini oluşturuyor.

UI tasarımının temel bileşenleri şunlar: renk paleti ve kontrast (okunabilirlik ve marka tutarlılığı), tipografi (yazı boyutları, hiyerarşi), görsel hiyerarşi (kullanıcının gözünün önce nereye gittiği), tutarlılık (aynı eylemin her sayfada aynı görsel dille ifade edilmesi) ve boşluk kullanımı (white space — nefes alan tasarımlar zihinsel yükü azaltıyor).

UI tasarımının çıktısı genellikle Figma gibi bir araçta hazırlanan piksel hassasiyetinde ekran tasarımları oluyor. Bu tasarımlar geliştiricilere handoff ediliyor; yani UI tasarımcısı ile geliştirici arasındaki köprü kuruluyor. İyi bir UI tasarımı sadece “güzel” olmak zorunda değil — aynı zamanda geliştirme açısından da uygulanabilir, tutarlı bir sistem içinde olması gerekiyor. Bunun için tasarım sistemi (design system) ve bileşen kütüphanesi (component library) kavramları devreye giriyor: aynı butonun, aynı kartın, aynı formun tutarlı biçimde her yerde kullanılabilmesini sağlayan yapılar.

UX Nedir? (Kullanıcı Deneyimi)

UX (User Experience — Kullanıcı Deneyimi), bir kullanıcının ürünle kurduğu tüm ilişkiyi kapsar. Sadece görsel değil; ürünü bulmak, anlamak, kullanmak, sorun yaşamak ve geri dönmek — bu yolculuğun bütünü UX’in alanına giriyor. UI’ın “nasıl görünüyor” sorusuna karşın UX “nasıl hissettiriyor ve nasıl çalışıyor” sorusunu sorar.

Aynı e-ticaret sitesi örneğine dönelim: kullanıcı ürünü sepete ekledikten sonra ödeme sayfasına kaç adımda ulaşıyor? Adres bilgilerini kaç kez tekrar girmesi gerekiyor? Hata yaptığında sistem onu nereden bilgilendiriyor? Mobilde kaydırma deneyimi akıcı mı? Bunların tamamı UX kararları — ve hiçbiri doğrudan “görsel” değil.

UX sürecinin temel adımları şunlar: kullanıcı araştırması (kim kullanıyor, ne istiyor, nerede takılıyor), bilgi mimarisi (içeriklerin mantıksal düzeni), kullanıcı akışları (user flow — A’dan B’ye en kısa ve en az hatalı yol), wireframe ve prototip (görsel tasarım öncesinde yapısal test) ve kullanılabilirlik testi (gerçek kullanıcıyla doğrulama). UX, tasarım sürecinin en başında devreye girer; UI ise bu temel üzerine oturur.

UX’in en kritik çıktılarından biri müşteri yolculuk haritası (customer journey map). Kullanıcının ürünle ilk temas anından son etkileşimine kadar yaşadığı her adımı, her duyguyu ve her temas noktasını görselleştiriyor. Bu harita olmadan “kullanıcı neden yarıda bırakıyor?” sorusuna tutarlı bir cevap vermek güçleşiyor. Bir diğer kritik UX aracı ise persona: hedef kullanıcının hayali ama veriye dayalı profili. Yaş, meslek, hedefler, korkular, dijital alışkanlıklar — persona bu detaylarla şekilleniyor ve tüm tasarım kararlarının referans noktası haline geliyor.

UI ve UX Arasındaki Fark Nedir?

UI ve UX birbirini tamamlayan ama birbirinden farklı disiplinler. İkisini en iyi ayırt eden analoji şu: UX bir binanın içindeki odaların düzeni, koridorların genişliği, kapıların yerleşimi — yani mimari plan. UI ise aynı binanın boyası, mobilyaları, aydınlatması — yani iç dekorasyon. İkisi de önemli; ama biri olmadan diğeri eksik kalıyor.

Kapsam Farkı: Görsellik mi, Deneyim mi?

UI somut ve görsel çıktılar üretiyor: piksel hassasiyetinde tasarımlar, renk kodları, bileşen kütüphaneleri. UX ise çoğunlukla soyut ve stratejik çıktılar üretiyor: kullanıcı persona’ları, empati haritaları, müşteri yolculuk haritaları, wireframe’ler. UI tasarımcısının çalışması Figma dosyasında görülüyor; UX tasarımcısının çalışması kullanıcı testleri, araştırma raporları ve akış diyagramlarında.

UI, görsel tasarım eğitimiyle örtüşüyor. UX ise psikoloji, araştırma metodolojisi ve bilgi mimarisi gibi alanlara daha yakın. Bu yüzden iyi bir UX tasarımcısı mutlaka iyi bir görsel tasarımcı olmak zorunda değil; ama iyi bir UI tasarımcısının temel UX prensiplerini bilmesi gerekiyor.

Süreç Farkı: Tasarımcı mı, Araştırmacı mı?

UX süreci araştırmayla başlıyor: hedef kitleyi tanımak, rakip ürünleri analiz etmek, mevcut ürünün sorun noktalarını tespit etmek. Bu aşamada hiçbir piksel çizilmiyor. Ardından wireframe — ham, görsel detay içermeyen iskelet ekranlar. Kullanıcı testi bu aşamada yapılıyor; çünkü görsel tasarıma girilmeden önce yapısal sorunları çözmek çok daha ucuz.

UI süreci UX’in üzerine oturuyor: wireframe’ler alınıyor, görsel kimlikle hayat buluyor. Renk, tipografi, ikonografi, mikro-animasyonlar bu aşamada devreye giriyor. Biz projelerimizde UX aşamasını atlamadan UI’ya geçmiyoruz — çünkü kötü yapılandırılmış bir sayfayı ne kadar güzel tasarlarsanız tasarlayın, kullanıcı yine de kaybolabiliyor.

İyi UI/UX Tasarımı İşletmeye Ne Kazandırır?

UI/UX tasarımı “güzel görünsün” motivasyonuyla yapılmıyor — ya da yapılmamalı. Ölçülebilir iş sonuçları üretiyor: daha fazla satış, daha az müşteri kaybı, daha düşük destek talebi. Forrester Research’ün araştırmasına göre iyi tasarlanmış bir kullanıcı deneyimi, dönüşüm oranlarını %400’e kadar artırabiliyor. McKinsey’in Design Index çalışması ise tasarıma yatırım yapan şirketlerin rakiplerine kıyasla %32 daha fazla gelir büyümesi elde ettiğini ortaya koyuyor. Bu rakamlar UI/UX’i lüks değil, stratejik bir yatırım olarak konumlandırıyor.

Dönüşüm Oranı ve Hemen Çıkma Üzerindeki Etkisi

Hemen çıkma oranı (bounce rate), bir kullanıcının siteye gelip tek sayfada çıkmasını ölçüyor. Yüksek bounce rate çoğunlukla iki sebepten kaynaklanıyor: yanlış trafik ya da kötü kullanıcı deneyimi. İkinci durumda UI/UX direkt müdahale alanı.

Kullanıcı sayfaya geldiğinde 5 saniye içinde “Doğru yerde miyim?” ve “Ne yapmam gerekiyor?” sorularının cevabını bulamazsa çıkıyor. Bu iki sorunun cevabını açık vermek tamamen UI/UX kararı: net başlık, belirgin CTA (call-to-action), mantıklı hiyerarşi. A/B testlerimizde sadece buton rengi ve metnini değiştirmenin tıklama oranını %20–35 artırdığını gördüğümüz projeler oldu. Küçük UI değişikliklerinin büyük dönüşüm etkisi var.

SEO Performansına Katkısı

Google, 2021’den itibaren kullanıcı davranışsal sinyallerini sıralama faktörü olarak çok daha belirgin biçimde değerlendiriyor. Core Web Vitals — LCP, FID ve CLS metrikleri — doğrudan UI/UX kalitesiyle ilişkili. Sayfanın ne kadar hızlı yüklendiği (LCP), tıklamaya ne kadar sürede tepki verdiği (FID) ve yüklenirken görsel kayma yaşanıp yaşanmadığı (CLS) — bunların tamamı tasarım ve geliştirme kararlarıyla şekilleniyor.

Bunun ötesinde, düşük bounce rate ve uzun dwell time (sayfada geçirilen süre) Google’a “bu içerik kullanıcıya değer veriyor” sinyali gönderiyor. İyi bir UX kullanıcıyı sitede tutuyor; bu da arama sıralamasını olumlu etkiliyor. UI/UX yatırımını yalnızca estetik açıdan değil, teknik SEO açısından da değerlendirmek gerekiyor.

UI/UX Tasarımı Olmadan Ne Olur?

UI/UX’i es geçmenin bedeli genellikle geç fark ediliyor — ama fatura ağır oluyor. Biz bu durumu “güzel ama boş” sendromu olarak adlandırıyoruz: görsel açıdan tatmin edici ama kullanıcının ne yapacağını bilemediği, kafasının karıştığı, sepetini yarıda bıraktığı siteler.

Somut maliyetlere bakalım. Kötü UX’in en doğrudan etkisi sepet terk oranı. Baymard Institute’ün verilerine göre e-ticaret sitelerinde ortalama sepet terk oranı %70,19. Bu terklerin büyük çoğunluğunun sebebi fiyat değil: zorunlu üyelik, karmaşık ödeme akışı, güven sinyallerinin eksikliği — hepsi UX sorunları. Bir de destek maliyeti var: kullanıcılar “nasıl yapılır?” diye sormak zorunda kaldığında, bu soru bir UX başarısızlığının semptomu. Her destek talebi hem para hem zaman maliyeti.

UI tarafında ise tutarsız bir görsel dil marka güvenilirliğini aşındırıyor. Kullanıcılar profesyonel görünmeyenin arkasında profesyonel hizmet de olmayacağını düşünüyor — bilinçli ya da bilinçsiz. Stanford’un araştırmasına göre kullanıcıların %75’i bir şirketin güvenilirliğini web sitesinin tasarımına bakarak değerlendiriyor. İlk izlenim için ikinci şans yok.

Bir de gizli maliyet var: geliştirme sürecinde yapılan UX hataları giderek pahalılaşıyor. IBM’in araştırmasına göre tasarım aşamasında tespit edilen bir UX sorununun maliyeti, geliştirme aşamasında tespit edilene kıyasla 10 kat, canlıya geçtikten sonra tespit edilene kıyasla ise 100 kat daha düşük. Başta yapılan UX araştırması ve kullanılabilirlik testi, sonradan yapılacak olan revizyonların maliyetini dramatik biçimde azaltıyor. Tasarıma yatırım yapmamak değil, erken yapmamak asıl masrafı yaratıyor.

Sıkça Sorulan Sorular

UI ve UX aynı kişi tarafından yapılabilir mi?

Yapılabilir — ve çoğu küçük-orta ölçekli projede bu durum yaygın. “UI/UX tasarımcı” unvanıyla çalışan profesyoneller her iki disiplini de kapsıyor. Ancak büyük ürün ekiplerinde roller ayrışıyor: UX araştırmacısı, UX yazarı, UI tasarımcısı gibi. Hangisi sizin için doğru, projenizin ölçeğine ve bütçesine bağlı.

UI/UX tasarımı öğrenmek ne kadar sürer?

Temel UI tasarımını (Figma, görsel hiyerarşi, renk teorisi) 3–4 ayda öğrenebilirsiniz. UX ise daha geniş bir alan: kullanıcı araştırması, prototipleme, test metodolojisi — bunları kavramak 6–12 ay istiyor. İkisini birlikte ve proje yaparak öğrenmek en etkili yol.

UI/UX ile grafik tasarım aynı şey midir?

Hayır. Grafik tasarım ağırlıklı olarak baskı, logo, illüstrasyon gibi statik görsel çıktılara odaklanıyor. UI tasarımı ise etkileşimli, ekran odaklı ve dinamik. UX ise grafik tasarımla doğrudan ilgisi olmayan bir disiplin — araştırma ve davranış bilimine daha yakın. Yetkinlikler örtüşebiliyor ama aynı alan değiller.

UI/UX tasarımı için hangi araçlar kullanılır?

Figma şu an endüstri standardı — hem UI tasarımı hem prototipleme için. UX araştırması için Maze, Hotjar, UserTesting gibi platformlar kullanılıyor. Akış diyagramları ve wireframe için Miro veya FigJam tercih ediliyor. Geliştirici handoff için ise Figma’nın kendi “Dev Mode” özelliği giderek yaygınlaşıyor.

UI/UX tasarımı SEO’yu etkiler mi?

Doğrudan etkiliyor. Düşük bounce rate, uzun dwell time ve yüksek sayfa etkileşimi Google’ın davranışsal sıralama sinyalleri arasında. Ayrıca Core Web Vitals metrikleri — yüklenme hızı, görsel stabilite, etkileşim gecikmesi — doğrudan tasarım ve geliştirme kararlarıyla şekilleniyor. İyi UI/UX, kullanıcıyı sitede tutuyor; bu da SEO’ya pozitif sinyal gönderiyor.