UI/UX farkı, tasarım dünyasına yeni adım atan herkesin ilk takıldığı konulardan biridir. İki kavram sürekli yan yana yazıldığı için aynı şeyin iki adıymış gibi görünür; oysa farklı sorulara cevap verirler. Kısaca: UX (User Experience / kullanıcı deneyimi) bir ürünü kullanmanın nasıl bir his olduğuyla ilgilenir, UI (User Interface / kullanıcı arayüzü) ise ekranda gördüğün şeyin nasıl göründüğü ve nasıl davrandığıyla ilgilenir. Bu yazıda iki disiplinin sınırlarını, hangi işlerle uğraştıklarını ve gerçek bir projede nasıl birlikte çalıştıklarını örneklerle netleştireceğiz.
En basit tanımla UI ve UX nedir?
Bir benzetme işe yarıyor: bir ev düşün. UX evin kat planıdır; odaların nereye konacağı, mutfaktan banyoya kaç adımda gidileceği, ışığın nereden gireceği. UI ise duvar rengi, mobilyalar, kapı kollarının dokusudur. Plan kötüyse en güzel mobilya bile evi yaşanır kılmaz; plan iyi ama yüzeyler kaba ise ev soğuk hisseder. İkisi aynı amaca hizmet eder: insanın orada iyi vakit geçirmesi.
- UX: araştırma, kullanıcı ihtiyaçları, akışlar, bilgi mimarisi, kullanılabilirlik. "Doğru şeyi mi yapıyoruz?"
- UI: düzen, renk, tipografi, ikonlar, bileşenler, etkileşim ve mikro animasyonlar. "Şeyi doğru mu gösteriyoruz?"
UI/UX farkı görevlere indiğinde
UI/UX farkı asıl somutlaştığı yer günlük işlerdir. Bir UX tasarımcısının masasında genelde şunlar olur: kullanıcı görüşmeleri, persona ve senaryolar, kullanıcı akış diyagramları, kâğıt veya düşük çözünürlüklü wireframe'ler, kullanılabilirlik testleri ve bunların raporları. Çıktısı çoğu zaman renksiz, kasıtlı olarak "çirkin" iskeletlerdir, çünkü amaç görseli değil mantığı doğrulamaktır.
Bir UI tasarımcısı ise bu iskeleti alıp hayata geçirir: ızgara sistemi, boşluk ölçeği, renk paleti, font eşleştirmesi, buton ve form durumları (normal, hover, basılı, devre dışı, hata), ikon seti ve bunların hepsini bir tasarım sistemi içinde tutarlı kılma işi. UI tasarımcısı, "bu buton bekleme durumunda neye benzer?" sorusunu yanıtlar.
Aynı ekran, iki bakış açısı
Bir e-ticaret ödeme ekranını ele alalım. UX tarafı şunu sorar: kullanıcı kaç adımda ödeme yapmalı, adres ile kart bilgisi aynı sayfada mı olmalı, misafir olarak satın alma mümkün mü, hata olduğunda kullanıcı nerede kalmış olacak? UI tarafı ise aynı ekranda şunu sorar: "Siparişi tamamla" butonu yeterince baskın mı, hata mesajı kırmızı dışında erişilebilir bir işaretle de gösteriliyor mu, alanlar arası boşluk gözü yoruyor mu?
Dikkat edersen iki taraf da kullanıcıyı düşünüyor ama farklı katmanlarda. Bu yüzden iyi ürünlerde UI ve UX birbirinden kopuk değil, sürekli konuşan iki süreçtir.
Ölçtükleri şeyler de farklı
Başarıyı nasıl tarttıkları da ayrımı netleştirir:
- UX metrikleri: görev tamamlama oranı, görevi bitirme süresi, hata sayısı, terk etme oranı, kullanıcı memnuniyeti (ör. SUS skoru).
- UI metrikleri: görsel tutarlılık, erişilebilirlik (kontrast oranları, dokunma hedefi boyutları), bileşenlerin yeniden kullanılabilirliği, tasarım–kod uyumu.
Bir akış kullanıcıyı hedefe ulaştırıyor ama yolda herkes yanlış butona basıyorsa, bu çoğu zaman UX'in doğru kurduğu bir iskelete UI'ın yanlış görsel ağırlık vermesidir. Sorunu doğru katmanda aramak, çözümü hızlandırır.
Araçlar nerede örtüşüyor?
İlginç olan, modern araçların ikisini de aynı çatı altında toplaması. Figma gibi bir araçta hem düşük çözünürlüklü wireframe çizip akış prototipleyebilir (UX), hem de aynı dosyada tam renkli, bileşen tabanlı arayüzü kurabilirsin (UI). Bu yüzden pratikte birçok kişi "UI/UX tasarımcı" unvanıyla ikisini birlikte yapar — özellikle küçük ekiplerde. Yine de zihinsel olarak hangi şapkayı taktığını bilmek önemlidir: önce akışı ve mantığı doğrula, sonra yüzeyi güzelleştir. Tersini yaparsan güzel ama yanlış bir ürün çıkarırsın.
Hangisini öğrenmeliyim?
İkisi de aynı temele dayanır: kullanıcıyı anlamak. Tasarıma başlıyorsan önce UX düşüncesini oturtmanı öneririm — çünkü güzel arayüz yapmayı öğrenmek görece somut bir beceridir, ama "kullanıcı gerçekten ne istiyor?" sorusunu sormayı öğrenmek kariyer boyu işine yarar. UI becerileri (tipografi, renk, ızgara, bileşen düşüncesi) bunun üzerine eklenir. İdeal tasarımcı, bir ekrana baktığında hem "bu akış mantıklı mı?" hem "bu yüzey doğru mu?" sorularını aynı anda sorabilen kişidir.
Sık Sorulan Sorular
UI mı UX mi daha önemli?
İkisi de gereklidir; biri olmadan diğeri eksik kalır. Kötü UX'i güzel UI kurtaramaz (kullanıcı yapmak istediğini yapamaz), kötü UI ise iyi bir UX'i baltalar (kullanıcı güvenemez ya da kaybolur). Bunlar rakip değil, aynı zincirin halkalarıdır.
UI/UX tasarımcı tek kişi olabilir mi?
Evet, özellikle küçük ekiplerde çok yaygındır. Tek kişi araştırmadan akışa, oradan renkli arayüze kadar tüm süreci yürütebilir. Büyük ekiplerde ise bu roller ayrışır ve araştırmacı, UX tasarımcı, UI tasarımcı ayrı kişiler olur.
UX tasarımcısının kod bilmesi gerekir mi?
Zorunlu değil ama HTML/CSS ve temel etkileşim mantığını bilmek büyük avantaj. Neyin kolay, neyin pahalı olduğunu bilen tasarımcı, hayata geçirilebilir kararlar verir ve geliştiriciyle aynı dili konuşur.
Markan için arayüzü hem mantıklı hem güzel kuralım. İster sıfırdan bir ürün, ister mevcut bir ekranın yeniden tasarımı olsun, UX akışından UI detayına kadar baştan sona ele alıyorum. Benimle iletişime geç ve projeni konuşalım.