Ana sayfada kayan vitrin mi, tek güçlü mesaj mı?
Ana sayfanın ilk alanına her departmanın istediği duyuruyu koymak kolaydır: bir slider eklenir ve hepsi sırayla görünür. Fakat ziyaretçi sayfayı açtığında yalnızca birini görür. Diğer mesajları okumak için beklemesi gerektiğini fark etmeyebilir. Vitrin kararı, kaç görseliniz olduğundan önce hangi mesajın hemen anlaşılması gerektiğine bağlıdır. Burada tek bir ana mesaj ile birden fazla seçki sunma ihtiyacını ayıran bir tasarım çalışması yapıyoruz.
Önce beklemeden anlaşılması gereken cümleyi yazın
Örnek bir aydınlatma üreticisini düşünün. Ziyaretçinin ilk sorusu, markanın konut için hazır ürün mü yoksa mimari projeler için özel üretim mi sunduğu olabilir. Bu ayrım yalnız üçüncü slaytta açıklanıyorsa ana mesaj sıraya bağımlı hale gelir. Hizmet tanımını sabit bir başlıkta tutup koleksiyonları onun altında göstermek daha anlaşılır bir başlangıç olabilir. Bu, gerçek bir müşteri sonucu değil, değerlendirebileceğiniz özgün bir yerleşim önerisidir.
Birlikte kıyaslanacak seçenekleri sıraya saklamayın
Üç koleksiyon arasında seçim yapılacaksa yan yana kartlar, seçeneklerin aynı anda görülmesini sağlar. Alan daraldığında kartlar alt alta sıralanabilir veya elle gezilen bir şeride dönüşebilir. Birbiriyle ilgisiz kampanya, ekip haberi ve teknik duyuru aynı döngüdeyse her birini uygun sayfa bölümüne dağıtmayı deneyin. Öncelik sırası konusunda işletme içinde karar verilememesi, tek başına kayan vitrin kullanmak için yeterli gerekçe değildir.
Hareket varsa kullanıcıya açık kontrol verin
W3C’nin carousel rehberi, hareketi duraklatma, klavyeyle gezinme ve anlaşılır odak yönetimini ele alır. Tasarım brief’inde önceki, sonraki ve duraklat kontrollerini görünür biçimde tarif edin. Yalnız küçük noktalara veya parmakla kaydırmaya güvenmeyin. Kontrol etiketleri, kullanıcının ne yapacağını açıklasın. Fare kontrolün üzerindeyken ne olduğunu, klavye odağı içeri girdiğinde hareketin nasıl davrandığını ve durdurulan vitrinin kendiliğinden yeniden başlayıp başlamadığını uygulama üzerinde sınayın.
Her kartın metni ile hedefi aynı hikâyeyi anlatsın
Öğretici örneğimizde bir kart “Masa aydınlatmaları” diyor ve ilgili koleksiyon sayfasına gidiyor. Aynı kartın genel iletişim sayfasını açması beklentiyi değiştirir. Kartın üzerinde kısa başlık, ayırt edici ürün görseli ve belirli bir eylem yeterli olabilir. Ayrıntılı teknik açıklamaları kayan alana sıkıştırmayın. Kampanya bitecekse kaldırma sorumlusunu ve tarihini içerik kaydına ekleyin; eski duyurunun döngüde unutulmasını önlemek bakım işidir.
Mobilde sadece genişliği küçültmeyin
Masaüstündeki geniş fotoğraf, telefonda ürünün önemli bölümünü kaybedebilir. Başlık taşarsa kart boyları değişir ve kontrollerin yeri sıçrayabilir. En uzun başlığı, yatay telefon görünümünü ve büyük metin ayarını deneyin. Mobil kadraj rehberimiz fotoğraf seçimini ayrıntılandırır. İlk görsel dışında kalan içeriklerin yükleme planını da geliştirme ekibiyle belirleyin; bütün büyük görselleri ilk anda istemek zorunda değilsiniz.
Kararı bir görevle sınayın
Test katılımcısına “Özel üretim yapılıp yapılmadığını bulun ve bir koleksiyonu açın” görevi verin. Mesajı ilk slaytta mı, bekleyerek mi yoksa başka bölümden mi bulduğunu not edin. Bu gözlemleri satış artışı yüzdesine çevirmeyin. İki yerleşimi aynı görevle karşılaştırmak, hangi düzenin açıklamaya ihtiyaç bıraktığını gösterebilir. Ana mesajı netleştirmek için ilk ekran rehberini, uygulama kapsamı için web tasarım hizmetimizi inceleyebilirsiniz.
Sık sorulan sorular
Her slider otomatik hareket etmeli mi?
Hayır. Elle gezilen bir seçki de kullanılabilir; ziyaretçinin keşfetmesi gereken seçenekler ve okuma süresi belirleyicidir.
Daha fazla slayt daha fazla görünürlük getirir mi?
Bunu sayıdan çıkaramayız. Sonraki kartların görülüp görülmediği gerçek kullanım gözlemiyle değerlendirilmelidir.