Furkan KapukayaYazılım geliştirme
Web Tasarım ve Geliştirme2 dk okuma

UX ve UI Farkı Nedir? Güzel Görünen Site ile İşe Yarayan Site

Kullanıcı deneyimi (UX) ile kullanıcı arayüzü (UI) arasındaki fark, her birinin sorumlulukları, kullanılabilirlik ilkeleri ve işletmelerin web sitesi veya yazılım projesinde nelere dikkat etmesi gerektiği.

Bir web sitesi çok şık görünebilir ama ziyaretçi aradığını bulamıyorsa işe yaramaz. Tersi de mümkündür: sade görünen bir uygulama, işi en kısa yoldan yaptırdığı için sevilir. Bu iki durum, UX ve UI arasındaki farkı en iyi anlatan örneklerdir.

UI: Arayüz, yani görünen kısım

UI (User Interface), kullanıcının gördüğü ve dokunduğu her şeydir: renkler, yazı tipleri, düğmeler, simgeler, boşluklar ve yerleşim. İyi bir UI tutarlıdır, okunaklıdır ve markanın karakterini yansıtır.

UX: Deneyim, yani hissedilen kısım

UX (User Experience), kullanıcının bir hedefe ulaşırken yaşadığı sürecin tamamıdır. Şu sorularla ilgilenir:

  • Kullanıcı ne yapmak istiyor ve bunu kaç adımda yapabiliyor?
  • Takıldığı, vazgeçtiği veya hata yaptığı yerler neresi?
  • Sayfa yeterince hızlı mı, telefonda rahat kullanılıyor mu?
  • Hata mesajları ne yapması gerektiğini söylüyor mu?

Bir benzetmeyle: UI kapı kolunun şekli ve rengidir, UX ise kapının itilerek mi çekilerek mi açıldığının ilk bakışta anlaşılmasıdır.

Karşılaştırma

UXUI
OdakAkış, ihtiyaç, kolaylıkGörünüm, tutarlılık, estetik
AraçlarKullanıcı görüşmesi, akış şeması, prototipRenk paleti, tipografi, bileşen kütüphanesi
Başarı ölçüsüGörevin tamamlanma oranı ve süresiOkunabilirlik, tutarlılık, marka uyumu

Kullanılabilirliğin değişmeyen ilkeleri

  1. Tanıdıklık: Kullanıcılar zamanlarının çoğunu başka sitelerde geçirir; menü, sepet ve arama beklenen yerde olmalıdır.
  2. Geri bildirim: Her eylemin sonucu görünmelidir ("Kaydedildi", yükleniyor göstergesi).
  3. Hata önleme: Hata mesajı yazmaktan iyisi, hatayı mümkün kılmamaktır.
  4. Az seçenek: Her ek seçenek karar süresini uzatır.
  5. Erişilebilirlik: Herkes için kullanılabilir olmak. Bkz. WCAG rehberi.

Projede nasıl yansır?

İyi bir süreç önce UX ile başlar: kullanıcılar kim, hangi işleri yapacak, site yapısı nasıl olacak (site mimarisi). Ardından kaba taslaklar (wireframe), en son da görsel tasarım gelir. Renklerle başlayan projeler genellikle sonradan akışı düzeltmek için yeniden tasarlanır.

İşletmeler için iç yazılımlarda da durum aynıdır: personelin günde yüz kez kullandığı bir ekranda tek bir gereksiz tıklama, ayda saatler demektir.

Sık sorulan sorular

Küçük bir site için UX çalışması gerekli mi?

Kapsamlı araştırma gerekmez; ama hedef kitlenin en önemli üç görevini belirleyip bunları kolaylaştırmak her site için yapılmalıdır.

UX nasıl ölçülür?

Dönüşüm oranı, form tamamlama oranı, görev süresi ve destek talebi sayısı iyi göstergelerdir. Bkz. dönüşüm oranı optimizasyonu.

Sonuç

UI ziyaretçiyi karşılar, UX ise onu hedefine ulaştırır. İkisi birlikte düşünüldüğünde güzel görünen ve işe yarayan siteler ortaya çıkar.