Mikro Etkileşimler: Ne Zaman Yardımcı, Ne Zaman Gürültü

İşlevsel bir mikro etkileşim, ziyaretçinin sorduğu bir soruya cevap verir: tıkladığım şey çalıştı mı, formu doğru gönderdim mi, bu menü açık mı kapalı mı. Bir sipariş formunun gönder düğmesi tıklandığında kısa bir yükleme göstergesi belirmesi, ziyaretçiye işlemin devam ettiğini söyler; bu gösterge olmazsa ziyaretçi düğmeye ikinci kez basabilir, bu da çift kayıt gibi teknik sorunlara yol açabilir.

Bir spor kulübünün üyelik formunda alan doğru doldurulduğunda küçük bir yeşil işaretin belirmesi de aynı kategoriye girer; ziyaretçiye ilerlediğini gösterir, formu bitirmeden önce geri dönüp kontrol etme ihtiyacını azaltır.

Bir hareket üç saniyeden uzun sürüyorsa, sayfanın her köşesinde farklı bir animasyon oynuyorsa ya da ziyaretçinin dikkatini asıl içerikten çekiyorsa sınırı geçmiş demektir. Bir oyun stüdyosunun tanıtım sayfasında her görsel öğenin ayrı yönden kayarak girmesi ilk seferde etkileyici görünebilir ama ikinci ziyarette yavaşlık olarak hissedilir.

Pratik bir ölçü: hareket, içerik okunmaya başlamadan önce bitmeli. Ziyaretçi bir cümleyi okumaya başladığında hâlâ bir öğe kayıyor ya da titriyorsa, hareket süresi kısaltılmalı ya da tamamen kaldırılmalıdır.

Bazı ziyaretçiler işletim sisteminden «hareketi azalt» tercihini açık tutar; bu genelde baş dönmesi, mide bulantısı gibi hareket kaynaklı rahatsızlık yaşayan kişiler için bir erişilebilirlik ayarıdır. Tarayıcı bu tercihi prefers-reduced-motion adlı bir sinyalle siteye iletir (MDN Web Docs, prefers-reduced-motion); site bu sinyali okuyup büyük kaydırma ve döndürme hareketlerini kapatabilir, yalnız gerekli işlevsel geçişleri (renk değişimi gibi) bırakabilir.

WCAG standardı da, bir etkileşimle tetiklenen hareketin devre dışı bırakılabilir olmasını öneriyor; bu, tasarım tercihi değil erişilebilirlik gereksinimi olarak ele alınmalı (W3C WCAG 2.1, Animation from Interactions). Bir uygulamanın tanıtım sitesinde bu ayar atlanırsa, hareket duyarlılığı olan bir ziyaretçi sayfayı hiç kullanamayabilir.

Bir site yayına çıkmadan önce hem normal hem azaltılmış hareket modunda gezilmeli; ikisinde de temel işlevlerin (form gönderme, menü açma, sayfa geçişi) bozulmadan çalıştığı doğrulanmalı.

• İşletim sistemi ayarından «hareketi azalt» açılıp site yeniden test edilir
• Her hareketin bir bilgi taşıyıp taşımadığı tek tek sorgulanır
• Hareket süresi bir saniyenin altında tutulur, tekrar eden döngüler kaldırılır
• Sayfa yüklenirken gösterilen giriş animasyonları içerik okunmaya başlamadan biter

Bazı markalar için ölçülü hareket kimliğin bir parçasıdır; bir kreatif ajansın ya da bir oyun stüdyosunun sitesinde biraz daha oyunlu bir hareket dili beklenir. Bir tesis yönetim şirketi ya da bir hukuk bürosu için aynı yoğunlukta hareket, markanın ciddiyetiyle çelişebilir. Doğru miktar, sektöre ve ziyaretçinin beklediği tona göre belirlenir.

Bir içerik yüklenirken ekranda ne gösterileceği de bir mikro etkileşim kararıdır. Döner bir simge (spinner) yalnız «bekleniyor» der; iskelet ekran (skeleton screen) ise içeriğin nasıl görüneceğinin soluk bir taslağını gösterir, ziyaretçi neyi beklediğini daha iyi hisseder.

Bir ürün listesi yüklenirken kart şeklinde soluk gri dikdörtgenlerin belirmesi, boş bir ekrana ya da tek bir döner simgeye göre daha az bekleme hissi yaratır; bu fark özellikle bir saniyeyi aşan yüklemelerde belirginleşir.

Mobil cihazlarda hafif bir titreşim, bir işlemin tamamlandığını görsel bir hareketten bile daha kesin şekilde hissettirir; ama bu geri bildirim de aşırıya kaçarsa rahatsız edici olur. Her dokunuşta titreşim vermek yerine yalnız gerçekten önemli anlarda kullanılmalı.

Ses geri bildirimi ise web sitelerinde daha nadir ve daha riskli bir tercihtir; beklenmedik bir ses ziyaretçiyi rahatsız edebilir, özellikle sessiz bir ortamda. Ses eklenecekse mutlaka kapatma seçeneğiyle birlikte sunulmalı.

Bir uygulamanın tanıtım sitesinde ürünün gerçek titreşim ya da ses geri bildirimini bir video ile göstermek, siteye aynı efekti eklemekten çoğu zaman daha güvenli ve daha etkili bir tercihtir.