Konu Başlıkları
Yükleniyor...

Ana Sayfa Kullanılabilirliği: Neyi Öne Çıkarmalı, Neyi Silmeli

Ana Sayfada İlk Ekranı Kalabalıktan Kurtarmak

Ana sayfa bir tanıtım afişi değil, bir dağıtım noktasıdır. Ziyaretçi oraya bir şey okumaya değil, gideceği yeri bulmaya gelir. Kullanılabilirlik tartışması da bu yüzden "neyi ekleyelim" sorusundan çok "neyi çıkaralım" sorusunun etrafında dönüyor.

Sayfa kim olduğunuzu söylemiyorsa gerisi boşa

Ziyaretçi ilk saniyelerde iki şeyin cevabını arıyor: burası ne yapıyor, bana ne veriyor. Bunu söylemenin en ucuz yolu, logonun yanına iliştirilmiş yuvarlak bir slogan değil, ne sattığınızı düz Türkçeyle yazan tek bir cümle.

Aynı iş <title> etiketinde de yapılır. "Hoş Geldiniz" yazan bir ana sayfa, arama sonuçlarında ve yer imleri listesinde tanınmaz hale gelir. Marka adı artı kısa bir tanım yeterli; bunun SEO tarafındaki faydası ikincil, asıl faydası kullanıcının açık on sekmenin arasından sizi bulabilmesi.

İlk ekranda modül sayısı bir bütçedir

Yaygın tavsiye şu: ana sayfada ziyaretçinin en çok yaptığı bir ila dört işi öne çıkarın. Doğru tavsiye. Sorun, aynı listelerin hemen ardından "son eklenenleri göster", "popüler içerikleri göster", "müşteri yorumlarını göster", "öne çıkan projeleri göster" demesi.

Bu ikisi aynı anda tutmaz. İlk ekranda yan yana duran her blok, dikkatin aynı havuzundan pay alır. Dört kilit görevin üstüne üç vitrin modülü koyduğunuzda kilit görev başına düşen pay ikiye bölünür ve "öne çıkarma" işlemi kendi kendini iptal eder. Modül eklemek istiyorsanız karşılığında bir modül silin; ana sayfa bir bütçedir, eklemeli bir liste değil.

Arama kutusunu tahminle değil ölçüyle boyutlandırın

Arama kutusu için dolaşan "en az 27 karakter genişliğinde olsun" kuralı, sabit genişlikli tasarımların olduğu dönemden kalma. Bugün ekran genişliği değişken, o yüzden karakter sayısını kural olarak değil kontrol olarak kullanın: kendi arama loglarınızdaki sorguların büyük çoğunluğu kutuya sığmadan kayıyorsa kutu dardır.

Log yoksa da tahmine gerek yok, ilk hafta ölçersiniz. Girilen sorguların karakter uzunluğunu kaydetmek birkaç satırlık iş; üst dilimdeki sorgu uzunluğu kutunun görünür genişliğini aşıyorsa büyütürsünüz. Ayrıca kutunun kendisi görünsün: arama simgesinin arkasına saklanan alan, büyük sitelerde en çok kullanılan yolu bir tık uzağa itiyor.

Görsel, mesajı taşımıyorsa yer kaplıyor

Ana sayfadaki görsellerin işi süslemek değil, yönlendirmek. Ekranın yarısını kaplayan hareketli bir kapak görseli genelde tam tersini yapar: içeriği aşağı iter, mobilde ilk ekranı tek başına yer.

Stok fotoğraflarla kurulmuş cilalı bir ana sayfayı, ekibin kendi çektiği vasat bir fotoğrafla kurulmuş sayfadan daha zayıf bulurum. Toplantı masasında gülen yabancıların olduğu kadraj hiçbir şey anlatmıyor, üstelik ziyaretçi onu daha önce başka sitelerde de gördü. Gerçek ürün ekran görüntüsü, gerçek mekan, gerçek insan; hepsi düşük prodüksiyonla bile daha çok iş görür.

Bağlantı adları ve URL'ler

Menüdeki bağlantı adı, tıklamadan önce nereye gidileceğini söylemeli. "Çözümlerimiz" gibi genel adlar yerine işin adını yazın. Aynı mantık adres yapısında da geçerli: kısa, okunabilir, hiyerarşiyi yansıtan bir URL kullanıcının nerede olduğunu anlamasına yarar.

Kurumsal bilgiyi ana sayfaya sıkıştırmaya çalışmayın. Şirket tarihçesi, vizyon, basın bültenleri ana menüden erişilen ayrı bir sayfada dursun. Az bilinen bir markaysanız bu sayfa güven açısından işe yarar, ama ana sayfanın kendisi onu taşıyacak yer değil.

HTTPS artık bir tercih değil

HTTPS olmayan bir site tarayıcıda uyarı alıyor, birçok tarayıcı özelliğine erişemiyor ve form dolduran kullanıcıyı ilk adımda kaybediyor. Sertifika maliyeti sıfıra indiğinden beri bunu ertelemenin teknik bir gerekçesi kalmadı. Geçişi yaparken karışık içerik uyarılarını temizleyin; sayfanın kendisi HTTPS'ken içindeki görselin HTTP'den yüklenmesi kilidi düşürür.

Karar kuralı

Ana sayfada duran her öğeye tek bir soru sorun: bu, ziyaretçiyi gitmek istediği yere yaklaştırıyor mu. Cevap net bir evet değilse öğe orada yer kaplıyor demektir. Kullanılabilirlik iyileştirmelerinin çoğu yeni bileşen eklemekle değil, mevcut sayfadan üç şey silmekle başlıyor.