UI UX NEDİR?
Yaygın kullanım şöyle: "UI/UX" — sanki tek kelimeymiş, tek işmiş gibi. Yanılgı da tam burada başlıyor: UI ve UX aynı şey değildir; hatta çoğu zaman farklı insanların, farklı sorulara cevap aradığı iki ayrı disiplindir. Birini diğerinin yerine koyan ekipler, "çok güzel görünen ama kimsenin kullanamadığı" ya da "kullanışlı ama itici" ürünler yapar. Bu yazı ikisini net ayırıyor, sonra nasıl birlikte çalıştıklarını gösteriyor.
1. UX Nedir: Deneyimin Mimarisi
UX (User Experience — kullanıcı deneyimi), bir kullanıcının ürünle yaşadığı bütün yolculuğun tasarımıdır: siteye girişinden aradığını bulmasına, formu doldurmasından vazgeçip çıkmasına kadar. UX tasarımcısının soruları görsel değildir:
- Kullanıcı buraya neden geliyor, ne yapmaya çalışıyor?
- Hedefine kaç adımda ulaşıyor; nerede takılıyor, nerede vazgeçiyor?
- Bilgi mimarisi doğru mu — menüde aradığını bulabiliyor mu?
- Bu akışın çalıştığını hangi veriyle kanıtlarız?
UX'in çıktıları da buna göredir: kullanıcı araştırması, persona, akış şemaları, tel çerçeve (wireframe) ve kullanılabilirlik testi raporu. Alanın dünyadaki referans kaynaklarından biri olan Nielsen Norman Group literatürü, bu disiplinin kanıt-temelli doğasını iyi gösterir.
2. UI Nedir: Arayüzün Dili
UI (User Interface — kullanıcı arayüzü) tasarımı, o yolculuğun görünen ve dokunulan katmanıdır: renk, tipografi, buton, ikon, boşluk, hareket. UI tasarımcısının soruları:
- Hiyerarşi doğru mu — göz önce nereye bakıyor, ana eylem öne çıkıyor mu?
- Marka dili tutarlı mı — renkler, köşeler, yazı karakteri tek ağızdan mı konuşuyor?
- Durumlar tasarlandı mı — butonun basılı hali, hata mesajı, boş liste ekranı?
- Erişilebilir mi — kontrast yeterli mi, yazı okunur mu, dokunma alanları parmak boyutunda mı?
UI'ın çıktısı; ekran tasarımları, bileşen kütüphanesi ve design system'dir — bugün bu işin standart tezgâhı Figma'dır.
3. Fark Tablosu ve Restoran Benzetmesi
En sevilen benzetme: bir restoranda UX; rezervasyonun kolaylığı, servisin hızı, menünün anlaşılırlığı ve hesabın sürprizsizliğidir. UI ise tabaklar, dekor, menünün grafiği ve garsonun üniformasıdır. Muhteşem dekorlu ama iki saat bekleten restoran = güzel UI, kötü UX.
| Eksen | UX | UI |
|---|---|---|
| Soru | Nasıl çalışmalı? | Nasıl görünmeli ve hissettirmeli? |
| Odak | Akış, yapı, kolaylık | Görsel dil, tutarlılık, estetik |
| Çıktı | Araştırma, akış şeması, wireframe, test raporu | Ekran tasarımı, bileşen kütüphanesi, prototip görünümü |
| Ölçüt | Görev tamamlama oranı, vazgeçme noktası | Hiyerarşi, okunabilirlik, marka tutarlılığı |
| Yakın disiplin | Psikoloji, araştırma | Grafik tasarım, tipografi |
4. Süreç: Araştırmadan Teste
Gerçek projede iki disiplin bir hat üzerinde el değiştirir:
- 1. Araştırma (UX) — kullanıcıyla görüşme, rakip analizi, veri inceleme: sorun ne?
- 2. Yapı (UX) — bilgi mimarisi ve akışlar: hangi ekranlar, hangi sırayla?
- 3. Tel çerçeve (UX→UI köprüsü) — süssüz iskelet ekranlar: ne nerede duracak?
- 4. Görsel tasarım (UI) — iskeletin marka diliyle giydirilmesi, bileşen kütüphanesi
- 5. Prototip ve test (ikisi birlikte) — tıklanabilir prototip gerçek kullanıcıyla denenir; takılma noktaları 2. veya 4. adıma geri besler
Sürecin özü döngüselliktir: test etmeden "bitti" demek, UX'in olmadığı yerdir — orada sadece süslenmiş varsayımlar vardır.
5. Meslek Yolları ve Araçlar
- UX tasarımcısı / araştırmacısı — güçlü yanı analiz ve empati olanlar için; psikoloji, sosyoloji ve pazarlama kökenliler bu alanda doğal avantajlıdır
- UI tasarımcısı — grafik ve estetik damarı güçlü olanlar için; grafik tasarım kökeninden geçiş en yaygın yoldur
- Product designer — ikisini birlikte taşıyan melez rol; küçük-orta ekiplerin gerçeği ve ilanların yükselen unvanı
Araç tarafında güncel standart net: tasarım ve prototip için Figma, testler için basit kayıt/gözlem araçları. Araç öğrenimi işin kolay yarısıdır — Figma eğitimi bu tezgâhı kurar; web tarafının bütününü (yapı, içerik, yayına alma) görmek isteyenler için web tasarımı eğitimi tamamlayıcı zemindir.
6. İşletme Gözüyle: Neden Önemli
UI/UX bir estetik lüksü değil, doğrudan ciro kalemidir:
- Karışık ödeme akışı = terk edilen sepet; tek gereksiz form alanı bile dönüşümü ölçülebilir düşürür
- Bulunamayan iletişim butonu = kaybedilen müşteri talebi
- Mobilde okunmayan yazı = geri dönmemek üzere çıkan ziyaretçi
Bu yüzden soru "sitemiz güzel mi" değil, "kullanıcı hedefine kaç saniyede, kaç takılmayla ulaşıyor" olmalıdır. Güzellik tartışılır; takılma sayılır.
Sonuç
UX, ürünün nasıl çalışacağının; UI, nasıl görüneceğinin tasarımıdır — biri iskelet, biri yüz. İyi ürün ikisinin sırayla ve döngüyle işlediği yerde çıkar: önce araştır ve kur, sonra giydir, sonra test et ve düzelt. "UI/UX" kısaltmasını tek kelime sananlar için bile iyi haber şu: iki disiplinin de girişi öğrenilebilir — ve ikisinin ortak tezgâhı olan Figma, başlamak için en doğru ilk duraktır.
Sıkça Sorulan Sorular
UI ve UX arasındaki fark tek cümleyle nedir?
UX ürünün nasıl çalıştığıdır (akış, kolaylık, yapı); UI nasıl göründüğü ve hissettirdiğidir (renk, tipografi, bileşenler). Restoran benzetmesiyle: servis düzeni UX, dekor ve tabaklar UI'dır — ikisi de deneyimi, ama farklı katmanlarını yapar.
UX tasarımcısı çizim yapmayı bilmek zorunda mı?
Hayır — UX'in çekirdeği araştırma, akış kurgusu ve testtir; çıktıları çoğunlukla şema ve süssüz tel çerçevedir. Görsel yetenek UI tarafının işidir. Bu yüzden psikoloji, pazarlama ve analiz kökenliler UX'e çizim geçmişi olmadan başarıyla geçer.
Wireframe (tel çerçeve) nedir, neden süssüzdür?
Ekranın gri tonlu iskelet taslağıdır: ne nerede duracak sorusunun cevabı. Bilinçli olarak süssüzdür; çünkü tartışılması gereken şey renk değil yapıdır — erken aşamada görsellik eklemek, geri bildirimi 'butonun mavisi' seviyesine hapseder.
Küçük bir şirket UX'e nereden başlamalı?
Sıfır bütçeli iki adımla: analitik verisinde kullanıcıların en çok terk ettiği sayfayı bulun ve 3-5 gerçek kullanıcıya sitede basit bir görev verip sessizce izleyin. Bu iki egzersiz, çoğu ajans raporundan daha net bir yapılacaklar listesi üretir.
UI/UX tasarımcısı olmak için hangi araçlar öğrenilmeli?
Güncel standart Figma'dır: tasarım, prototip ve ekip paylaşımı tek araçta. Yanına temel görsel işleme (Photoshop düzeyinde) ve basit test/kayıt araçları eklenir. Ama önce ilkeler: hiyerarşi, boşluk, tipografi ve kullanılabilirlik — araç, ilkelerin kalemidir.
Product designer ne demek?
UX araştırma-kurgusuyla UI görsel tasarımını tek kişide birleştiren melez roldür; küçük ve orta ekiplerde ayrı ayrı UX'çi ve UI'cı yerine bu profil aranır. İlanlarda yükselen unvandır ve iki disiplinin temelini birden bilmeyi gerektirir.
