Web Tasarımcıları için 10 Kullanılabilirlik İpuçları
Basitçe söylemek gerekirse, kullanılabilirlik, ziyaretçilerinizin ihtiyaç duydukları anda ihtiyaç duydukları bilgileri bulmaları için web sitenizi kolaylaştırıyor .
Web şirketleri arasında kullanılabilirlik hakkında yaygın bir yanlış anlama, kullanılabilirliğin pahalı olmasıdır. Evet, kullanılabilirlik testlerine ve araştırmalarına binlerce dolar harcayan çok uluslu şirketler var, ancak günlük bir şirket için kullanılabilirlik uzmanlarının bilgisi olmadan veya pahalı bir test ekipmanı olmaksızın kullanılabilirlik elde edilebilir .
Web tasarımcıları, sadece kullanılabilirlik makalelerini okuyarak, kullanılabilirlik temelleri hakkında oldukça iyi bir bilgi birikimine sahip olacak ve bunları bir web sitesinde nasıl uygulayabilecekleri konusunda daha da kolay bir işe sahiptir.
1. Bir Tagline ekle
Bir slogan, bir şirketin veya bir web sitesinin felsefesi ve misyonunu temsil eden bir beyan veya slogandır. Bir web sitesinin ön sayfasında en belirgin unsur olmalı ve web sitesini tek bir ifadeyle açık bir şekilde tanımlamalıdır.
İstatistikler, bir web sitesinin bir ziyaretçinin siteye daha fazla göz atmak için dikkatini çekmek için sadece 8 saniye olduğunu göstermektedir. Net bir slogan olmaksızın, bir web sitesi ziyaretçileri iç sayfalara göz atmak için yeterince uzun tutmakta zorlanacak.
2. Site Arama'yı uygulayın
Taglines'ta olduğu gibi, site araması bir web sitesinde çok önemli bir unsurdur. Kullanıcılar bir şey ararken genellikle arama terimlerini girebilecekleri bir metin alanı ararlar.
Göre Jacob Nielsen’in web kullanılabilirlik ipuçları, açıkça görülebilir ve kullanımı kolay olması için bu arama kutusunu 27 karakter genişliğinde yapın . Arama metni alanını web sayfanızın en üstüne yerleştirin , çünkü kullanıcılar F örüntüsüne göre bir web sitesi arama eğilimindedir, yani sol üst sağ alt köşeden.
Bir arama düğmesi ekleyin ve açık bir şekilde arama metnini belirtin, Git veya Gönder gibi bir metin kullanmayın, çünkü bu ifadeler web sitenizin ziyaretçilerini yanıltmaya eğilimlidir.
3. Geniş Grafik Kullanmayın
Tasarım öğeleri ve grafiklerin kötüye kullanımı, bir web sitesi için her zaman kötüdür, yalnızca sitenin ziyaretçilerini yanlış yönlendirir. Sadece web sayfasını geliştirmek için sadece onu dekore etmek için tasarım yapın. Kullanılabilirlik bakış açısından, daha az her zaman daha fazladır.
4. Site haritalarını kullan
Site haritaları, web sayfası gezinmesini ve arama motoru optimizasyonunu (SEO) geliştiren nispeten yeni bir web sitesi özelliğidir. Site haritaları özünde bir web sitesinin sayfalarının ve mimarisinin yapısal bir temsilidir. Herhangi bir biçimde veya tipik olarak hiyerarşik olarak düzenlenmiş bir web sitesindeki sayfaları listeleyen bir web sayfası olabilir.
Son zamanlarda, Google, Yahoo ve MSN gibi arama motorları, bir web sitesinin site haritası sayfasına benzeyen bir Site Haritası protokolü sunmaya başladı, ancak veriler XML biçiminde düzenleniyor. Belli bir URL için bu belgeleri oluşturan Site Haritası XML üreteçleri vardır.
5. İş Akışı Kırılmayın
İş akışıyla, bir kullanıcının bir web sitesinde yaptığı her işlemi kastediyoruz . Örneğin, bir formu doldurmak, bir web sitesine kaydolmak, kategorileri, arşivleri incelemek vb. Bu iş akışlarını kırmayın, kullanıcının herhangi bir işlemi iptal etmesine izin verin. Kullanıcının bir işlemi iptal etmesine izin vermeyerek, istemiyor olsalar bile bitirmeleri için onları zorluyoruz.
Bir web sitesindeki her işlem, kullanıcılar için açık değildir, açıklayıcı ipuçları kullanarak bunları belirli iş akışında yönlendirir. (örn. bir formu doldururken). Javascript bağlantıları genellikle iş akışını bozar, bu yüzden bunları web sitenizde kullanmanız önerilmez.
Başka bir hata, ziyaret edilen bağlantıların rengini değiştirmemekte , bu da navigasyon tasarımını kırmakta sonuçlanmaktadır. Kullanıcıların nerede olduklarını ve bir web sitesinde nerede bulunduklarını bildirin.
6. Kolayca Taranabilir Web Sayfaları Oluşturun
Web sayfalarını okumak kolay, ziyaretçilerin sadakatini korumak, sitenizde tutmak ve içeriğinizi okumak için önemli bir rol oynamaktadır. Kullanılabilirlik testleri, kullanıcıların çoğunluğunun web sayfalarını okumadığını, bunları taradığını , başlıkları, cesur, vurgulanmış metinleri veya listeleri aradığını gösterir.
Jakob Nielsen tarafından yapılan göz izleme çalışmaları, kullanıcıların F şeklini andıran bir içeriği okuduklarını, yani okunmanın web sayfasının sol üstünden başladığını ve bir daha soldan başlayarak biraz aşağı doğru hareket ettiğini göstermektedir.
Nielsen ayrıca bu okuma modelinin sonuçlarını da belirtir:
- Kullanıcılar bir web sayfası içeriği kelimesini kelime ile okuyamazlar, önemli paragraflar, kalın metinler vb.
- İlk iki paragraf bir web sayfasında gereklidir. Bunlar ziyaretçilerinizin aradığı en önemli bilgileri içermelidir.
- Alt başlıklar ve listeler normal paragraflardan çıkar. Kullanıcıları önemli bilgiler konusunda bilgilendirmek için bu öğeleri kullanın.
Geleneksel basılı gazetelerden öğrenebileceğimiz önemli bir yöntem, gazetecilerin okuyucuların tüm makaleyi okumasını sağlamak için akılda kalıcı bir başlık ve akılda kalan ilk paragrafı düşündükleridir. İçeriği ters bir piramit biçiminde düzenlerler , sadece baş aşağı bir piramidi resmederler. Geniş taban tüm makaledeki en önemli bilgileri temsil eder ve dar ipucu en az önemli bilgiyi temsil eder.
Bu formatı, en önemli parçaları en üste ve en önemsiz olanlara yerleştirerek web içeriğini düzenlemek için kullanabiliriz , ancak hangi bilgilerin önemli ve ne olduğunu nasıl bilebiliriz? Yardımıyla haber değerleri .
7. Yanıltıcı UI Denetimleri Tasarlama
Kullanıcı arayüzü (UI) kontrolleri ile, bir kullanıcının etkileşime girebileceği web sayfası elemanları, bileşenleri ve widget'ları (örn. Bir düğme, açılır liste) kastediyoruz.
Bir düğmeye benzeyen grafik öğeleri tasarlamayın, ama değil . Genellikle altı çizili ve bağlantılar gibi görünen ancak tıklanabilir olmayan metinleri görürüz.
Kullanıcıların beklediği eylemi yapmamakla, sitenin kırık olduğunu ve sonunda ayrılacağını düşünürler. UI denetimleriyle ilgili bir diğer önemli kullanılabilirlik tutarı tutarlılıktır: UI denetimlerinizin tutarlı olduğundan emin olun .
Yahoo Yukarıdaki görüntüde de görüldüğü gibi, tutarlı UI kontrol tasarımı için iyi bir örnektir. Sayfadaki her sekme aynı görünür ve davranır, her bağlantı farenin altı çizilir, her düğme aynı görünür, vb.
8. Anlamlı geribildirim verin
Bir web sitesi için anlamlı geribildirim şarttır. Bu, site ile kullanıcılar arasındaki iletişim kanalıdır. Geri bildirimler sayesinde, kullanıcılara sitede neler olup bittiğini bildiririz. Web sayfanızda bir hata olması durumunda, sadece Hata yazdırmayın, bunun yerine kullanıcıya neyin yanlış gittiğini ve buradan ne gibi eylemler gerçekleştirebileceğini anlatan anlamlı hata mesajları yazın.
Geri bildirim her iki yönde de çalışır . Bir kullanıcı bir formu doldurduğunda, aslında size geri bildirim verir. Kullanıcıların aynı bilgileri iki kez doldurması gerekmiyor. Örneğin, bir kullanıcı bir web sitesinde kayıtlıysa ve bir noktada bir form doldurması gerekiyorsa, bir dosyada veya veritabanında bir yerde zaten mevcut olduğundan, adlarını veya daha önce sağladıkları diğer bilgileri istemeyin. Bu ayrıntıları otomatik olarak alabilmek için tüm süreci basitleştiriyoruz.
9. Javascript Aşırı Kullanmayın
Javascript ve AJAX tekniğinin ortaya çıkmasıyla, web tasarımcıları ve geliştiricileri duyarlı, şeffaf web siteleri oluşturabilirler, ancak tüm yeni teknolojilerde olduğu gibi bir maliyet vardır. Bizim durumumuzda maliyet tarayıcı tutarsızlığıdır. Her kullanıcının güncel bir web tarayıcısı yoktur. Ayrıca varsayılan olarak Javascript etkin olmayabilir.
Javascript'i bir web sitesinde yaygın olarak kullanarak bu kullanıcıları engelliyoruz. Yerine kullanmak göze batmayan Javascript ve zarif bozulma .
10. CAPTCHA'lardan kaçının
CAPTCHA, Bilgisayarlara ve İnsanlara Apart'ı anlatmak için Tamamen Otomatik Kamu Turing testi anlamına gelir. Ad bile karmaşık geliyor. CAPTCHA'nın en genel biçimi, bir görüntüye gömülmüş metintir ve ziyaretçileri test ederek, kullanıcı kullanıcılarını spam botlarından ayırabiliriz.
CAPTCHA'larla ilgili problem, her bir insan doğrulama yönteminin, kullanıcıların beyinlerindeki karmaşık bir süreci tetiklemesidir (örn. Çarpıtılmış metni bulmak, iki sayı eklemek vb.).
CAPTCHA'larla ilgili başka bir problem, farklı kültürlere ilişkin tutarsızlıklardır . Örneğin, Çince semboller, rakamlar çoğu batı harfinden ve Arap rakamlarından farklıdır. Çinli insanların CAPTCHA 'etkin' çevrimiçi formlarını kullanarak çok daha zor bir zamanı var.
özet
- Her zaman bir web sayfasında en belirgin öğe olması gereken bir slogan ekleyin.
- 27 karakter genişliğinde bir site araması yapın ve web sitenize ekleyin.
- Kapsamlı grafikler ve tasarım öğeleri kullanmayın.
- Bir site haritası sayfası ekleyin ve arama motorlarına bir site haritası XML belgesi kaydedin.
- Bir kullanıcının iş akışını kırmayın. Gerekirse her eylemin iptal edilmesine izin verin.
- Kolayca taranabilir web içeriği oluşturun ve en önemli bilgileri web sayfanızın üzerine yerleştirin.
- Bir düğmeye benzeyen grafik öğeleri tasarlamayın, ama değil.
- Anlamlı geribildirim sunun ve bu geri bildirimin her iki şekilde çalıştığını unutmayın.
- kullanım göze batmayan Javascript ve zarif bozulma .
- CAPTCHA'lardan kaçının, daha kullanışlı kullanın yöntemleri yerine.
Bu ilkelere uyuyor musunuz? Lütfen geri bildiriminizi ve ek ipuçlarını aşağıya ekleyin.