İçeriğe geç

M01-D01

Hareket dikkat çeker

Hareketin, özellikle çevre görüşte, dikkati neden güçlü biçimde yakaladığını ve bunun bir arayüzde nasıl hem yardım hem engel olduğunu açıklar.

Hareketli Grafik Akademisi — M01, Hareket ilkeleri · 1.657 kelime · 8 örnek durum · 2 kanıt kartı · ≈ 8 dk okuma · 11 dk dinleme

Dayanak: Araştırma bulgusu: Wolfe ve Horowitz (2004), Nature Reviews Neuroscience

Önce özete göz atDersin sonundaki özet, okumaya başlamadan önce yol haritası olarak.

Hareket dikkati güçlü biçimde çeker, ama dikkati yakalayan çoğu zaman hareketin kendisi değil başlangıcıdır. Abrams ve Christ'in deneylerinde sürekli hareket eden harfler bir üstünlük sağlamadı, yeni hareket etmeye başlayan nesneler ise dikkati yakaladı. Web İçeriği Erişilebilirlik Yönergeleri'nin 2.2.2 ölçütü, kendiliğinden başlayan, beş saniyeden uzun süren ve başka içerikle aynı anda sunulan hareket için bir duraklatma, durdurma ya da gizleme yolu istiyor. Hareketi bir bilgiyle başlat, kısa tut ve okura denetim ver.

Açılış sahnesi

Yeşerti uygulamasının ana ekranı Hatıl'ın toplantı odasındaki büyük ekrana yansıtılmış. Ortada evdeki bitkilerin listesi: bir sardunya, bir eğrelti, iki sukulent. Sağ üst köşede küçük, mavi bir su damlası durmadan zıplıyor: aşağı, yukarı, aşağı, yukarı.

Deniz damlayı kendisi istemiş. «İnsanlar sulamayı unutuyor,» diyor. «Bu damla onlara hatırlatıyor.»

Selin uygulamayı geçen hafta üç kullanıcıyla birlikte incelemiş ve notlarını açıyor. Kullanıcılardan biri damlayı ilk gün sevmiş, üçüncü gün artık görmediğini söylemiş. Bir başkası bitki bakım rehberini okurken sürekli köşeye baktığını, sonunda telefonu ters çevirdiğini anlatmış.

Arda ekrana bir süre bakıyor. Gözü ister istemez köşeye gidiyor. «Damla her şeyden önce görülüyor,» diyor. «Ama neyi hatırlattığı belli değil; bitki susadığında da susamadığında da zıplıyor.»

Bu derste ne olacak

Ekranda bir şey kıpırdadığında göz çoğu zaman oraya gider. Hareket, bir arayüzde ya da bir kimlikte en güçlü dikkat araçlarından biridir; bu yüzden hem en yararlı hem de en kolay kötüye kullanılan araçlarından biridir. Bu derste iki şeyi ayıracağız: hareketin başlaması ile hareketin sürmesi. Ekranda harflerin bir kısmının hareket ettiği, bir kısmının yeni hareket etmeye başladığı deneylerde dikkatin hangisine yöneldiğini inceleyen bir çalışmayı okuyacağız. Ardından web içeriği için yazılmış erişilebilirlik standardının, kendiliğinden başlayan ve uzun süren hareket için koyduğu kuralı ele alacağız; çünkü dikkati çeken her hareket, onu istemeyen bir okurun da dikkatini çeker.

Kanıt ne diyor

Hareketin her zaman dikkat çektiği yaygın bir inançtır; aşağıdaki kartlar dikkati çekenin hareketin kendisi değil başlangıcı olabildiğini ve sürekli hareketin okura bir kontrol borcu doğurduğunu gösteriyor.

Sahada

Yaygın yanlış«Hareket eden her şey dikkat çeker.»
Doğrusu

Abrams ve Christ'in deneylerinde duran harflerin arasında sürekli hareket eden harfler bir üstünlük sağlamadı; dikkati yakalayan, hareketin başlangıcıydı. Sürekli bir döngü bir süre sonra fark edilmez hâle gelebilir.

Yaygın yanlış«Önemli bir şeyi duyurmak için onu sürekli hareket ettirmek gerekir.»
Doğrusu

Hareketin başlangıcı dikkati yakalıyor; başladıktan sonra hareketin sürmesi bu etkiyi artırmayabilir ve okuru sayfanın geri kalanından koparabilir. Standardın 2.2.2 ölçütü, beş saniyeden uzun süren ve başka içerikle aynı anda sunulan hareket için bir durdurma yolu istiyor.

Yaygın yanlış«Erişilebilirlik standardı hareketi yasaklıyor.»
Doğrusu

2.2.2 ölçütü hareketi yasaklamıyor; kendiliğinden başlayan, beş saniyeden uzun süren ve başka içerikle aynı anda sunulan hareket için kullanıcıya bir denetim yolu verilmesini istiyor. Kısa bir giriş animasyonu ya da kullanıcının başlattığı bir hareket bu koşulların hepsini taşımayabilir.

Gri alan

Aynı hareketin bir arayüzde yol gösterici mi, engel mi olacağı çoğu zaman bağlama ve yoruma bağlı. Abrams ve Christ'in deneyleri ekranda harflerle, belirli bir arama göreviyle yapıldı; bir uygulamanın köşesindeki bir simgenin günler boyunca nasıl algılandığını doğrudan ölçmedi. Selin'in üç kullanıcısının anlattıkları bir araştırma değil, birkaç kişinin deneyimi; aynı damlanın başka kullanıcılarda nasıl algılanacağı belirsiz. Standardın beş saniyelik sınırı bir uzlaşmanın sonucu ve bir arayüzde dört saniyelik bir döngünün beş saniyelik bir döngüden daha az rahatsız edici olup olmadığını gösteren bir kanıt değil. «Vazgeçilmez» sözcüğünün sınırı da tartışmalı: bir yükleme göstergesi vazgeçilmez sayılabilir, bir indirim şeridi tartışılabilir. Hareketin çevre görüşte ne kadar güçlü fark edildiği kişiden kişiye, yaşa ve görevin yoğunluğuna göre değişebilir ve bu derste bunu ölçen bir çalışmayı okumadık.

Senin işinde

Bir arayüze ya da bir kimliğe hareket eklemeden önce o hareketin neyi bildireceğini yaz. Bir şey değiştiğinde, bir uyarı geldiğinde ya da bir işlem bittiğinde hareket başlasın; hiçbir şey değişmezken hareket etmesin. Hareketin başlangıcını bir bilgiyle eşleştir ve hareketi kısa tut; dikkati yakaladıktan sonra yerini durağan bir işarete bırakabilir. Kendiliğinden başlayan bir hareket beş saniyeden uzun sürecek ve başka içerikle aynı anda sunulacaksa bir duraklatma, durdurma ya da gizleme yolu ekle. Kayan şeritleri, sürekli dönen simgeleri ve yanıp sönen kutuları bir okur gibi dene: yanında bir metni okumaya çalış ve gözünün nereye kaydığına bak. Kullanıcılarınla birkaç gün sonra yeniden konuş; ilk gün dikkat çeken bir hareket üçüncü gün fark edilmeyebilir ya da rahatsız edebilir. Hareketli bir tanıtımda kimlerin gösterildiğine dikkat et; hareket onları daha görünür kılar.

Kendin dene

Aklında kalsın

Hareket dikkati güçlü biçimde çeker, ama dikkati yakalayan çoğu zaman hareketin kendisi değil başlangıcıdır. Abrams ve Christ'in deneylerinde sürekli hareket eden harfler bir üstünlük sağlamadı, yeni hareket etmeye başlayan nesneler ise dikkati yakaladı. Web İçeriği Erişilebilirlik Yönergeleri'nin 2.2.2 ölçütü, kendiliğinden başlayan, beş saniyeden uzun süren ve başka içerikle aynı anda sunulan hareket için bir duraklatma, durdurma ya da gizleme yolu istiyor. Hareketi bir bilgiyle başlat, kısa tut ve okura denetim ver.

Sonraki derse köprü

Damla artık yalnız bitki susadığında, iki kez zıplıyor. Ama Deniz başka bir şey soruyor: damlanın zıplaması ne kadar sürmeli? Arda'nın ilk denemesinde damla yarım saniyede zıplıyor ve Selin'in kullanıcılarından biri ne olduğunu anlamadan hareketin bittiğini söylüyor. İkinci denemede iki saniye sürüyor ve kullanıcı bunun uygulamayı yavaşlattığını düşünüyor. Aynı uygulamanın ilk açılışındaki tanıtım animasyonu ise yirmi saniye sürüyor ve kimse yavaş bulmuyor. Bir hareketin süresi algıyı nasıl belirler ve neden arayüzde kısa, bir açıklamada uzun bir hareket gerekebilir? M01-D02 zamanlama ve sürenin bir hareketin anlamına etkisini ele alıyor.

Kendini sına

Soru 1 · Kavram

Abrams ve Christ'in deneylerinde dikkati yakalayan neydi?

  • A) Sürekli hareket eden harfler.
  • B) Yeni hareket etmeye başlamış nesneler.
  • C) Ekranda en büyük harfler, çünkü boyut hareketten daha güçlü bir işarettir.
  • D) Hiçbir şey dikkati yakalamadı.

Cevap: B. Duran harflerin arasında sürekli hareket eden harfler bir üstünlük sağlamadı; yeni hareket etmeye başlamış nesneler ise, hareketleri bilgi taşımadığı hâlde, daha hızlı bulundu.

Soru 2 · Kavram

Erişilebilirlik standardının 2.2.2 ölçütü hangi hareket için bir duraklatma, durdurma ya da gizleme yolu istiyor?

  • A) Kullanıcının bir düğmeye basarak başlattığı her hareket için.
  • B) Yalnız sesli içerik için, görüntü için değil.
  • C) Bir saniyeden kısa süren her geçiş için, çünkü kısa hareket en rahatsız edici harekettir.
  • D) Kendiliğinden başlayan, uzun ve başka içerikle birlikte süren hareket için.

Cevap: D. Ölçüt üç koşulu birlikte arıyor: hareket kendiliğinden başlıyor, beş saniyeden uzun sürüyor ve başka içerikle aynı anda sunuluyor; hareket o etkinliğin vazgeçilmez bir parçası değilse bir denetim yolu gerekiyor.

Soru 3 · Kavram

Yeşerti'nin damlası durmadan zıplıyor. Bu derste okunanlara göre en olası sorun hangisidir?

  • A) Zamanla fark edilmez, okuyanı ise rahatsız eder.
  • B) Damla hiç fark edilmez, çünkü hareket dikkati çekmez.
  • C) Damla çok küçük olduğu için kullanıcı üzerinde hiçbir etkisi yoktur.
  • D) Damla yalnız çocukların dikkatini çeker, yetişkinlerin değil.

Cevap: A. Sürekli hareket, hareket başlangıcı kadar dikkati yakalamayabilir; ama yanında bir metin okuyan biri için bir engel olabilir ve standart böyle bir hareket için bir durdurma yolu istiyor.

Soru 4 · Tuzak

Deniz «Araştırma hareketin dikkati yakaladığını gösterdi; demek ki uygulamadaki bütün düğmeleri hareket ettirirsek her şey daha çok fark edilir» diyor. Okunan çalışma ve standart bu öneriye ne söylüyor?

  • A) Öneri doğrulanmıştır; ne kadar çok hareket, o kadar çok dikkat.
  • B) Hareket hiçbir zaman dikkat çekmez, bu yüzden öneri baştan anlamsızdır.
  • C) Yakalayan başlangıçtı; uzun hareket denetim ister.
  • D) Standart her türlü hareketi yasakladığı için öneri uygulanamaz.

Cevap: C. Abrams ve Christ'in deneylerinde sürekli hareket bir üstünlük sağlamadı; bütün düğmeler hareket ederse hiçbirinin başlangıcı ayırt edilmez ve kendiliğinden başlayan uzun hareket için standart bir denetim yolu istiyor.

Anlamadığın bir yer mi var?

Mentor yalnız bu dersin metnine dayanarak cevap verir. Metinde geçmeyen bir şey sorarsan uydurmaz, geçmediğini söyler.

Bu sayfa hakkında ne düşünüyorsun?