Bir web tasarımcısı olarak tabağınızdaki en önemli görevlerden biri kullanılabilirlik. Kullanılabilirlik, web sitenizle etkileşim halindeyken kullanıcının deneyiminin kalitesinin ölçüsü olarak tanımlanır. Tasarladığınız herhangi bir web sitesi her zaman kullanıcı açısından sorunsuz olmalıdır. İlk önce özel eğitim almadan sitenizi kolayca bulmaları gerekiyor. Kullanılabilirlik normalde birkaç farklı faktöre dayanır.
Sitenizde görünen bir kişi, öğrenme kolaylıklarının en üst düzey olmasını ister. Kullanıcı arayüzünü hızlı bir şekilde öğrenmek isteyeceklerdir, böylece doğrudan doğruya atlayabilecek ve temel, yönlendirme görevlerini başarabileceklerdir. Kullanım verimliliği başka bir faktördür: sitenizde gezinmeyi öğrendikten sonra, görevleri hızlı bir şekilde gerçekleştirmek isteyeceklerdir. Kullanıcı siteyi daha önce kullanmış olsa bile, siteyi bir dahaki sefere etkili bir şekilde kullanabilmek için sürecin yeterince hatırlanması gerekir. Buna hatırlanabilirlik denir. Sitenizi kullanırken, bazı hatalarla karşılaşabilirler, ancak bu hatalar sık veya şiddetli midir? Son olarak, siteniz ile bittikten sonra, kullanıcının öznel memnuniyeti yüksek veya düşük mü? Sitenizi kullanmayı sevmiş olmalılar.
Elbette, tüm site ziyaretçilerini her zaman memnun edemezsiniz, ancak iyi standartlar sağlamak için bazı standartlar ortaktır. Ne kadar vasat web tasarımcılarının kabul ettiği, yapmamalısınız. İşte web tasarımcılarının tüm maliyetlerden kaçınması gereken ilk üç kullanılabilirlik hatasının bir özetidir.
Web siteniz açıkça tıklanması gereken köprülerle dolu olacaktır. Bu yüzden kolayca tıklanabilecek kadar büyük olduklarından emin olun. Bu kadar basit. Aksi halde, köprüleriniz iyi karşılanmayacaktır. Fare üzerindeki herhangi bir kullanıcının el hareketleri başlangıçta kesin olmayacaktır, bu nedenle kullanıcı, küçük köprülerinizi tıklatmak için bir çekim yapmak için kullanıcının bir incelik ve strateji kombinasyonunu kullanması gereken kadar küçük tıklanabilir alanlar yapmayın.
Diğer yandan, daha büyük, daha kolay tıklanabilir bir alan, imleci herhangi bir bağlantı üzerinde tutmak için çok daha kullanışlı hale getirir. Tıklanabilir alanı daha büyük yapmak için, tüm bağlantıyı genişletin veya bağlantıyı çevreleyen dolguyu geliştirin. CSS dolgu özelliğini kullanarak bunu yapabilirsiniz.
Bu güzele bir bakın örnek korkunç derecede küçük tıklanabilir bir alan. Girişimciler için tohum finansmanı sağlayan Y Combinator adlı sitenin “Hacker News” sayfasından. Yorum ve kullanıcı bağlantılarının bu kadar ağırlaştırıcı bir şekilde küçük olduğuna dikkat edin. Birkaç kez pratik yaptıktan sonra nihayet tıklayarak bunları başarmak için şanslı olursunuz.
Web tasarımında doğru amaç için kullanıldığı zaman sayfalandırma mükemmeldir. Düzgün kullanıldığında, sayfalandırma hoş bir özelliktir çünkü bir sitenin düzenini daha kolay ve daha kolay emer. Temel olarak içeriği çeşitli sayfalara bölmek için kullanılır ve genellikle uzun ürün listeleri sunan sitelerde görülen bir özelliktir.
Bununla birlikte, sayfalandırma da kötüye kullanılabilir, bu da kullanılabilirlik sorunlarına katkıda bulunan bir faktördür. Bazı siteler, temel içerik sayfalarını birkaç sayfaya ayırmak amacıyla sayfalandırmayı kötüye kullanmaktan hoşlanırlar ve bunun arkasında da açık bir neden vardır. Bunu yapan siteler büyük olasılıkla sayfa görüntülerini düz ve basit bir şekilde yükseltmeye çalışır. Birçok çevrimiçi dergi ve blog, gelirlerini reklam yoluyla elde eder, bu nedenle daha fazla sayfa görüntüleme almak, görüntüleme istatistiklerini artırır ve reklamlara daha fazla ödeme yapmalarını sağlar.
Şuna bir bak taciz Wired Magazine'den bize gelen sayfalama. Google'ın renkli logosundaki makalenin sekiz sayfanın tek bir web sayfasına kolayca birleştirilebildiği sekiz sayfana bölünmüş olduğunu unutmayın. O zaman bile, daha uzun yazı, sayfanın yükleme ve işleme sırasında yavaşlamasına neden olmaz. Ayrıca, makaleyi okumayı bitirmek için birkaç kez tıklatmanın ne kadar zor olduğunu unutmayın.
Buna ek olarak, bu sayfalama kötüye kullanımı SEO açısından zararlı olabilir; Sitenizdeki içeriği birkaç sayfaya bölerseniz içeriğinizi sulandırırsınız. Bu, her web sayfasındaki konuyla ilgili anahtar kelimelerin sayısının azaltılmasının etkisine sahiptir. Bu, her sayfanın kendi başına daha az anlamlı olduğu anlamına gelir. Sonuç olarak, arama motorları her sayfanın neyle ilgili olduğunu doğru bir şekilde yorumlayamayabilir ve böylece makalenin arama motoru sonuç sıralamasını olumsuz yönde etkileyebilir.
Site kullanıcılarının taraması için zor olan içerik genellikle kötü kopyadan muzdarip içeriktir. Kopyala, sitenizi doldurduğunuz metin içeriğidir ve sitenizin kullanılabilirliğini mükemmel hale getirmek için kesinlikle gereklidir. İyi bir kopya hakkında endişelenmeden önce bile, site kullanıcılarının görüntüleme davranışlarını tam olarak anlamanız gerekir. Site kullanıcıları, bir web sayfasındaki tüm bilgileri, tahmin edeceğiniz gibi yukarıdan aşağıya doğru okumuyor.
Gerçekte, site kullanıcıları, sadece bir parça içerikten diğerine atlayarak, esasen web sayfasında ortaya çıkanlar tarafından yönlendirilen bilgileri emer. İnternetin bu çılgın internet izleme davranışıyla ilgili bilgileri bombaladığı gerçeğine teşekkür edebilirsiniz. Kullanıcıların gözleri temel olarak herhangi bir web sayfasının ilginç bir bölümünden diğerine geçiyor. Bu da, web sitenizin tasarımcısı olarak sizin sayfalarınızı bu çılgınca davranışa uyum sağlayacak şekilde yapılandırmanız gerektiği anlamına geliyor.
Öncelikle, sitenizin sadece birkaç, net odak noktası olduğundan emin olun. Bunlar, sayfanızın ziyaretçilerin ilgisini çekecek bölümleri olarak işlev görür. Daha büyük yazı tiplerini ve yüksek kontrastlı renkleri ekleyerek başarılı olabilirsiniz. Ekstra görsel çekim için, metnin hemen yanında simgeler gibi görseller de içerir.
İkincisi, her odak noktası ideal olarak tanımlayıcı bir başlık içermelidir. Kopyayı daha fazla okumaya devam etmeden, kullanıcının bu içeriğin neleri kapsayacağını hemen anlaması gerekir. Okuyucuları çekmek için asla başlıkları şifreli ya da belirsiz hale getirmeyin. Başlıkları kısa olmasına dikkat edin.
Son olarak, herhangi bir ek metnin özlü ve kolay anlaşılması gerekir. Sadece temelleri sunun ve başka hiçbir şeyi hariç tutun. Çoğu zaman, metin yazarlarının söz konusu metnin okunabilirliğinden çıkardıkları bir noktayı netleştirmek için eklediği ek metinler. Uzun metrajlardan kaçınarak birçok kullanıcının sadece küçük metin parçacıklarını okuması, dolayısıyla yağları kırpması için bir eğilim vardır.
Hadi bir göz atalım internet sayfası bu kopyayı iyi organize ediyor. Bu Mac için Kültür Kodunun Şeyler uygulaması. İlk bakışta, ekran görüntüsü ve dev boyuttaki “Şeyler” başlığı olan odak noktalarının çok açık olduğunu fark edeceksiniz. Uygulamanın, sayfanın aşağı doğru ilerleyerek daha fazla görebildiğiniz çeşitli özellikleri de çok kısadır ve konuya ilişkin kısa bir açıklama yapmak için sadece kısa bir paragraf ya da ikiyi alacaktır.
İyi kullanılabilirlik, bazen izlenmesi için bazen biraz zor olabilen çok farklı faktörleri içerir. Kullanılabilirlik, son kullanıcı ile ilgilidir ve sitenizde gezinirken ve taradıklarında nasıl hissettiklerini gösterir. Kendinizi sitenize tasarlarken kendi ayakkabılarına koyun. Sitenizi kolaylıkla rahatlıkla geçirebilirler mi? Ne yapacağınızı ve bir dahaki sefere sitenizi ne zaman ziyaret edeceklerini kolayca hatırlayacaklar mı? Nihayetinde sitenize göz atma deneyiminden keyif alacaklar mı? Tüm bu sorular, sitenizi tasarlarken aklınızda ön ve merkez olmalıdır.
İyi kullanılabilirlik de pratik faydalara sahiptir. Bir kullanıcı sitenizi ne kadar verimli bir şekilde kullanabilirse, o kadar çok şey geri dönecektir. Ayrıca arkadaşlarına, annelerine, çalışma arkadaşlarına… resmini de anlatacaklar. Gelip siteni kontrol edecekler. Sonuç olarak, daha fazla sayfa görüntüleme, daha fazla okuyucu ve ümitle sadık bir takip elde edersiniz. Bu, sitenizden para kazanabileceğiniz ve site üzerindeki reklamlar için daha fazla ücret alabileceğiniz anlamına gelir. Kullanılabilirliğe dikkat edin ve ödülleri bu kadar çok yoldan elde edersiniz.
Hangi kullanılabilirlik hatalarını eklersiniz? Tasarımcılar en sık kullanılan hatalar nedir? Yorumlarınız ile düşüncelerinizi öğrenmemize izin verin.
Öne çıkan görsel / küçük resim, hata resmi Shutterstock üzerinden.