Bir web sitesinde kullanıcılar nasıl göz yönlendirilir?

Fotoğrafta, fotoğrafın izleyicinin gözlerini yönlendirmesi gereken ortak bir ilke var. Bu, genellikle fotoğrafın üzerinden geçen bir çizgiyle gerçekleştirilir. Gözlemcinin fotoğrafınız arasında nasıl tarama yapacağını tanımak, genellikle bir çekimi oluşturmakta ve izleyicinin gözlerinin fotoğrafı tarama biçiminde bazen fotoğrafın anlamını bile değiştirebilir.

Web tasarımında, kullanıcının sayfanın doğru kısımlarını avlamak zorunda kalmadan, kullanıcının gözlerini istediğiniz yöne yönlendirmesini sağlamak için ne yapılabilir?

Örneğin, kullanıcının logosunu ve ardından sitenin kısa bir açıklamasını ve ardından bir makaleyi görmesini isteyebilirsiniz. Bu öğeleri bir sonraki sütunun altına dik bir sütuna koyup sayfadaki diğer tüm öğeleri kaldırmanın yanı sıra, kullanıcının gözlerini bir başkasına nasıl yönlendirirsiniz?

Her şey boyut, renk ve hizalama arasındaki dengenin meselesi. Tecrübe ile neyi ve ne zaman dikkatini çekmek için bu hileleri kullanacağınızı bileceksiniz. Neyse ki web sitesinde bu dikkati izleyebiliriz ve bu konuda birçok bilimsel çalışma var, örneğin Jakob Nielsen web sitesinde iyi veriler var .

Göz takibi hakkında şunu söylemek isterim ki bütçe açısından ve gerçek şu ki, hiç kimse Göz Takip cihazı için para ödemez, hatta onu kullanmaz. (Patronunuzu ofiste, projenin herhangi bir aşamasında birkaç saat kullanılabilirlik testi yapması için ikna etmek zaten zor ...) Web tasarımı kompozisyonumu değerlendirmek için şahsen gerçek kişilerle kullanılabilirlik testi yapmayı tercih ediyorum. Bu, ailemden birisinin arkadaşını götürmek ve soru sormak veya davranışlarını incelemek için onları ekranın önüne koymak olsa bile.

Göz takibi, hangi kullanıcının baktığını, ne olduğunu anlamadığını anlamadığını söylemez. Eğer tereddüt ediyorlarsa ya da sadece grafik kompozisyonuna hayran kalıyorlarsa.

Bu konuda size yardımcı olabilecek harika bir kitap Steve Krug'tan Daha Kolay Yapılan Roket Cerrahisi

Yorumda belirtildiği gibi, koiyu, göz izleme sonra ne olması gerektiğidir. Bir yol boyunca önde gelen kullanıcıların niyeti ile tasarımlar oluşturabilirsiniz, ancak hedeflerinize ulaşıp ulaşmadığınızı gerçekten bilmenin tek yolu göz izleme çalışması yapmaktır.

Bununla birlikte , bir tasarımın belirli bir alanına nasıl dikkat çekilir? Aynı soru değil, ama yakın.

Daha fazla göz izleme kaynağı:

• Göz İzleme: Zengin Uygulama Kullanılabilirliğini Test Etmenin En İyi Yolu
• Web formu tasarım kuralları: Bir gözetleme çalışması
• Göz izleme çalışması, 12 web sitesi taktiklerini ortaya koyuyor
• Bir web kamerasıyla kendi göz izleyicinizi kurma hakkında bir StackOverflow sorusu

Göz takip hizmetleri:

• GazeHawk
• SimpleUsability
• UserCentric
• UserVision

İşte hızlı bir ipucu: Hedef nesnenize bakan veya işaret eden bir kişinin resmini ekleyin (örn. Bir ürün, bir abone düğmesi). İşte bir reklamdan bir örnek, ancak web sitelerinde de aynı taktiği gördüm:

(Kaynak: http://www.grokdotcom.com/2007/10/04/how-a-pretty-face-can-push-visitors-away/ )

Bir web sitesinde kullanıcıların gözlerini yönlendirmenin iki basit yolunu düşünebilirim:

1. Sayfa öğelerinizde belirgin bir numaralandırma kullanın . Bunu oldukça fazla sayıda site ana sayfasında görebilirsiniz veya bu PDF dosyasına finansal bir web sitesinden başvurabilirsiniz (bunun gerçekten iyi bir örnek olmadığını düşünmeme rağmen).
2. Kullanıcınızın dikkatini çekmek için okları kullanın . Bu akış şeması gibi bir şey olabilir. Şu anda herhangi bir çevrimiçi örnek düşünemiyorum.