web-gelistirme-sc.com

Bir web sayfasında kullanıcının ilk odak noktası nedir?

Arka fon

Yazılım geliştirme işim için bir web sitesi tasarlıyorum ve tasarımla biraz uğraşıyorum.

Üç ana hizmet/ürün sunuyoruz:

  • Yazılım geliştirme
  • Süreç İyileştirme Danışmanlığı
  • Geliştirici Verimlilik Araçları

Özümüzde, bir yazılım geliştirme şirketiyiz, bu yüzden kullanıcıların göz kürelerinin doğal olarak ilk önce düşmesini istiyorum.

Soru

Üç hizmetimin her birini temsil etmek için açılış sayfasında yatay olarak üç büyük simge koyarsam, "Yazılım Geliştirme" yi merkeze mi yoksa sola mı yerleştirmeliyim?

Merkezde doğal görünüyor, ancak hedef kitlemim soldan sağa okuyor, bu yüzden solun daha iyi olup olmayacağını bilmiyorum.

18
Matt Cashatt

Genellikle (UX tartışmasında her zaman korkunç bir Word), kullanıcı bir sayfaya kabaca aşağıdaki şekilde göz atacaktır

  1. Başlığı atla,
  2. Başlık boyunca gözlerini kaydır
  3. Soldan sağa "Content-y" görüntülerini izleyin
  4. Metnin en sol sütununun üst yarısını aşağı tara

Görüntülere gelince kesinlikle bir sol taraf önyargısı var sağa kıyasla, ancak hem sol hem de ortada iyi miktarda göz zamanı var. Örneğin, aşağıdaki resimde kendinize benzer bir konsepte benzeyen şeylere göz izleme gösterilmektedir.

Eye tracking of a "web services" sales website

(Kaynak: EyeQuant )

29
Jon Story

A Beş saniyelik test. testi, yalnızca kullanıcılarınızın nerede göründükleri hakkında değil neyi anladıkları hakkında bilgilendirmenize yardımcı olabilir ve bu nedenle test ettiğiniz belirli bir sayfanın hedefinize ulaşmada etkili olup olmadığı.

Beş saniyelik bir testte, bir sayfayı 5 saniye boyunca kullanıcılara gösterir ve ardından sayfayı gizlersiniz. Ardından, sayfa hakkında hatırladıklarını söylemelerini veya yazmasını istersiniz.

Bu basit bir işlemdir, ancak belirli bir sayfanın başarılı olup olmadığını değerlendirmenize yardımcı olabilir; bu, kullanıcıların nerede göründüğünü sorurken sonuçta yapmaya çalıştığınız kararlılık gibi görünür.

7
ezra-g

Ekrana ve yaklaşımınıza bağlıdır.

Merkez, büyük ekranlar için mantıklı bir seçimdir ve sol ikinci en iyisidir. Ancak duyarlı bir site oluşturuyorsanız, sol seçeneğiniz mobil cihazlarda en üstte olacak ve belki de sitenizin ziyaretçilerinin göreceği tek site bile, bu yüzden soldaki daha önemli seçeneği ekler ve gerekirse, boyut, şekil veya renk ile öne çıkıyor. Ayrıca bir desen oluşturabilir ve daha önemli hizmetinizle kırabilirsiniz.

Kısacası, birkaç seçeneğiniz var, ancak sonunda hangisinin daha iyi çalıştığını test etmeniz ve görmeniz gerekecek

2
Devin

İlk odak noktam muhtemelen bir arama kutusu. Yine de, bir web aramasının sonucuna ulaşırsam, görmezden gelebilirim, çünkü bu yönü zaten tamamladım ve mevcut sayfanın beni tıkladığım nedenle yeterince sunmasını bekliyorum.

Bilmek istiyorum:

  • Neden bu sitede buradayım?
  • Neden burada olmam gerektiğini bilmem gereken en önemli şey nedir?
  • Marka adınızın ne olduğu umurumda değil, ancak URL ile bir ilgisi olmalı. Tamam, bana söylemelisin, ama bana içeriği ver.
  • Bu web sayfasına neden vurduğumla ilgili ilginç bir şey var mı?
  • Sizden bir şey satın alacaksam, sizden satın almamın ne kadar kolay olduğunu bilmek çok kolay. Fiyat vermezseniz, nedenini açıklayın ve beni bunun için çalıştırmama izin verin.
  • Bana doğrudan satış yapmayacaksanız, kimden satın almam gerektiğini bilmek çok kolay.

Peki bu benim logomu/ilgi alanımı nereye koyduğum için nasıl bir şey?

Önemliyse, saygı duyduğunuz birini taklit edin. Sayfadaki görüntülerin sırasını rastgele seçmeyi düşünün. Analitiğe dahil olun. Önemli olduğunu düşündüğünüzün ziyaretçi için önemli olmadığını unutmayın.

2
SrJoven

Sayfa hızla yüklenirse, imlecin son sayfada olduğu yer olacaktır.

Yani google vb bulundu sonra bir yerde merkezinde.

URL alanında kesip yapıştırırlar veya yazarlarsa sayfanın üst kısmı.

Aksi takdirde bağlantı nerede - mevcut tasarım bir sitenin menüsünü en üste koymak gibi görünüyor ve bu nedenle harici bir bağlantı en üstte olmaz gibi bu üst olmayacaktır şüpheli.

Yani genel olarak bunun kontrolü sizde değil

0
user151019