Açılır paneller mi, görünür metin mi? Web sayfasında neyi gizlememeli?

İlk karar için gereken bilgiyi açık bırakın

Hizmetin kime uygun olduğu, temel kapsamı ve sonraki adımı çoğu zaman ziyaretçinin ilk sorusunu cevaplar. Bunların tamamını kapalı kutulara yerleştirmeden önce sayfayı yalnızca görünen metinle okuyun. Ekip dışından biri ne sunduğunuzu anlayamıyorsa gizlenen bilgi fazla olabilir.

Bu bir bütün sayfalarda aynı sıra kullanılmalı kuralı değildir. Teknik servis ile yaratıcı atölyenin ilk soruları farklıdır. İçerik listesine her başlığın yanına “karar için gerekli” veya “duruma bağlı ayrıntı” notu düşün. Sınıflandırmayı tasarımın boşluklarına göre değil gerçek ziyaretçi sorularına göre yapın.

Panel başlığını içerik tahmini yaptıracak kadar somut yazın

“Diğer bilgiler” yerine “Teslim öncesinde hangi dosyalar gerekir?” gibi cevap alanını tanımlayan başlıklar kullanın. Her başlık çok uzun bir paragraf olmak zorunda değildir; ancak açılınca ne çıkacağı anlaşılmalı. Aynı sayfada birbirinin benzeri beş başlık varsa içerikleri birleştirmek daha doğru olabilir.

İki bilgiyi yan yana karşılaştırmak gerekiyorsa sürekli açılıp kapanan paneller uygun olmayabilir. Örneğin iki paket kapsamını kıyaslayan kişi her geçişte önceki içeriği kaybetmemeli. Birden fazla panelin açık kalması veya doğrudan bir karşılaştırma alanı kullanılması ihtiyaca göre seçilebilir.

Küçük bir içerik örneğiyle kararınızı deneyin

Kurgusal bir showroom ziyaret sayfasında “Ürünleri yerinde inceleyebilirsiniz” cümlesi açık kalabilir. Ziyareti planlamak için randevu gerekip gerekmediği de temel bilgidir. Numune hazırlığı veya fotoğraf çekim koşulu gibi yalnızca bazı kişileri ilgilendiren ayrıntılar ise açık etiketli panellerde yer alabilir.

Aşağıdaki çalışma çalışan bir açma-kapama örneğidir, gerçek bir hizmet koşulu değildir. Temel cümleyi okumak için panel açmanız gerekmiyor. Aynı yaklaşımı uygularken şirketinizin doğruladığı koşulları yazın; içerik örneğindeki ifadeleri otomatik olarak teklifinize taşımayın.

Görünür bilgi ve ayrıntıyı birlikte deneyin

Etkileşimi klavyeyle ve dar ekranda kontrol edin

W3C açılır panel örüntüsü, başlığın bir düğme gibi çalışmasını, açık-kapalı durumun bildirilmesini ve klavye ile kullanılabilmesini tarif eder. Özel bileşen hazırlanıyorsa bu davranışları teslim ölçütüne yazın. Yerel HTML açılır öğesi kullanmak da içerik ve etkileşim kontrolü gereğini ortadan kaldırmaz.

Telefonda başlığın dokunma alanını, uzun satırları ve panel açılınca sayfanın konumunu kontrol edin. Odağın kaybolması veya başlığın başka bir alanın altında kalması kullanıcıyı yeniden aramaya zorlayabilir. Hareket ekleniyorsa metnin okunmasını bekleten uzun animasyonlar yerine kısa ve sakin geçişler tercih edin.

Yayın ölçütünü kısa sayfa yerine bulunabilir cevap olarak belirleyin

Bir kişiye “Bu hizmet bana uygun mu?” ve “Başlamadan önce ne hazırlamalıyım?” sorularını verin. Hangi başlığı açtığını, kaçını gereksiz yere denediğini ve cevabı doğru anlayıp anlamadığını not edin. Bütün panellerin açılabilir olması, içerik düzeninin anlaşılır olduğunu tek başına kanıtlamaz.

Hizmet sayfası yapısı genel sıralamayı, karşılaştırma tablosu rehberi yan yana kararları ele alır. Gerçek projelerimizi inceleyerek web tasarım kapsamında hangi bilginin açık kalacağını birlikte belirleyebilirsiniz. Son içerik düzenini gerçek sorularla değerlendirin, yalnızca ekran yüksekliğini azaltmaya çalışmayın.