Bağlamsal Yardım Panelleri: Pop-up Olmadan İşe Yarar Hale Getirmek

Klasik pop-up ile bağlamsal yardım paneli aynı teknolojiyi kullanır, aynı işi yapmaz. Birini sayfa açar, öbürünü kullanıcı. Yardımın işe yarayıp yaramayacağını belirleyen ilk şey bu fark, panelin içindeki metin değil.

Pencereyi kim açıyor

Sayfa yüklenirken önünüze çıkan pencereyle, sağ alttaki soru işaretine bastığınızda açılan panel arasında teknik fark yok. Kullanıcı tarafında fark büyük: ilkinde yardım yapmaya çalıştığınız işi keser, ikincisinde işiniz zaten tıkanmıştır ve yardımı siz çağırırsınız.

Bu yüzden ilk kural basit. Kullanıcı istemeden açmayın. Formu doldurmaya çalışan birine “yardıma ihtiyacınız var mı” diye sormak yardım değil, kesinti.

Tahmin zayıfsa aramayı öne alın

Adaptif yardımın vaadi, bulunduğunuz ekrana göre doğru başlığı önden getirmesi. Anlatılırken hep tahminin tuttuğu senaryo anlatılıyor, tutmadığında ne olduğu atlanıyor.

Oysa hesap ortada. Tahmin tuttuğunda kullanıcı tek tıklamayla çözüme gider. Tutmadığında önce listeyi okur, işine yaramadığını görür, sonra aramaya döner: yani hiç öneri olmasa yapacağı şeyi, üstüne bir okuma maliyetiyle yapar. Öneri listesi ancak isabet oranı yüksekken kâr getirir, ortalamanın altındaki bir tahmin paneli gürültüye çevirir.

Pratik karşılığı şu: isabetten emin değilseniz arama kutusunu panelin en üstüne, önerileri altına koyun. Veriyle isabet yükseldikçe sırayı değiştirirsiniz.

Boyut, konum, kontrol

Panelin kendisi de bir arayüz ve çoğu şikayet içerikten değil yerleşimden çıkıyor.

• Kapatma, küçültme ve taşıma her zaman açık olsun. Ekranın ortasına çakılı, yalnızca çarpıyla kapanan bir pencere yardım değil engeldir.
• Panel, kullanıcının o an baktığı alanı örtmesin. Yardımı okurken formu göremiyorsa panel yanlış yerdedir.
• İçerik kısa olsun; uzun anlatımı ana yardım sayfasına bağlantıyla verin.

Bir projede yardım panelini modal olmaktan çıkarıp sayfanın sağına sabitledik, gelen şikayetler içerikle değil pencerenin kapattığı alanla ilgiliydi.

Klavye ve odak

Yardım paneli sayfanın üstüne binen bir katman olduğu için erişilebilirlik tarafında modal kurallarına tabi. Açıldığında odak panele girmeli, Esc kapatmalı, kapandığında odak paneli açan butona geri dönmeli. Panel açıkken arkadaki sayfa sekmeyle dolaşılabiliyorsa klavyeyle çalışan biri görünmeyen bir alanda kaybolur.

Ekran okuyucu için panelin rolü ve başlığı bildirilmeli. Bunlar sonradan eklenen süsler değil, panelin çalışması için gereken asgari davranış; odak yönetimi olmayan bir yardım penceresi, yardıma en çok ihtiyacı olan kullanıcıyı dışarıda bırakır.

Ne zaman kullanmayın

Bağlamsal yardım, arayüzün anlaşılmayan yerini yamamak için kullanılıyorsa yanlış araç. Bir alanın neden istendiğini panelde açıklamak gerekiyorsa doğru düzeltme çoğu zaman alanın etiketinde ya da altındaki yardımcı metindedir. Paneli gerçekten karmaşık işlere ayırın: çok adımlı kurulumlar, yetki ayarları, entegrasyon ekranları.

Bir de kampanya penceresini yardım paneli gibi giydirme alışkanlığı var. Kullanıcı soru işaretine bir kez basıp indirim gördüğünde, o butona bir daha basmaz.