Çift Süreçli Düşünme

Kullanılabilirlik testi kullanıcının nerede takıldığını gösterir. Katılımcı sonuç listesinde duraksadı, üçüncü kaydı açtı, geri döndü, ikinci kaydı açtı ve ödünç aldı — kayıt tuttunuz, süreleri yazdınız, sorunu bir adıma sabitlediniz. Testin söylemediği şey, o duraksamanın neden olduğu. Aynı gözlem iki farklı nedenden doğabilir: kullanıcı listede aradığı bilgiyi bulamamış olabilir ya da bulmuş ama görsel düzenin işaret ettiği kayda güvenmiş, sonra yanıldığını fark etmiş olabilir. İki neden farklı tasarım kararı gerektirir.

Bu konu, gözlenen davranışın altındaki karar mekanizmalarını ele alır. İlk soru şudur: bir kullanıcı katalogda kayıt seçerken ne kadarını okur, ne kadarını görür?

İki Karar Kipi

İnsan kararı tek bir mekanizmadan çıkmaz. Çift süreçli düşünme (dual-process thinking) modeli, kararın birbirinden ayrı iki işleyişle verilebildiğini söyler.

Sezgisel sistem hızlıdır, örüntü eşlemesiyle çalışır, çaba istemez ve neredeyse kesintisiz açıktır. Bir listeye baktığınızda hangi ögenin “öne çıktığını” okumadan bilirsiniz; bu bilgi boyut, ağırlık, konum ve karşıtlıktan gelir — Arayüz Tasarımının Temelleri kursunda görsel ağırlık adıyla ölçülen büyüklüklerdir. Sezgisel sistem bu ağırlığı bir alaka işareti olarak okur.

Düşünsel sistem yavaştır, sıralıdır, dikkat ister ve yorulur. Kayıt başlığını okumak, yayın yılıyla aradığınız baskıyı karşılaştırmak, iki kaydın hangisinin sizin aradığınız cilt olduğunu çıkarmak bu sistemin işidir.

İki sistem yarışmaz; biri diğerine devreder. Sezgisel sistem sürekli bir yanıt üretir; düşünsel sistem yalnızca bir çelişki, bir belirsizlik ya da bir maliyet işareti gördüğünde devreye girer. Tasarımın belirlediği şey, hangisinin kararı verdiğidir.

Sonuç Listesinde Hangi Sistem Karar Veriyor

Katalog arayüzünde bir arama sekiz kayıt döndürüyor. Kullanıcının aradığı, sorguya en uygun kayıt. Arayüz ise kayıtları bir ölçüte göre sıralayıp vurguluyor. İki ölçüt aynı olmak zorunda değil.

Aşağıdaki benzetim üç arayüz seçeneğini karşılaştırıyor: kayıtları yayın yılına göre öne çıkaran, kapak görseli olanı öne çıkaran ve sorguya uygunluğa göre öne çıkaran. Kullanıcı iki kipte davranabiliyor: en belirgin kaydı seçmek (sezgisel) ya da sekiz kaydı da okuyup karşılaştırmak (düşünsel).

// belirginlik.mjs — sonuc listesinde belirginligin secimi belirlemesi

// Belirlenimci sozde rastgele uretec (dogrusal eslesik uretec).
function uretec(tohum) {
  let s = tohum >>> 0;
  return () => { s = (s * 1664525 + 1013904223) >>> 0; return s / 4294967296; };
}

const LISTE_UZUNLUGU = 8;
const DENEME = 500;

// Bir arama sonucu listesi uret: her kaydin uygunlugu (0-100) ve yayin yili.
function liste(rnd) {
  const kayitlar = [];
  for (let i = 0; i < LISTE_UZUNLUGU; i++) {
    kayitlar.push({
      uygunluk: Math.round(rnd() * 100),   // sorguya gercek uyum
      yil: 1980 + Math.round(rnd() * 45),  // yayin yili
      kapak: rnd() < 0.35,                 // kapak gorseli var mi
    });
  }
  return kayitlar;
}

// Uc arayuz: her biri kayda gorsel agirlik atar.
const ARAYUZLER = {
  "yila gore": (k) => k.yil - 1980,                       // en yeni en ustte ve en buyuk
  "kapak gorseline gore": (k) => (k.kapak ? 80 : 20) + (k.yil - 1980) / 10,
  "uygunluga gore": (k) => k.uygunluk,                    // gorsel agirlik = uyum
};

const OKUMA_SURESI = 1.4;   // saniye / kayit — bir kaydi okuyup degerlendirme
const TARAMA_SURESI = 0.6;  // saniye — listeyi tarayip en belirgini secme

const enBuyuk = (kayitlar, olcut) =>
  kayitlar.reduce((a, b) => (olcut(b) > olcut(a) ? b : a));

console.log("arayuz                 sezgisel dogru  sezgisel sure  dusunsel dogru  dusunsel sure");
for (const [ad, agirlik] of Object.entries(ARAYUZLER)) {
  const rnd = uretec(20240701);
  let sezgiselDogru = 0;
  for (let d = 0; d < DENEME; d++) {
    const kayitlar = liste(rnd);
    const enUygun = enBuyuk(kayitlar, (k) => k.uygunluk);
    const enBelirgin = enBuyuk(kayitlar, agirlik);
    if (enBelirgin.uygunluk === enUygun.uygunluk) sezgiselDogru++;
  }
  console.log(
    `${ad.padEnd(22)} ${((sezgiselDogru / DENEME * 100).toFixed(1) + " %").padStart(14)} ${(TARAMA_SURESI.toFixed(1) + " sn").padStart(14)}` +
    `  ${("100.0 %").padStart(14)} ${((TARAMA_SURESI + LISTE_UZUNLUGU * OKUMA_SURESI).toFixed(1) + " sn").padStart(13)}`
  );
}

// Karma davranis: kullanici belirgin kayda guvenir, ancak ilk iki kayit gorsel
// agirlik bakimindan birbirine yakinsa okumaya gecer.
console.log("\nkarma davranis (ilk iki kayit gorsel agirlikta %15'ten yakinsa okuma)");
console.log("arayuz                 dogru oran  ortalama sure  okumaya gecis");
for (const [ad, agirlik] of Object.entries(ARAYUZLER)) {
  const rnd = uretec(20240701);
  let dogru = 0, sure = 0, okuma = 0;
  for (let d = 0; d < DENEME; d++) {
    const kayitlar = liste(rnd);
    const enUygun = enBuyuk(kayitlar, (k) => k.uygunluk);
    const sirali = [...kayitlar].sort((a, b) => agirlik(b) - agirlik(a));
    const fark = agirlik(sirali[0]) === 0 ? 1 : (agirlik(sirali[0]) - agirlik(sirali[1])) / Math.abs(agirlik(sirali[0]));
    if (fark < 0.15) {
      okuma++;
      sure += TARAMA_SURESI + LISTE_UZUNLUGU * OKUMA_SURESI;
      dogru++;
    } else {
      sure += TARAMA_SURESI;
      if (sirali[0].uygunluk === enUygun.uygunluk) dogru++;
    }
  }
  console.log(
    `${ad.padEnd(22)} ${((dogru / DENEME * 100).toFixed(1) + " %").padStart(10)} ${((sure / DENEME).toFixed(2) + " sn").padStart(14)}` +
    ` ${((okuma / DENEME * 100).toFixed(1) + " %").padStart(14)}`
  );
}

// Yanlis secimin bedeli: secilen kayit ile en uygun kayit arasindaki uygunluk farki
console.log("\narayuz                 ortalama uygunluk kaybi (sezgisel secim)");
for (const [ad, agirlik] of Object.entries(ARAYUZLER)) {
  const rnd = uretec(20240701);
  let kayip = 0;
  for (let d = 0; d < DENEME; d++) {
    const kayitlar = liste(rnd);
    kayip += enBuyuk(kayitlar, (k) => k.uygunluk).uygunluk - enBuyuk(kayitlar, agirlik).uygunluk;
  }
  console.log(`${ad.padEnd(22)} ${(kayip / DENEME).toFixed(1).padStart(10)} puan`);
}

arayuz                 sezgisel dogru  sezgisel sure  dusunsel dogru  dusunsel sure
yila gore                      13.6 %         0.6 sn         100.0 %       11.8 sn
kapak gorseline gore           12.6 %         0.6 sn         100.0 %       11.8 sn
uygunluga gore                100.0 %         0.6 sn         100.0 %       11.8 sn

karma davranis (ilk iki kayit gorsel agirlikta %15'ten yakinsa okuma)
arayuz                 dogru oran  ortalama sure  okumaya gecis
yila gore                  70.6 %        7.95 sn         65.6 %
kapak gorseline gore       87.8 %       10.16 sn         85.4 %
uygunluga gore            100.0 %        7.97 sn         65.8 %

arayuz                 ortalama uygunluk kaybi (sezgisel secim)
yila gore                    39.5 puan
kapak gorseline gore         37.8 puan
uygunluga gore                0.0 puan

Sezgisel Sistem Yanılmaz, Yanlış Beslenir

İlk tablonun ilk sütunu bu dersin çekirdeğidir. Sezgisel kip aynı kural ile çalışıyor — “en belirgin olanı seç” — ama doğruluğu yüzde 13’ten yüzde 100’e çıkıyor. Değişen tek şey arayüzün neyi belirgin yaptığı.

Bu, sezgisel sistemin kusurlu olduğu anlamına gelmez. Kural doğru bir kuraldır: gerçek dünyada göze çarpan şey çoğu zaman aranan şeydir. Kuralın çıktısı, girdisi kadar iyidir. Girdiyi tasarımcı seçer. Kayıtları yayın yılına göre vurgulayan arayüz, kullanıcının sezgisel sistemine “en yeni olan en uygun olandır” bilgisini besler; kullanıcı bu bilgiyi seçmemiştir, arayüz vermiştir.

Üçüncü tablo hatanın büyüklüğünü veriyor. Yayın yılına göre vurgulanan listede sezgisel seçim, ortalama 39.5 uygunluk puanı daha kötü bir kayıtla sonuçlanıyor. Yüz puanlık bir ölçekte bu, listenin en uygun kaydı yerine orta sıralardan bir kaydın alınmasıdır. Kullanıcı yanlış kitabı ödünç alıyor ve bunu ancak kitabı eline aldığında anlıyor.

Buradan çıkan ilk tasarım kuralı: görsel ağırlık, kullanıcının karar ölçütüyle aynı büyüklüğe bağlanır. Sıralama ölçütü ile vurgu ölçütü ayrışıyorsa arayüz kullanıcıya yanlış bilgi veriyordur — yazılı olarak değil, biçim yoluyla.

Düşünsel Sisteme Geçmenin Bedeli Süredir

İkinci tablo daha ilginç bir şey ölçüyor. Burada kullanıcı katı değil: en belirgin iki kayıt birbirine yakınsa, yani vurgu net bir yanıt vermiyorsa, okumaya geçiyor.

Yayın yılına göre vurgulanan arayüzde kullanıcı denemelerin yüzde 65.6’sında okumaya geçiyor, ortalama süre 0.6 saniyeden 7.95 saniyeye çıkıyor ve doğruluk yüzde 70.6’da kalıyor. Kapak görseline göre vurgulanan arayüzde okumaya geçiş yüzde 85.4’e, süre 10.16 saniyeye çıkıyor; doğruluk yüzde 87.8. Daha çok okumak daha doğru sonuç veriyor ama süreyi neredeyse iki katına çıkarıyor.

Uygunluğa göre vurgulanan arayüzde okumaya geçiş oranı yüzde 65.8, süre 7.97 saniye — yayın yılına göre vurgulayan arayüzle neredeyse aynı. Doğruluk ise yüzde 100. Aynı süre, aynı okuma miktarı, farklı sonuç. Fark, okumanın ne işe yaradığındadır: birinde kullanıcı arayüzün hatasını düzeltmek için okuyor, diğerinde arayüzün verdiği yanıtı doğrulamak için.

Bu ayrım, kullanılabilirlik testinde gözlenen duraksamanın iki nedenini birbirinden ayırır. Kullanıcı okuyorsa ve sonunda arayüzün önerdiği kaydı alıyorsa, okuma bir doğrulamadır; süre maliyeti vardır ama sonuç doğrudur. Kullanıcı okuyor ve arayüzün önerdiğinden farklı bir kaydı alıyorsa, arayüz onu yanlış yönlendirmiştir ve okuma bir onarımdır. Test kaydında ikisi aynı görünür: “katılımcı listede duraksadı”.

Bu Modelin Sınırları

Yukarıdaki sayılar bir benzetimden çıkıyor, ölçümden değil. Okuma süresi 1.4 saniye, tarama süresi 0.6 saniye ve yüzde 15’lik yakınlık eşiği varsayımdır; başka değerler başka sayılar verir. Modelin taşıdığı sonuç sayılar değil, sayıların yönüdür: vurgu ölçütü karar ölçütünden ayrıştığında sezgisel seçim bozulur ve düzeltme süre olarak ödenir. Bu yön varsayımların makul aralığında değişmez.

Modelin ölçmediği bir şey daha var. Burada kullanıcı, okumaya geçtiğinde her zaman doğru kararı veriyor. Gerçek kullanıcı yorulur; düşünsel sistem sınırsız değildir. Sekiz kaydın karşılaştırılması sekiz ayrı kararla değil, çok daha hızlı tükenen bir dikkat bütçesiyle yapılır. O bütçenin nasıl harcandığı sonraki dersin konusudur.

Tasarımcının Sorumluluğu Nerede Başlar

Sezgisel sistemin girdisini tasarımcı seçtiği için, o girdinin doğruluğu tasarımcının sorumluluğundadır. Bu, bu konunun tamamına yayılan bir ölçütün ilk biçimidir:

Kullanıcı, arayüzün ona ne söylediğini bilseydi de aynı kararı verecek miydi?

Uygunluğa göre vurgulanan listede yanıt evettir: kullanıcı “bu kayıt en üstte çünkü sorguna en çok uyuyor” bilgisini bilse de aynı kaydı seçerdi. Yayın yılına göre vurgulanan listede yanıt hayırdır: kullanıcı “bu kayıt en üstte çünkü en yeni basım” bilgisini bilseydi listeyi okumaya geçerdi. İkinci arayüz, kararın gücünü kullanıcının bilgisizliğinden alıyor.

Bu ölçüt, bu noktada bir tasarım kalitesi ölçütü gibi görünüyor; konunun sonunda bir etik ölçüte dönüşecek. Aradaki tek fark, ayrışmanın kazayla mı yoksa bilerek mi kurulduğudur.

Özet

• Çift süreçli düşünme, kararın hızlı ve çabasız sezgisel sistemle mi yavaş ve dikkat isteyen düşünsel sistemle mi verildiğini ayırır; arayüz hangisinin karar verdiğini belirler.
• Sezgisel sistem “en belirgin olanı seç” kuralını uygular; kuralın doğruluğu, arayüzün neyi belirgin yaptığına bağlıdır — benzetimde aynı kural yüzde 13 ile yüzde 100 arasında sonuç verdi.
• Vurgu ölçütü karar ölçütünden ayrıştığında sezgisel seçimin bedeli ölçülebilir: sekiz kayıtlık listede ortalama 39.5 uygunluk puanı kayıp.
• Düşünsel sisteme geçiş hatayı azaltır ama süreyi yaklaşık on kat artırır; kullanıcının okuması ya bir doğrulamadır ya da arayüzün hatasının onarımıdır.
• Kullanılabilirlik testindeki “duraksama” gözlemi bu iki durumu ayırmaz; ayrım, hangi kaydın seçildiğine bakılarak yapılır.
• Sezgisel sistemin girdisini tasarımcı seçtiği için, kullanıcının bu bilgiyi bilse de aynı kararı verip vermeyeceği sorusu tasarımcının sorusudur.

Sonraki Adım

Bu ders düşünsel sistemin bir bedeli olduğunu gösterdi ama bedeli sabit varsaydı: her kayıt 1.4 saniye. Gerçekte bedel seçenek sayısıyla birlikte artar ve artış doğrusal değildir. Sonraki ders bu artışı ölçer: bir listedeki seçenek sayısı karar süresini nasıl belirler, ekrandaki bağımsız karar noktaları nasıl sayılır ve seçenekleri gruplamanın karar süresine etkisi niçin beklenenin tersi çıkar?