UI ve UX arasındaki fark, en yalın haliyle şudur: UI (User Interface, kullanıcı arayüzü) bir ürünün dokunduğunuz, gördüğünüz ve tıkladığınız somut yüzeyidir; UX (User Experience, kullanıcı deneyimi) ise o ürünle karşılaşmadan önce, kullanırken ve kullandıktan sonra zihninizde ve duygularınızda oluşan bütün tepkilerdir. Uluslararası standart ISO 9241, arayüzü etkileşimli bir sistemin kullanıcıya bilgi ve kontrol sunan tüm bileşenleri olarak; deneyimi ise kullanıcının bir sistemi kullanmasından veya kullanacak olmasından doğan algı ve tepkilerinin toplamı olarak tanımlar. Yani UI bir şeydir, UX ise bir sonuç. Arayüz üretilir, deneyim ise ancak tasarlanmaya çalışılır ve yaşanır.
Özel Ders Alanı
En İyi Web Tasarım Öğretmenlerinden Ders Al
Bu ayrım kulağa akademik gelebilir ama günlük hayatta çok net karşılığı vardır. Kusursuz düğmeleri, ferah boşlukları ve zarif tipografisi olan bir uygulama, aradığınız şeyi bulduramıyorsa iyi bir UI ile kötü bir UX sunar.
Aşağıda bu iki kavramı standartlara, kurucu isimlerin tanımlarına ve ölçülebilir kriterlere dayandırarak, meraklı bir okuyucunun sıkılmayacağı derinlikte ele alıyoruz. Yazının sonunda hangi rolün ne iş yaptığını ve bu alana nasıl girileceğini de netleştireceğiz.
UI / Kullanıcı Arayüzü
Ürünün görünen yüzeyi
Butonlar, ikonlar, renkler, tipografi, boşluklar, animasyonlar, form alanları, kısacası kullanıcının bilgi aldığı ve komut verdiği her bileşen.
UX / Kullanıcı Deneyimi
Kullanıcıda kalan izlenim
Duygular, beklentiler, güven, hız algısı, hayal kırıklığı, görevin tamamlanıp tamamlanmaması. Kullanım öncesinde, sırasında ve sonrasında oluşan her şey.
Standartlar Ne Diyor: İki Tanım, İki Ayrı Dünya
Bu tartışmayı kişisel yorumdan çıkarmanın en sağlam yolu, uluslararası standarda bakmaktır. ISO 9241, insan ve sistem etkileşiminin ergonomisini düzenleyen çok bölümlü bir standart ailesidir.
Standardın 210 numaralı bölümü kullanıcı deneyimini, bir sistemin, ürünün veya hizmetin kullanılmasından ya da kullanılacak olmasından doğan algı ve tepkiler olarak tanımlar. Aynı metin bu tepkilerin kapsamını da açar: duygular, inançlar, tercihler, algılar, fiziksel ve psikolojik yanıtlar, davranışlar ve başarımlar.
Kritik nokta zaman boyutudur. Standarda göre bu tepkiler kullanımdan önce, kullanım sırasında ve kullanımdan sonra oluşur. Yani reklamı görürken oluşan beklenti de, uygulamayı sildikten sonra kalan tat da UX kapsamındadır.
ISO 9241-110 kaynaklı tanım
Kullanıcı arayüzü, etkileşimli bir sistemin kullanıcının belirli görevleri yerine getirebilmesi için bilgi ve kontrol sağlayan tüm bileşenleridir. Bu bileşenler yazılım olabileceği gibi donanım da olabilir.
ISO 9241-210 tanımı
Kullanıcı deneyimi, kullanıcının bir sistemi, ürünü veya hizmeti kullanmasından ya da kullanacak olmasından kaynaklanan algı ve tepkileridir. Deneyim, kullanıcının geçmiş yaşantılarından, tutumlarından, becerilerinden ve kullanım bağlamından beslenir.
İki tanımı yan yana koyduğunuzda fark kendini ele verir. Arayüz tanımında bileşen vardır; deneyim tanımında insan. Biri envanterle sayılabilir, diğeri ancak gözlemle ve ölçümle anlaşılabilir. Görsel bileşenlerin nasıl kurgulandığını merak edenler için grafik tasarım alanı bu yüzeyin dilini öğrenmenin doğal başlangıç noktasıdır.
Terimin Kökeni: UX Kelimesi Nereden Çıktı?
Kullanıcı deneyimi terimini 1990'ların başında, Apple'da çalışan bilişsel bilimci Don Norman ortaya attı. Norman, ekibinin işini tarif etmek için kullanılabilirlik veya arayüz kelimelerinin dar kaldığını düşünüyordu.
Onun tarifine göre kullanıcı deneyimi; kişinin şirketle, hizmetleriyle ve ürünleriyle kurduğu etkileşimin tüm yönlerini kapsar. Ürünü keşfetmek, satın almak, kutusundan çıkarmak, ilk kez kullanmak, yüzüncü kez kullanmak ve bir gün değiştirmek de bu bütünün içindedir.
Norman, 1998 yılında Jakob Nielsen ile birlikte, bugün alanın en çok atıf alan araştırma kuruluşlarından biri olan Nielsen Norman Group'u kurdu. Yani UX, pazarlama diliyle uydurulmuş bir moda kelime değil; bilişsel bilim ve insan faktörleri geleneğinden doğmuş bir kavramdır.
Kurucuların Verdiği Klasik Örnek
Norman ve Nielsen, farkı bir film eleştirisi sitesiyle anlatır. Sitenin film arama arayüzü kusursuz çalışıyor olabilir. Ama kullanıcı küçük bir bağımsız yapımı arıyorsa ve veri tabanında yalnızca büyük stüdyo filmleri varsa, deneyim yine de kötüdür. Arayüz sorunsuzdur, deneyim çökmüştür.
Yedi Başlıkta Somut Fark
Tabloyu tek cümleye indirgersek: UI, UX'in içindeki en görünür bileşendir. UX ise arayüzün bittiği yerde bile devam eder. Kargo süresi, iade politikası, destek hattındaki bekleme, hatta faturanın okunabilirliği deneyimin parçasıdır.
UX Ölçülebilir mi? Kullanılabilirliğin Üç Bacağı
Deneyim öznel olduğu için ölçülemez sanılır. Oysa ISO 9241 ailesinin kullanılabilirlik tanımı, deneyimin çekirdeğini üç ölçülebilir boyuta indirger.
Bunlar etkililik, verimlilik ve memnuniyettir. Standardın 2018'de güncellenen sürümü kapsamı yalnızca arayüzden çıkarıp sistemin ve hizmetin tamamına genişletti ve sağlık, güvenlik, gizlilik gibi olumsuz sonuçların değerlendirilmesini de tanıma dahil etti.
Etkililik
Kullanıcı hedefine ulaşabildi mi? Görev tamamlanma oranı bunun en dolaysız göstergesidir.
Verimlilik
Hedefe ne kadar kaynak harcayarak ulaştı? Süre, tıklama sayısı ve hata adedi ölçülür.
Memnuniyet
Süreç kullanıcıya nasıl hissettirdi? Anketler ve gözlem bu boyutu görünür kılar.
Nielsen'in On Sezgisel İlkesi: Arayüzün Anayasası
Jakob Nielsen, Rolf Molich ile 1990'da başladığı çalışmayı 1994'te 249 kullanılabilirlik probleminin faktör analiziyle rafine etti ve on maddelik bir liste çıkardı. Bu liste otuz yılı aşkın süredir neredeyse hiç değişmeden ayakta.
Nedeni ilginç: ilkeler belirli bir ekran teknolojisine değil, insan ile makine arasındaki temel uyumsuzluklara dayanıyor. Bu yüzden web, mobil, oyun ve yeni etkileşim biçimlerinde hâlâ çalışıyorlar.
01
Sistem durumunun görünürlüğü
Ne olup bittiğini kullanıcıya makul sürede geri bildirimle söyleyin.
02
Sistem ile gerçek dünyanın örtüşmesi
Kullanıcının diliyle konuşun, sistem jargonuyla değil.
03
Kullanıcı denetimi ve özgürlüğü
Yanlış adımdan çıkış her zaman açık olsun, geri alınabilsin.
04
Tutarlılık ve standartlar
Aynı şey aynı yerde, aynı adla ve aynı biçimde dursun.
05
Hata önleme
Hatayı iyi mesajla açıklamaktan önce, hiç oluşmamasını sağlayın.
06
Hatırlamak yerine tanımak
Bilgiyi görünür kılın; kullanıcı ezberlemek zorunda kalmasın.
07
Esneklik ve kullanım verimliliği
Acemi de deneyimli de kendi hızında ilerleyebilsin.
08
Estetik ve yalın tasarım
İlgisiz her öğe, önemli olanın görünürlüğünü zayıflatır.
09
Hatayı tanıma ve toparlanma
Sorunu sade dille anlatın ve çözüm yolunu gösterin.
10
Yardım ve dokümantasyon
Gerekiyorsa yardım bulunsun, aranabilir ve adım adım olsun.
Dikkat edin: bu ilkeler adı üstünde arayüz tasarımı için yazılmış. Yani UI kararlarını değerlendirmenin yolu, doğrudan UX sonuçlarına bakmaktan geçiyor. İki kavram ayrı ama hiçbir zaman bağımsız değil. Bu ilkeleri kendi projesine uygulamak isteyenler için web tasarım temelleri, teoriyi çalışan bir sayfaya dönüştürmenin en kısa yoludur.
Erişilebilirlik: Deneyimin Pazarlık Edilemeyen Zemini
Bir arayüz ne kadar zarif olursa olsun, kullanıcının bir bölümü onu algılayamıyorsa deneyim baştan kırıktır. Bu yüzden erişilebilirlik, UI ile UX'in kesiştiği en somut alandır.
Bu alanın küresel referansı, W3C tarafından yayımlanan WCAG yani Web İçeriği Erişilebilirlik Kılavuzları'dır. WCAG 2.2, 5 Ekim 2023 tarihinde resmi W3C Tavsiyesi olarak yayımlandı ve WCAG 2.1'e dokuz yeni başarı ölçütü ekledi.
Kılavuz, POUR kısaltmasıyla anılan dört ilke etrafında kurulur ve başarı ölçütleri A, AA, AAA olmak üzere üç uyum düzeyinde tanımlanır.
Perceivable / Algılanabilir
Bilgi ve arayüz öğeleri kullanıcının algılayabileceği biçimlerde sunulmalı.
Operable / Çalıştırılabilir
Arayüz bileşenleri ve gezinme herkes tarafından kullanılabilmeli.
Understandable / Anlaşılabilir
Bilgi de arayüzün işleyişi de anlaşılır olmalı.
Robust / Sağlam
İçerik, yardımcı teknolojiler dahil farklı araçlarla güvenilir biçimde yorumlanabilmeli.
Kim Ne İş Yapar: Rollerin Gerçek Dağılımı
Türkiye'de ilanların çoğu tek bir kalıpla açılır: UI/UX tasarımcısı. Oysa olgun ekiplerde bu iş birden fazla uzmanlığa bölünür ve her birinin çıktısı farklıdır.
Rolleri karıştırmak, işe alım sürecinde de kariyer planında da en sık yapılan hatadır. Aşağıdaki ayrım, ilanları okurken pusula işlevi görür.
UX Araştırmacısı
Kullanıcıyla konuşur, gözlemler, test kurgular. Ürünün hangi problemi kime çözdüğünü kanıta bağlar. Çıktısı bulgu ve öneridir, ekran değil.
UX Tasarımcısı
Bulguyu akışa çevirir. Bilgi mimarisi, kullanıcı yolculuğu ve tel çerçeve kurar. Sorusu şudur: kullanıcı hedefine en az sürtünmeyle nasıl varır.
UI Tasarımcısı
Akışı görünür kılar. Tipografi, renk, ızgara, bileşen ve durum tasarımıyla uğraşır. Tasarım sistemi kurar ve tutarlılığı korur.
Ürün Tasarımcısı
Küçük ekiplerde bu üç işi birlikte üstlenen ve iş hedefiyle kullanıcı hedefi arasında denge kuran rol. Kapsamı en geniş olandır.
İnsan Odaklı Tasarım Süreci: Dört Durak
ISO 9241-210, iyi deneyimi tesadüfe bırakmamak için insan odaklı tasarım sürecini dört ana etkinliğe ayırır. Bu süreç doğrusal değil, döngüseldir.
Standardın kendi ifadesiyle kullanıcılar tasarım ve geliştirmenin her aşamasında sürece dahil edilmelidir. Bu yüzden dördüncü adımdan sonra çoğu zaman yeniden birinciye dönülür.
01
Kullanım bağlamını anlamak
Kullanıcılar kim, hangi görevi, hangi ortamda yapıyor? Bağlam bilinmeden gerisi tahmindir.
02
Gereksinimleri belirlemek
Kullanıcı ve kurum ihtiyaçları açık, sınanabilir ifadelere dönüştürülür.
03
Tasarım çözümleri üretmek
Senaryo, simülasyon ve prototiplerle fikir somutlaştırılır ve ucuzken denenir.
04
Gereksinimlere karşı değerlendirmek
Çözüm kullanıcıyla sınanır, geri bildirim tasarımı değiştirir. Döngü yeniden başlar.
Prototipin ucuzken denenmesi bu döngünün en değerli kısmıdır. Bir ekran taslağını değiştirmek dakikalar sürer; aynı hatayı yayına aldıktan sonra düzeltmek haftalar. Görsel prototipleme alışkanlığı kazanmak isteyenler için görsel tasarım araçlarıyla hızlı taslak çıkarma pratiği iyi bir ısınma turudur.
Alanın En Yaygın Beş Yanılgısı
Yanılgı
UX, UI'ın süslü adıdır
Hayır. UI, UX'in bir bileşenidir. Bir arayüz olmadan da deneyim olabilir; bir bankanın çağrı merkezi süreci buna örnektir.
Yanılgı
UX tasarımcısı Photoshop bilmeli
Araç, rolü tanımlamaz. Araştırma yürüten bir UX uzmanı hiç görsel üretmeden de işini yapabilir.
Yanılgı
Güzel arayüz iyi deneyim demektir
Estetik güven verir ama görevi tamamlatmaz. Kullanıcı aradığını bulamıyorsa estetik onu tutmaz.
Yanılgı
Deneyim ölçülemez
Ölçülür. Görev başarısı, süre, hata sayısı ve memnuniyet ölçekleri bunun için vardır.
Yanılgı
UX işi tasarımcının işidir
Deneyimi metin yazarı, geliştirici, destek ekibi ve fiyatlama kararı da belirler. Sorumluluk dağınıktır.
Bu Alana Nasıl Girilir: Gerçekçi Bir Yol Haritası
İyi haber şu: bu alan diploma değil, portfolyo sorar. Kötü haber ise portfolyonun ekran görüntüsü değil, karar gerekçesi istemesi.
Başlangıç için üç damar var. Görsel dil tarafından girenler tipografi, ızgara ve renk çalışır. Ürün tarafından girenler araştırma ve akış öğrenir. Teknik taraftan girenler ise arayüzün nasıl hayata geçtiğini anlamak için yazılım temellerine yönelir.
Hangi damardan girerseniz girin, ilk gerçek sıçrama tasarımı çalışır hale getirdiğinizde olur. Kod okuyabilen tasarımcı, geliştiriciyle aynı dili konuşur ve fikrini savunabilir. Sıfırdan yazılıma başlamak isteyenler için bu adım, tasarım kararlarının teknik maliyetini görmeyi de öğretir.
Alanın literatürü büyük ölçüde İngilizce üretilir; standartların, araştırma raporlarının ve dokümantasyonun büyük bölümü bu dilde yayımlanır. Türkiye'nin farklı illerinde bu ihtiyacı yüz yüze karşılamak isteyenler İstanbul İngilizce özel ders veya İzmir İngilizce özel dersi seçenekleriyle destek alabilir.
Son olarak ürünün kullanıcıya nasıl ulaştığını anlamak, deneyimi baştan kurgulamayı kolaylaştırır. Bu yüzden dijital pazarlama bilgisi, tasarımcıya kullanıcının kapıya hangi beklentiyle geldiğini gösterir.
Bugün Deneyebileceğiniz Tek Egzersiz
Sık kullandığınız bir uygulamada tek bir görev seçin. Kaç adımda tamamlandığını, kaç kez duraksadığınızı ve hangi anda ne hissettiğinizi not edin. Sonra aynı görevi hiç bilmeyen birine yaptırın. Notlarınız arasındaki fark, UI'ın nerede bitip UX'in nerede başladığını size hiçbir tanımın anlatamayacağı netlikte gösterecektir.
Sonuç: Yüzey ile Sonuç Arasındaki Mesafe
UI ile UX arasındaki fark, aslında iki farklı sorunun farkıdır. UI sorar: bu ekran anlaşılır mı, tutarlı mı, dürüst mü? UX sorar: bu kişi ne istiyordu, ulaşabildi mi, sonunda ne hissetti?
Standartların dilinde bu ayrım nettir. Arayüz bileşenlerden oluşur ve üretilir; deneyim algılardan oluşur ve ancak koşulları hazırlanabilir. İyi tasarım bu ikisini birbirine karıştırmaz ama asla ayırmaz da.
Bu alanın önümüzdeki yıllarda nasıl şekilleneceğini merak ediyorsanız, geleceğin meslekleri üzerine yazdıklarımız iyi bir devam noktası olabilir. Ama en sağlam pusula değişmiyor: kullanıcının ne söylediğine değil, ne yaptığına bakmak.
Yararlanılan Kaynaklar
- ISO 9241-210: Ergonomics of human-system interaction, Part 210: Human-centred design for interactive systems (kullanıcı deneyimi ve kullanıcı arayüzü tanımları, insan odaklı tasarım etkinlikleri)
- ISO 9241-110: Ergonomics of human-system interaction, Part 110: Interaction principles (kullanıcı arayüzü tanımının kaynağı)
- ISO 9241-11: Usability, definitions and concepts (etkililik, verimlilik, memnuniyet)
- Nielsen Norman Group, The Definition of User Experience (UX) ve What Is User Experience (and What Is It Not)?
- Jakob Nielsen, 10 Usability Heuristics for User Interface Design, 1994 (Nielsen ve Molich, 1990 temelli)
- W3C Web Accessibility Initiative, Web Content Accessibility Guidelines (WCAG) 2.2, W3C Tavsiyesi, 5 Ekim 2023
Görüşlerinizi Bizimle Paylaşın (0)