Site menüsünü somut kullanıcı görevlerine göre düzenlemek
Mevcut sayfaları ziyaretçilerin görevleriyle eşleştirin. Somut bir örnek, menü adlarını, hedefleri ve bunların nasıl inceleneceğini gösteriyor.
Site menüsünü ziyaretçilerin yapmak istediği işlere göre planlayın. Bunun için hangi içeriklerin bulunduğunu ve her hedef sayfanın hangi soruyu yanıtladığını bilmeniz gerekir. Şirketinizdeki departman adları, başlangıçta olası düzenlerden yalnızca biridir.
Mevcut içeriği bir görevle eşleştirin
Aşağıdaki örnek kurgusaldır. Bir yazılım sağlayıcısının sitesinde entegrasyon sayfası, proje talep formu ve kullanılan portal yazılımının yardım sayfası bulunuyor. Kimlikler bu örneğe ait sayfaları gösterir; gerçek ASES rotaları değildir.
Tablo, menünün bir bölümünü gösteriyor. Menü adları öneridir; hedef eşleştirmeleri daha sonra incelenecek beklentilerdir, kullanıcı araştırmasının sonuçları değildir.
Görev | Mevcut içerik | Önerilen menü öğesi | Hedef |
|---|---|---|---|
Sağlayıcının CRM ile ERP arasında müşteri verisi aktarabilip aktaramadığını öğrenmek. | Veri akışlarını, sınırları ve iletişim yolunu açıklayan sistem entegrasyonu sayfası. | Sistemleri bağlama |
|
Planlanan web uygulamasını ve kendi iletişim bilgilerini belirtmek. | Proje ve iletişim bilgileriyle proje talebi. | Proje talebi |
|
Kullanılan portal yazılımında dosya dışa aktarmanın nasıl çalıştığını okumak. | İlgili talimatın bulunduğu portal yardımı. | Portal yardımı |
|
Hedef sayfa, menü öğesinin vadettiği bilgiyi sunmalıdır. Örneğin aranan entegrasyon bilgisi yoksa genel bir hizmet özeti yeterli olmaz. Yalnızca bağlantının adını değiştirmeden önce içeriği inceleyin.
Menü adlarını somut görevlerle inceleyin
GOV.UK, çözüm yolunu söylemeyen somut ve gerçekçi test görevleri öneriyor. Uygun bir katılımcıya örneğin tablodaki ilk görevi verin. Hangi menü öğesini seçeceğini söylemeyin. Seçtiği adı, dolambaçlı yolları ve hedef sayfadaki sonucu gözlemleyin.
Ardından bulunan bilginin görevi yanıtlayıp yanıtlamadığını sorun. İlk tıklama tek başına bunu kanıtlamaz. Gözlem ve yorumunuzu ayrı kaydedin: Yanlış hedef seçimi addan, gruplamadan veya eksik içerikten kaynaklanabilir. Tek denemeden genel bir başarı oranı çıkarılamaz.
Küçük ekranlarda yön bulmayı koruyun
WAI menü rehberi, anlamsal yapıyı ve farklı ekran boyutlarında görünen öğelerin tutarlılığını açıklıyor. Açılıp kapanabilen mobil menü aynı görevleri desteklemelidir. Her iki görünümde de görünen öğelerin sırası, adı ve hedefi aynı olmalı; bulunulan sayfa anlaşılmalıdır.
Uzun çevirileri ve birden fazla gezinme düzeyini de planlayın. Bir öğenin alt gruba alınması yalnızca yer kazanma meselesi değil, içerik kararıdır. Üç örnek görevin orada da açıklama gerekmeden yapılıp yapılamadığını inceleyin.
Menünün kullanılabilirliğini de kontrol edin
WAI-ARIA örneği, sıradan site gezinmesini özel klavye kullanımına sahip uygulama menüsünden ayırıyor. menu rolü, olağan gezinme bağlantıları için kendiliğinden uygun değildir. Anlaşılır bağlantılar ve alt menüleri açmak için uygun kontroller kullanın; bunların durumu ve odağı anlaşılmalıdır.
Uygulanan sürümde klavyeyle kullanımı, büyütmeyi ve uygun bir ekran okuyucu yapılandırmasını inceleyin. Üç hedefe yönelik örnek inceleme bu teknik kontrolün yerini tutmaz. Görevin anlaşılması, hedef içerik ve kullanım birbiriyle uyumluysa menü adlarını ve grupları benimseyin; açık bulguları görünür tutun.
Kaynaklar
Devamını okuyun
Tüm yazılar
ASES ile Tasarım ve UX
Kullanıcı deneyimi, arayüz ve marka tasarımı