Pivix Logo
Sözlüğe dön

Yönlendirici İpuçları (Directional Cues)

Yönlendirici ipuçları; oklar, çizgiler, jestler veya bir kişinin bakışı gibi, ziyaretçinin dikkatini eylem çağrısı ya da form gibi belirli bir öğeye ince biçimde yönelten görsel sinyallerdir.

Önemli noktalar

  • Bakış takibi neredeyse refleksiftir ve dikkati bilinçli okumadan önce kaydırır.
  • Güç sırası: önce hareket, sonra insan bakışı, oklar, en son ima edilen çizgiler.
  • İpucu, kazandığı bakışı ödüllendiren bir şeyde bitmelidir.
  • İpuçları dikkati görünüm içinde yeniden dağıtır, ilgi üretmez.
  • Hareketli ipuçları, azaltılmış hareket tercihine uymak zorundadır.

Derinlemesine

Bakış takibi neredeyse refleksiftir. Görseldeki bir yüz bir yöne baktığında, izleyicinin dikkati saniyenin küçük bir kesrinde aynı eksen boyunca kayar; bu, bilinçli okumadan öncedir. Oklar ve yön çizgileri, ima edilen yörüngeleri tamamlama eğiliminden yararlanır; hareket ise ayrıntıyı değil değişimi algılamaya ayarlı çevresel görmeden yararlanır. Bu sıralama pratikte çoğu şeyi açıklar: düğmenin yanındaki küçük bir animasyon, ona işaret eden duran bir oktan üstündür ve çok daha çabuk rahatsız eder.

Bir ipucu, bittiği yer kadar değerlidir. Etiketsiz bir alana ya da tıklamayı kazandıran vaatle örtüşmeyen metinli bir düğmeye yönlendirilen dikkat, aktarılmış sonra kaybedilmiştir. Güç türe göre değişir: kabaca önce hareket, sonra insan bakışı, ardından açık oklar, en zayıfı ima edilen çizgiler. Aynı sıralama çatışmaların zararını da öngörür: iki yarışan animasyon, iki yarışan çaprazdan çok daha yıkıcı biçimde birbirini götürür. İpuçları dikkati yalnızca görünüm içinde yeniden dağıtır; ilgi üretemez.

İpuçları hiyerarşi yerine değil, hiyerarşi oturduktan sonra yerleştirilir ve kısa mesafede işler. İşe yarayan konumlar, gözün gerçekten yol almak zorunda olduğu birkaç noktadır. Scorecard hunisinde bunlar başlıktan başlatma öğesine olan aralık, uzun bir soruda son yanıt seçeneğinden ilerleme öğesine olan aralık ve sonuç ekranında puandan tek sonraki adıma olan aralıktır. Başka yerlere eklenen oklar yönerge olmaktan çıkıp süs olarak okunur.

İpuçları belirsiz bir sayfayı onaramaz. Ziyaretçi neyin sunulduğunu henüz çözmemişse ok ona yalnızca anlamadığı şeye nereden bakacağını söyler. Yükümlülükleri de vardır: hareket ipucu, azaltılmış hareket tercihine uymalıdır ve sayfadaki tek yönergeyi taşıyan bir ok, ekran okuyucu kullanan birine hiçbir şey iletmez. Sağdan sola düzenlerde konum varsayımları tersine döner ve masaüstünde düğmeye bakan bir bakış, sütunlar yığıldığında boş kenara bakabilir.

Pratikte örnek

Bir koçluk SaaS şirketi, değerlendirme açılış sayfasının iki sürümünü test etti. Kontrol sürümünde ortalanmış bir hero fotoğrafında gülümseyen kurucu kameraya bakıyordu. Varyant ise aynı fotoğrafı döndürerek kurucunun bakışını "Ücretsiz değerlendirmeyi başlat" düğmesine yöneltti. Bakışla yönlendirilen varyant, 4.000 ziyaretçilik bölünmüş testte düğmeye %19 daha fazla tıklama getirdi.

Nasıl ölçülür

Dürüst yöntem kontrollü testtir, çünkü tek bir ipucunun etkisi küçüktür ve değişen başka her şeyin altında kalır. Genel dönüşümü tek başına değil, hedef öğeye inen etkileşim payını ölçün; mekanizma yeniden dağıtımdır. Aynı anda neyin pay kaybettiğine bakın. Tıklamaları, tıklanmasını istediğiniz ikincil bir bağlantıdan çekmiş bir ipucu sayfayı iyileştirmemiş, yalnızca yeniden dizmiştir.

Trafik test için inceyse durağan bir ekran görüntüsüyle ilk tıklama çalışması yapın: sayfayı kısaca gösterip önce nereye tıklayacaklarını sorun. Sonra ipucunu kaldırıp yineleyin. İlk tıklama konumundaki fark, ipucunun her şeyden yalıtılmış etkisidir. Ardından örüntünün sayfa kaydırılır ve etkileşimliyken de tuttuğunu canlı dikkat haritalarıyla doğrulayın.

Sık yapılan hatalar

Sık görülen yanlış kullanım, ipuçlarını zayıf bir hiyerarşiyi kurtarmak için kullanmaktır. Düğme küçük, kontrastı düşük ve rakiplerle çevriliyse ok eklemek kalabalık sayfayı daha da kalabalıklaştırır, asıl sorun ise el değmeden kalır. Önce sıralamayı düzeltin. Zaten baskın bir öğeye uygulanan ipucu bir aralığı aşan dürtüdür; gizli bir öğeye uygulandığında hiç tedavi edilmemiş bir yaranın üstündeki bant olur.

İkincisi, ipuçlarının kırılma noktalarında değişmeden kalmasıdır. Geniş ekranda öznesi eylem çağrısına bakan bir hero fotoğrafı, sütunlar yığıldığında boş kenara bakar; gözü aşağı taşıyan çapraz çizgi artık hiçbir şeyi kesmez. Her kırılma noktasını açıp her ipucunun gerçekte nerede bittiğini kontrol edin. Aynalayın, taşıyın ya da silin; hiçbir şeye nişan alan ipucu, hiç ipucu olmamasından kötüdür.

Sıkça sorulan sorular

Açık ve örtük ipuçları arasındaki fark nedir?

Açık ipuçları oklar veya işaret eden eller gibi belirgin göstergelerdir; örtük ipuçları ise bir kişinin bakışı ya da yön çizgisi gibi ince sinyallerdir. İkisi de dikkati yönlendirir, ancak örtük ipuçları daha doğal ve daha az satış odaklı hissettirir.

Bakış ipuçları davranışı gerçekten değiştirir mi?

Evet. İnsanlar bir yüzün baktığı yöne içgüdüsel olarak bakar; bu yüzden bir öznenin gözlerini CTA'nıza yöneltmek dikkati oraya kaydırabilir. Birçok A/B testi, bakışla yönlendirilen hero görsellerinden ölçülebilir artışlar gösterir.

Oklar açılış sayfalarında gerçekten işe yarar mı?

Hedef zaten görünürken ve ok kısa bir aralığı kapatırken işe yarar; hedef gömülüyse hiçbir şey yapmaz. Ok, nereye bakılacağına dair bir yönergedir, bakmak için bir gerekçe değil. İşaret ettiği öğe küçük, kontrastı düşük ya da sıkışıksa önce bunları düzeltin, sonra oka hâlâ ihtiyaç olup olmadığına karar verin.

Hero görselindeki kişi nereye bakmalı?

Birincil eyleme ya da ona götüren başlığa. Doğrudan kameraya bakan bir özne dikkati yüzde tutar; bu güven için yararlıdır ama gözün ilerlemesini durdurur. Düğmeye bakmak o dikkati ödünç alıp aktarır. Etkiyi her kırılma noktasında kontrol edin, çünkü yığılma düğmeyi çoğu zaman bakış hattından çıkarır.

Hareketli ipuçları duranlardan iyi mi?

Daha güçlü, ama kendiliğinden daha iyi değil. Çevresel görme değişimi algılar; hareket dikkati her duran göstergeden hızlı kazanır, ama onu istemsizce tutar ve saniyeler içinde rahatsız eder. Ekran başına en fazla bir kez kullanın, dozunu düşük tutun, bir iki döngüden sonra durdurun ve azaltılmış hareket isteyen ziyaretçiler için tümüyle kapatın.

Bir sayfada kaç yönlendirici ipucu olmalı?

Gözün aşması gereken her gerçek aralık için bir tane; çoğu açılış sayfasında bu bir ya da iki eder. Fazlası hem birbiriyle hem hiyerarşiyle yarışır ve ziyaretçi onları süs diye elemeyi öğrenir. Dört gerekli görünüyorsa daha olası teşhis, düzenin kimseyi yönlendirmediği ve ipuçlarının bunu telafi ettiğidir.

Yönlendirici ipuçları mobilde işe yarar mı?

Daha seyrek; çünkü görüntü alanı aynı anda o kadar az gösterir ki aşılacak uzun aralık nadiren oluşur. Yönlendirmenin çoğunu dikey sıra ve boşluk yapar. Telefonda yerini hak eden ipuçları, içeriğin görünür alanın altında sürdüğünü bildirenlerdir; ziyaretçinin kaydırmanın değip değmeyeceğini anlamasının başka yolu yoktur.

Yönlendirici ipuçları erişilebilirlik sorunu yaratır mı?

Yaratabilir. Ziyaretçi sisteminden azaltılmış hareket istediyse hareket bastırılmalıdır ve yalnızca bir ok ya da bakışla taşınan her yönerge, ekran okuyucu kullanan birine ulaşmaz. Yönergeyi düğme metninin içinde tutun; böylece görsel ipucu, hâlihazırda var olan bir mesajı hızlandırır, mesajın tek taşıyıcısı olmaz.

İlgili terimler

Sözlük teorisini nitelikli müşteri adaylarına dönüştürün

Dakikalar içinde, kod gerektirmeden müşteri adaylarını niteleyen ve toplayan bir scorecard quiz hunisi oluşturun.

Ücretsiz başla
  • Kredi kartı yok
  • Ücretsiz plan
  • Dakikalar içinde yayında