UI Nedir?
İngilizce: UI (User Interface)
UI, kullanıcının ürünle etkileştiği ekran, buton, form, menü, durum ve geri bildirim bileşenlerinin görsel düzenini kapsar.
UI Nedir?
UI (User Interface), kullanıcının bir dijital ürünle gördüğü ve dokunduğu yüzeydir. Butonlar, formlar, menüler, tablolar, ikonlar, renkler, tipografi, boşluklar, hata mesajları ve yüklenme durumları arayüzün parçalarıdır.
Neleri Kapsar?
İyi bir UI yalnızca estetik görünmez; kullanıcıya ne yapabileceğini ve yaptığı işlemin sonucunu açıkça gösterir. Bir ödeme formunda kart numarası alanının maskelemesi, hata mesajının doğru yerde görünmesi ve onay butonunun yüklenme durumuna geçmesi UI kararlarıdır.
Temel bileşenler şunlardır:
- Yerleşim: Bilginin ekran içinde hiyerarşik düzeni
- Etkileşim: Buton, seçim, sürükleme, modal ve menü davranışları
- Durumlar: Boş, yükleniyor, hata, başarı ve devre dışı haller
- Erişilebilirlik: Kontrast, klavye kullanımı ve ekran okuyucu uyumu
UI ve UX Farkı
UX, kullanıcının hedefe ulaşma deneyimini daha geniş kapsamda ele alır; UI bu deneyimin görsel ve etkileşimli katmanıdır. Responsive design ise aynı arayüzün farklı ekran boyutlarında kullanılabilir kalmasını sağlar.
Kurumsal uygulamalarda iyi UI, yoğun veri tablolarını okunur, işlemleri bulunur ve hata durumlarını anlaşılır hale getirir.
İlgili Terimler
ARIA, HTML’in yetersiz kaldığı erişilebilirlik durumlarında ekran okuyuculara rol, durum ve özellik bilgisi veren standarttır.
Tasarım SistemiTasarım sistemi, arayüz bileşenleri, tasarım tokenları ve kullanım kurallarını birleştirerek ürünlerde tutarlı deneyim sağlar.
Responsive TasarımResponsive tasarım, aynı web arayüzünün ekran genişliği, dokunmatik kullanım ve cihaz özelliklerine göre uyumlu yerleşim üretmesidir.
UXUX, kullanıcının bir dijital ürünü öğrenme, kullanma ve sonuca ulaşma deneyimini araştırma ve tasarımla iyileştirir.