V modern dünya kullanılabilirliğin temellerini anlamak bir zorunluluktur. Çoğu site ziyaretçisi, kaynak sahiplerinin onlardan yapmasını beklediği eylemleri gerçekleştirmez. İnsanlar mal sipariş etmez, kayıt olmaz, güncellemelere abone olmaz vb. Bu kullanıcı davranışının nedeni nedir?
Nedeni basit - kaynağın kullanıcı için uygun olmadığı ortaya çıkıyor. Örneğin, bir ürünü "sipariş etmek" için birkaç sayfadan geçmeniz gerekir ve kayıt düğmesini bulmak tamamen imkansızdır. Bu, kaynağı rekabetsiz hale getirir.
Siteyi kullanmaktan geri dönme sayısı nasıl azaltılır? Projenin kapsamlı bir yaklaşıma ihtiyacı varsa, stüdyoyla, uzmanlarla iletişime geçebilirsiniz. Kullanılabilirlik laboratuvarları teklif sadece Çeşitli seçenekler test ve arayüz tasarımı. Ve bütçe sınırlıysa, kullanılabilirliğin temellerini kendi başınıza öğrenmeye çalışabilirsiniz.

Arayüzün kendini geliştirmesi için birkaç basit kuralı göz önünde bulundurmanız gerekir:

1. 7 kuralı.
   Bilinen yetenekler İnsan beyni sınırsız değildir. Bir kişi içinde tutabilir kısa süreli hafıza en fazla 5-9 varlık. Bu nedenle, navigasyona 7'den fazla nokta yerleştirmemelisiniz.
   Bu açıdan bakıldığında, tutu.ru sitesi kesinlikle hak ediyor iyi eleştiriler, ana işlevsellik site başlığına yerleştirildiğinden, 4 menü öğesi ve bir açılır liste ile sınırlıdır.
   Rus Demiryolları sitesi iken harika bir örnek nasıl yapılmaz. Gözlerimde parıldayan dağınık bilgi miktarından, sadece onu kapatmak ve bir daha asla içeri girmemek istiyorum.
2. 2 saniye kuralı.
   Kullanıcı bir programdan, siteden veya uygulamadan ne kadar az yanıt beklerse, bu ürünü kullanmaktan vazgeçme olasılığı o kadar artar. 2 saniye, programın yanıtı için en uygun zaman aralığıdır, uğraşmaya değer. Bu yüzden, mtv.ru'da olduğu gibi siteye yoğun bir flash intro koymadan önce yüzlerce kez düşünmeye değer.
3. 3 tıklama kuralı.
   Kimse aradığı sayfalarda gezinmeyi sevmez gerekli bilgi ve işlevsellik. Ziyaretçi şuradan içeri girebilmelidir: ana sayfa sitenin başka herhangi bir sayfasına, en fazla 3 tıklama yaparak. Bu aynı zamanda sitenin arama robotları tarafından daha başarılı bir şekilde indekslenmesine de katkıda bulunur.
4. Uygun Kural
   1954 yılında Paul Fitts tarafından yayınlanan insan hareketi modeli, bunun için gereken süreyi belirler. hızlı yolculuk hedefe olan mesafenin ve hedefin boyutunun bir fonksiyonu olarak hedef alana.
   Mecazi olarak, kural şu ​​şekilde açıklanabilir: Çakmağı işaret etmek kibritten daha kolaydır. Ancak bir uçurumu veya büyük bir hava gemisini işaret etmek de aynı derecede basittir. Bağlantı gibi bir arayüz nesnesi zaten yeterince büyükse, onu daha da büyütmenin bir anlamı yoktur.
5. Ters piramit
   Bu ilke, kullanılabilirlik gurusu Jakob Nielsen tarafından benimsenmiştir. Makale nihai bir sonuçla başlamalı ve ardından anahtar noktaları ve okuyucular için en önemsiz bilgilerle bitirin. Bu, kullanıcının mümkün olduğunca çabuk bilgi almak istediği web için idealdir.

Ancak iyi tasarlanmış bir arayüz bile test etmeye değer. Odak grupları en çok uygun fiyatlı yol"kendi başına" test etmek için.

Test dört aşamadan oluşur:

1. Odak gruplarının seçimi. Test kullanıcıları sizin hedef kitle... Büyükannenizden sürücü güncellemelerini bulmak için uygulamayı test etmesini istemeyin.
2. Test planı hazırlama- ürününüzün tasarlandığı görevlerin bir listesi. Bu, testçilerin izleyeceği listedir. Bir çevrimiçi mağaza yapıyorsanız, liste bir öğeyi arama, bir ürün hakkında bilgi edinme, bir ürün hakkında bilgi edinmeden siparişe giden yol ve bir öğeyi sepetten çıkarma gibi görevleri içermelidir.
3. Test uzmanları tarafından görevlerin yürütülmesi ve hataların düzeltilmesi. Her şey bir hata olarak kabul edilebilir: çok karmaşık captcha, sunucudan "sepete bir öğe eklendi" mesajının olmaması, sepetteki ürün sayısının değiştirilememesi veya bir işlemin iptal edilememesi vb.
4. Hataları belirleyip düzelttikten sonra test döngüsü tekrarlanmalıdır. Sonuçlar gerekli gereksinimleri karşılayana kadar döngü tekrarlanmalıdır.

Projenin her aşamasında bir arayüz kalite değerlendirmesi yapılmalıdır. Kullanılabilirlik testini son ana kadar ertelemeyin. Projenin son aşamasında olması nedeniyle ciddi hatalar düzeltilemez. Ve sonra - ya yeniden yapın ya da düşük bir kullanılabilirlik puanı alın.
Kural olarak, büyük hataları belirlemek için 5 testçi yeterlidir.

İlgili örnek

Son olarak, analiz edeceğiz tipik hatalarünlü sanatçı Vlad Topalov'un sitesi örneğinde. Diyelim ki onun yönetimi ile bir performans düzenlemek istiyoruz ve sitedeki bağlantılarını bulmak istiyoruz. Ve arayışın başladığı yer burası!
Sitede gördüğümüz ilk şey, "gir" bağlantısı ve flash player'ı güncelleme önerisi olan siyah bir açılış ekranı.


"Giriş" düğmesi, sitenin ana sayfasına gitmek için bir çağrı gibi geliyor. Ancak ana sayfa yerine kendimizi "boş bir sayfa" üzerinde buluyoruz.


Burada göz kırmızı bir kurdele görüntüsünü yakalar ve biz de bunun bir bağlantı, hatta belki bir menü olduğunu düşünürüz elbette. Ama hayır - bu sadece şarkıcının sosyal konumunu belirtmeyi amaçlayan AIDS'e karşı mücadelenin bir sembolü ve başka bir şey değil. Ve sonra el sola uzanır üst köşe... Ve bir menü değil, bir düğme var tam ekran modu... Karışıklık içinde birkaç saniye ve arama bitti, imrenilen menü ekranın ortasında, altta. Tıklayın ... ve OYUNCU'yu görün! Yine aldatıldık.


Klip oynatıcıda yayınlanırken menüyü aramaya devam ediyoruz. Şimdi en üstte, tam ortada. Açılır listede nihayet gıpta edilen "Kişiler" kelimesini görüyoruz. Ama burada da her şey o kadar basit değil. Bu kişiler kopyalanamaz. Manuel olarak yeniden yazmamız gerekecek!


Şimdi sayılar hakkında. Yanıt süresi bağlantı hızına bağlı olarak değişebilir, ancak her durumda 2 saniyeden fazla olacaktır. Ve yönetim iletişim sayfasına ulaşmak 7 tıklama aldı. Sadece bir tane alabilir.
Vlad Topalov, elbette, bu tür "yaratıcı" çözümleri karşılayabilir. Ancak bu tür kararların iş dünyası için felaket olduğu açıktır.

Kullanılabilirlik (İngilizce kullanılabilirlikten - "kullanılabilirlik"), siteyle çalışmanın basitliği ve rahatlığının niteliksel bir değerlendirmesidir. gerekli bilgi işlevsellik ve sayısız sayfa içinde kaybolmadan ve aynı zamanda kaynakla çalışmaktan estetik zevk almadan.

Web sitesi kullanılabilirliği ilkelerini takip etmek neden önemlidir?

• Dönüştürmek. Düzgün düşünülmüş navigasyon, kullanıcıyı hedef eylemi gerçekleştirmeye zorlayacaktır: şirketi arayın, bir fiyat listesi indirin, bir ürün sipariş edin, bir hizmeti kullanın, vb. Anlatıyı ve yapıyı doğru bir şekilde oluşturmak önemlidir, çünkü ziyaretçi en az birkaç saniye düşünürse veya sonra ne yapacağını hemen anlayamazsa, onu kaybedebilirsiniz. Örneğin, ana sayfaya geldikten sonra, şirketin çalışma alanı hakkında daha ilk satırları bilmiyorsa, nerede olduğunu ve bundan sonra ne yapacağını bilmiyorsa, sekmeyi pişmanlık duymadan kapatacaktır. . Bir makale, video, grafik şeklinde ilgilendiği sorulara ayrıntılı cevaplar bulamazsa, aynısı olacaktır.
• Katılım. Kullanıcı siteye ancak onunla çalışmaktan hoşlanırsa dönecektir. Bu nedenle, kaynak tüm konumlardan uygun ve anlaşılır olmalıdır: metin, gezinme, arayüz, eylem dizisi vb. Seçim bolluğu sayesinde, modern tüketici siteyle uzun süre çalışmanın inceliklerini bulmak zorunda değil: burada zor - daha net ve daha kolay olan rakiplere gidecek.

Web kaynağı kullanılabilirliği ilkeleri

Web sitesi kullanılabilirliği geliştirme ana kurala dayanmaktadır: "daha basit, daha iyi." Kullanıcı ne kadar tanıdık yapı ve arayüz görürse, gezinmesi o kadar kolay olur ve ihtiyaç duyduğu bölümü bulmak için o kadar az zaman harcar. daha kendinden emin hissedecek.

1. Tasarım, siteye güvenmenin anahtarıdır

Görseli çok fazla ayrıntı, renk ve dinamik öğelerle aşırı yüklemeyin. Kullanıcı, bilgi algısından hiçbir şey tarafından rahatsız edilmemelidir. Ve kaynakta uzun süre kalarak, kontrastın bolluğundan, metnin zayıf okunabilirliğinden, çok yönlü grafiklerden bıkmamalıdır. Vurgu minimalist tasarımdır: benzersizlikle birlikte, arka plan ve yazı tipi renklerinin kombinasyonunu, görüntülerin sayısını ve türünü göz önünde bulundurmalısınız.

Bir tane daha önemli nokta: iyi düşünülmüş" dış görünüş»Site, size ilk kez gelen tüketici adına bir güven garantisidir. Kullanım kolaylığı ve erişilebilirliği, renk kombinasyonları, stil, hedef kitlenize uygun resimler, içerik kalitesi, hata olmaması - tüm bunlar kaynağın konumunu etkiler.

Grafiklerle dolu bir site örneği. Tasarım, dağınık renk kombinasyonları ve çok sayıda resim ile doludur.

2. Mantıksal yapılandırılmış içerik

Kullanılabilirliğin ana faktörlerinden biri metinlerin rahat algılanmasıdır. Yapı, tasarım, bilgi içeriği, mantıksal döküm, optimizasyon, hata olmaması - bir makale yazarken tüm bu parametrelerin dikkate alınması önemlidir. Uzun bir metin kılavuzuysa - kullanıcının istenen bölümü hızlı bir şekilde bulabilmesi için içindekiler tablosunu bağlantılar şeklinde yapın.

Clicktale ve CX Partners'ın raporlarına göre, sayfa uzunluğu, bir kullanıcının aşağıdaki içeriğe göz atıp bakmamasını etkilemiyor. İyi düşünülmüş bir grafik ve metin yapısı daha önemlidir: öncelikli bilgileri, konum sırasını vurgulama.

3. Önemli bilgiler - sol köşede

Ziyaretçiler göz atıyor web sayfası F-desen: sol üst köşeye odaklanma ve azalan düzende metnin ilk birkaç paragrafıyla sınırlı. Bu nedenle, önemli bilgileri dağıtırken, böyle bir şemanın kullanılması, ziyaretçinin gerekli verileri hızlı bir şekilde bulma olasılığını artıracak, bir bakışta bölümü gözden geçirerek en önemlisini görecektir.

4. Kullanıcı ile iletişim

Başarılı kayıt, kabul edilen sipariş, var olmayan sayfa - bir kişi her zaman neler olduğunun farkında olmalıdır. Ve tüm detaylarda. Sistemde kayıtlıysa - sipariş kabul edilirse daha sonra ne yapacağımızı bize bildirin: numarayı, çağrı bekleme süresini, iletişim bilgilerini belirtin; 404 sayfasına ulaştıysanız - ihtiyacınız olan bilgiyi nasıl bulacağınız veya nereye döneceğiniz.

Böyle bir 404 sayfasında bir kez, kullanıcının kafası karışmaz ve büyük olasılıkla kaynaktan hemen ayrılmaz.

5. İşlemi iptal et

Kişi fikrini değiştirebilmelidir. Örneğin, sosyal ağ VKontakte, bir sayfayı sildikten sonra geri yüklemenizi sağlar. Bazı çevrimiçi mağazalar - bir siparişi verdikten sonra değiştirin veya silin, teslimat ve ödeme yöntemini ayarlayın. Bunların hepsi bir web sitesinin kullanılabilirliğinin bir parçasıdır.

6. Mütevazı bir yardım teklifi

İletişimde ısrar etmeye gerek yok. Seçim konusunda yardım sunan büyük açılır pencereler, renkli şerit ekranın üçte birini kaplayan bir telefon numarasıyla - bu tür öğeler yalnızca müdahaleci görünmekle kalmaz, ziyaretçiyi iter, aynı zamanda işlevselliğin bir kısmını da kapsar. Aşağıdaki örnekte bir ürün seçim formu bulunmaktadır. Yardım penceresinin gizlenmesi kolay olmalıdır, bu nedenle haçlar ve diğer benzer simgeler görünür hale getirilmeli ve yarı saydam veya arka planla birleşmemelidir.

Başlangıçta daha iyidir verilen form küçültülmüş bir durumdaydı, ancak aynı zamanda farkedilirdi - örneğin, parlak bir yan sekme şeklinde. Aynı zamanda sayfadaki bazı içeriklerle örtüşmüyordu. İkincisi, sosyal medya düğmeleri için de geçerlidir.

7. Sade bir dille konuşma

Özel terimlere odaklanmayın - daha basit konuşun, böylece kullanıcı anlaşılmaz bir kelimeyi yorumlamak için zaman harcamak zorunda kalmaz. Dar kavramlar, açıklamalar olmadan yapamıyorsanız - açılır pencereler geliştirin. Aynısı formları doldurmak için de geçerlidir: eğer dikte ederseniz belirli koşullar isim uzunluğu, şifre, telefon formatı, geçerli coğrafya şeklinde - bunu bilgi istemleri şeklinde belirtin.

8. Köklü değişikliklerin reddedilmesi

Bu, menü öğeleri, düğmelerin adı ve türü, konumları için geçerlidir. En sevdiğiniz süpermarkette bir yeniden düzenleme hayal edin: bir yıllık günlük alışverişten sonra, yönetimin departmanları, ürünleri değiştirmeye ve yeniden tasarım yapmaya karar verdiğini aniden fark ettiniz. Ve şimdi süt, ekşi krema, yulaf lapası için tezgahta - eskiden tereyağının olduğu yerde ve donmuş kirazlar yerine domuz böbrekleri buluyorsunuz. İşaretler daha güzel hale geldi, ancak tamamen farklı - her zamanki indirim simgeleri gibi. Sonuç: Kaybolursunuz ve yeni tasarımı öğrenmek ve yönünüzü almak için normalden çok daha fazla zaman harcarsınız, tekrar alışırsınız.

Aynısı web tasarımı için de geçerlidir: kullanıcı sadece daha fazla zaman harcamakla kalmayacak, aynı zamanda sepet simgesi yerine artık "Katalog" - "Ürünler" yerine "Ürün Ekle" ve normal hacimsel olduğunu fark ettiğinde hayal kırıklığına uğrayacaktır. aerodinamik düğmenin düğmeleri düz ve kesik hale geldi. Bu nedenle, bir "yeniden düzenleme" tasarladıktan sonra ziyaretçiyi şok etmeyin - değişiklikler kademeli olmalı ve tanıdık yapıyı kökten değiştirmemelidir.

9. Tüm olasılıklar görüş alanınızda

Kullanıcının gidebileceği tüm bölümleri görmesi iyi bir çözümdür, çünkü istediği zaman nerede olduğunu ve nasıl geri döneceğini çabucak öğrenebilir. Sitede çok fazla içerik planlanmışsa, yatay bir üst sağlamak mantıklıdır, dikey menü(her ikisi de - muhtemelen alt bölümlerle birlikte) ve bir "bodrum". Eğer gelir minimalist bir "kartvizit" hakkında veya Açılış sayfası- sadece üst yatay menü yeterlidir.

Çok sayıda kategori varsa, kullanıcının kaynağın hangi bölümleri içerdiğini ve oraya nasıl ulaşacağını göstermesine olanak tanıyan "Site Haritası" öğesini ekleyin. ihmal etmeyin" galeta unu» - navigasyon zinciri kişinin sayfaya nasıl ulaştığını gösteren içerik bloğunun en üstünde.

Örnek şanslı kart alan

10. Kayıt ve sipariş şekli: ne kadar özlü - o kadar iyi

Doldurulacak daha fazla alan, kullanıcı bu süreye daha az harcamak ister. Ayrıca, alanların düzeni, etiketler, yazı tipi seçimi ideal olabilir, ancak uzunluk iticidir. Modern temeller kullanılabilirlik, web geliştiricilerini bu formların uzunluğunu en aza indirmeye, eğitim, gelir düzeyi, meslek vb. hakkında acımasızca sorular sormaya zorlar. Fakat! İki formu karşılaştırın: yalnızca birkaç ek alan olmasına rağmen, ilkini ikinciden daha az doldurmak istiyorsunuz. Telefon numarası verme zorunluluğundan bahsetmiyorum bile.

11. Göze çarpan uzun arama alanı

İlgili düğme en iyi yardımcı ziyaretçi. Özellikle büyük bir kaynak söz konusu olduğunda. Kullanıcı, arama dizesini kolayca bulmalıdır. Böylece onunla ilk karşılaştığında, karşılık gelen satırı bulmak için birkaç saniye bile harcamaz.

Bir diğer önemli nokta ise arama alanının uzunluğudur. Jacob Nielsen tarafından yapılan bir araştırmaya göre ortalama 18 karakter tutabilir ve optimal uzunluk 27 karakterdir. Hatta vakaların %90'ında uzun sorgu böylece kullanıcı tamamen görebilir ve gerekirse düzeltebilir. İstenilen genişliği ayarlamak için göreceli birim"Em", kullanılacak yazı tipinin boyutuna eşittir.

Arama çubuğu site başlığında değil, sayfanın alt kısmında sunumun altında. en değil uygun seçenek kullanıcının bu seçeneği sitenin en üstünde otomatik olarak araması koşuluyla.

12. Daha fazla boş alan

Site bir oturma odası ile karşılaştırılabilir: eğer her biri metrekare bir şeyle meşgul - kişi kendini rahatsız hissedecek. Burada da durum aynı: sayfa faydalı bloklar, bölümler, açıklamalar ve diğer bilgilerle doluysa, ziyaretçi kaybolacak ve ilk etapta dikkatini nereye yönlendireceğini anlayamayacaktır. Modern dizayn minimalizme eğilimli: sayfada - sadece en önemlisi.

Neredeyse algılanamayan çerçevelere sahip birçok blok, çeşitli grafiklerin bolluğu, öncelikli bilgilerin vurgulanmaması, siteye girerken ilk etapta ne arayacağınızı netleştirmez.

Kullanılabilirliğin tüm ilkeleri dikkate alındıktan sonra, sürekli yapılan testlere geçilir, çünkü herhangi bir hata potansiyel bir müşteriyi yabancılaştırabilir.

Kullanılabilirlik testi

Yeni arayüz iki konumdan değerlendirilir:

• Yüksek kalite. Bu kategori, kaynağın işlevselliğini, hedeflemeyi, yapının okuryazarlığını ve içeriğin hazırlanmasını ve ayrıca önceki bölümde listelenen diğer parametreleri analiz eder. Siteyi hatalar için kontrol etmek önemlidir: bozuk bağlantılar, yönlendirmeler, 404 sayfa görünümü vb.
• Nicel. Sayfa yükleme hızını, tepki süresini, sayfalar arası geçişi, istenilen bölümü veya butonu aramayı değerlendirir.

Test, bağımsız olarak veya yardımı ile gerçekleştirilir. Özel servis- örneğin, Yandex.Metrica. Kullanılabilirliği kendi başınıza değerlendirmek için biraz zaman harcamanız gerekir: hedef kullanıcılar kategorisinden 5-6 kişilik bir grup oluşturun, kaynağın çalışması hakkında onlar için görevler ve sorular hazırlayın, elde edilen sonuçlardan sonuçlar çıkarın, bulunan hataları düzeltin. Sonrasında değişiklikler yapıldı odak grup yeniden toplanmalıdır.

Kullanılabilirlik kurallarını son anda değil uygulamak önemlidir: geliştirici gelecekteki kaynağın yapısını ve görünümünü ne kadar erken planlamaya başlarsa, üzerinde ne kadar çok şey düşünürse, sonuç o kadar iyi elde edilecek ve daha iyi sonuçlar elde edebilecektir. acele etmeden tüm ayarlamalar. Önce rakiplerin sitelerini analiz etmeli, zayıf ve zayıflarını belirlemelisiniz. güçlü, ayrıca varsa önceki kaynağı değerlendirerek iyileştirme gerektiren noktaları tespit edin.

Makale Victoria Zakirova tarafından hazırlanmıştır.

SmashingMagazine blogunda yayınlanan, kullanılabilirliğin üzerine inşa edildiği temel kural ve ilkelere ilişkin makalenin bir çevirisini (eklemelerimiz ve yorumlarımızla birlikte) size sunuyoruz.

Bir web projesi oluşturma konusunda kendisine ve müşterilerine saygı duyan her geliştirici, kendi vizyonunun ve müşterilerin görüşlerinin sinerjisinden tek bir yüksek kaliteli ürüne hareket eder. Bunun en zor yanı dışarıdan gelen yanlış fikirleri ve başarısız önerileri düzeltmektir. Bunun mümkün olması için, hem temel kullanılabilirlik ilkeleriyle hem de kendi deneyiminize dayalı önerilerle desteklenen kendi bakış açınızı net bir şekilde aktarmalısınız.

Bu nedenle, verilen makalede kullanılabilirlikle ilgili en temel kurallar, ilkeler ve öneriler dikkate alınmıştır.

2 saniye kuralı

Kullanılabilirliğin en temel kurallarından biridir. Kullanıcı, sistemden bir yanıt için iki saniyeden fazla beklemeyecektir. "2" değeri keyfi olarak seçildi, ancak sitenin sayfalarını yükleme hızını izleme sürecinde kendini koruyabildi.

V Genel dava, sayfa yükleme hızı ne kadar yavaşsa o kadar iyidir. Bu, herhangi bir karmaşıklıktaki projeler için geçerlidir. Sonuçta, her zaman bir saniyenin ekstra kesirleri için rekabet etme fırsatı vardır. Kim bilir, belki de ziyaretçinizin teklifinizi görmesine yardımcı olurlar.

Kural 7 ± 2

Bu kural, insan beyni, yani beynin gelen bilgiyi algılama ve işleme yeteneği üzerine araştırmalar yapan George Miller tarafından ortaya atılmıştır. Sonuç olarak, kısa süreli belleğin 5 ila 9 varlığı tutabildiğini gösteren sonuçlar elde edildi.

Elde edilen sonuçları site kurma alanına entegre ederek, navigasyon menüsündeki madde sayısının sınır değerlerinden bahsedebiliriz. Aynı zamanda, birçok web yöneticisi, bu tür öğelerin 7'den fazla olmaması gerektiğini savunuyor. Buna karşılık, bu ifadenin tüm projeler (büyük portallar ve çevrimiçi mağazalar) için doğru olmadığını söyleyen alternatif bir bakış açısı var. Sıradan bir site hakkında konuşursak, kural oldukça uygulanabilir olarak kabul edilebilir.

3 tıklama kuralı

Birçok kişi bu kuralı biliyor. Belki de en yaygın olanıdır. Özü, bilgi aramak için sitenin ana sayfasına ulaşan kullanıcının en fazla 3 tıklama yapması ve istenen içeriğe ulaşması gerçeğinde yatmaktadır.

Konuşuyorum insan dili- navigasyon basit olmalı ve karmaşık olmamalıdır, böylece kullanıcı aradığını mümkün olan en kısa sürede bulabilir.

Bu kural resmi değil, şartlı. Çoğu site için mantıklı.

Bazı kaynaklar için sistemin anlaşılırlığı örneğin 10 geçişle sağlanır. Ana şey, kullanıcının rahat olması ve hangi yöne hareket edeceğini açıkça anlamasıdır.

Pareto Kuralı veya 80/20 İlkesi

Sonuç şu ki Kullanıcı eylemlerinin %20'si, toplam etkinin %80'i ile sonuçlanır ... Bu kural, "müşterilerin %20'sinin şirketin satışlarının %80'ini oluşturduğu" iş dünyasından geldi. Aynı zamanda, kullanılabilirlik alanında ve e-ticaret bu kural daha az alakalı değil. Kitlenizin %20'sini belirlemeli ve en çok rahat koşullar siteyle çalışın.

Web sitesi ve uygulama tasarımı geliştirme açısından 6 kural

Ben Shneiderman, insan-bilgisayar etkileşimlerini incelemeyi amaçlayan araştırmalar yaptı. Sonuç olarak, temel olarak tasarım geliştirmenin temel ilkeleri formüle edildi:

• Her bir unsurun konumu ve mevcudiyetinin tutarlılığı;
• Kullanıcılar sıradan ve gelişmiş olarak ayrılır. İkinci grup için, daha fazlası için fırsatlar yaratmanız gerekir. hızlı iş: özel yetenekler(örneğin, yerleştirme RSS beslemeleri), kısayol tuşları, kısaltmalar vb.
• Bir siteyi veya uygulamayı ziyaret eden bir ziyaretçi, kendisi ile ürününüz arasındaki tüm etkileşimin tam kontrolü altında gerçekleştiğinden emin olmalıdır;
• Kullanıcıların kısa süreli belleğine aşırı yüklenmemeye çalışın;
• Ürününüz aracılığıyla ziyaretçinizle bir nevi diyaloğa girersiniz. Bu diyalog eksiksiz olmalıdır;
• Kolayca erişilebilir ve bilgilendirici geri bildirim uygulayın.

Ters piramit

Ters piramit- kullanımının bir sonucu olarak ana fikrin ön plana çıktığı ve makalenin en başında okunabilen böyle bir yazı tarzı. Temel olarak, makale bir sonuçla başlayacak ve ardından ana kilit noktalar gelecek. En az önemli bilgi makalenin altında sunulmalıdır.

Bu sunum tarzının ortaya çıkışı, internetin dinamik dünyasında kullanıcıların cevapları mümkün olan en kısa zaman aralıklarında bulmak istemesiyle açıklanmaktadır. Ayrıca, ziyaretçi makalenin içeriğiyle hemen ilgileniyorsa, onu okuma olasılığı daha yüksektir.

öznel tatmin

Kullanıcıların eylemlerini değerlendirirken, kural olarak, en uygun yolu değil, en kabul edilebilir olanı seçtikleri belirtilebilir. Onlar. bir çözüm arayışında, en hızlı ve en iyi cevaptan uzak olanla tatmin olabilirler.

Ortalama bir kullanıcı, belirli bir istek hakkında bilgi için birincil ihtiyaçlarını karşılayan bir çözüm arayacak ve aramayacaktır. alternatif çözümler potansiyel olarak ilgili konuları kapsayabilir ve ona daha uzun bir süre için bilgi sağlayabilir.

Gözaltında

Böylece, yukarıdaki bilgilere dayanarak, hem açık hem de sözlü olmayan kullanılabilirlik ilkeleri, önerileri ve temel kuralları hakkında temel bir anlayış oluşturabilirsiniz.

Kullanıcının düşünmek istemediğini anlamak önemlidir. Sitede şu veya bu eylemi nasıl gerçekleştireceğini düşünmek istemiyor. Bu nedenle, ziyaretçinin hedefe giden yolunda işaretçiler olarak hizmet edecek uygulama kolaylığına ve sezgisel şeylere odaklanın.

Sunulanlara, önerilere veya yorumlara eklemeleriniz varsa, bunları yorumlarda bizimle paylaşırsanız minnettar olacağız.

Jacob Nielsen

Kullanılabilirlik, bir kullanıcı arabiriminin kullanımının ne kadar kolay olduğunu belirleyen niteliksel bir niteliktir. Kullanılabilirlik aynı zamanda geliştirme sürecinde bir arayüzü geliştirmek için kullanılan bir dizi tekniği ifade eder.

Kullanılabilirliğin beş nicel boyutu vardır:

* Öğrenilebilirlik: Kullanıcılar, tanıdık olmayan bir arayüzle ilk karşılaştıklarında temel görevleri ne kadar kolay tamamlayabilirler?

* Verimlilik: Kullanıcılar tasarıma aşina olduktan sonra aynı görevi ne kadar çabuk tamamlayabilirler?

* Unutulmaz: Kullanıcı belirli bir süre sonra tekrar arayüze döndükten sonra, bu arayüzle çalışma becerilerini yeniden kazanması ne kadar kolay olacak?

* Hatalar: Kullanıcı kaç hata yapar, bu hatalar ne kadar ciddi, kullanıcı bu hataları ne kadar kolay düzeltebilir?

* Memnuniyet: Bu arayüzün kullanıcısı ne kadar hoş?

Kullanılabilirliğe ek olarak, diğer birçok önemli kalite tasarım özelliği vardır. En önemlilerinden biri, tasarımın işlevselliğini tanımlayan ve şu soruyu yanıtlayan yardımcı programdır: Kullanıcının ihtiyacı olan şey arayüz mü? Kullanılabilirlik ve kullanışlılık eşit derecede önemlidir: Kullanımı kolay olsa bile, yapmasını istediğiniz şeyi yapmıyorsa, bir program ne işe yarar? Varsayımsal olarak ihtiyacınız olanı yapan bir program da kötüdür, ancak karmaşık arayüzü nedeniyle onunla çalışamazsınız. Bir programın kullanışlılığını incelemek için, kullanılabilirlik kalitesini incelerken kullandığınız yöntemlerin aynısını kullanabilirsiniz.

Web'de, kullanılabilirlik gerekli kondisyon hayatta kalma. Bir web sitesinde gezinmek zorsa, ziyaretçiler basitçe ayrılır. Sitenin ana sayfası, şirketin ne yaptığını ve sitenin hangi görevleri gerçekleştirmesine izin verdiğini açık ve net bir şekilde belirtmiyorsa, ziyaretçiler siteden ayrılır. Site kafa karıştırıcıysa, ziyaretçiler ayrılır. Sitede yer alan bilgilerin anlaşılması zor ve yanıt vermiyorsa anahtar sorular Ziyaretçiler, ayrılırlar. "Site referans kılavuzunu" dikkatle inceleyen veya zamanını onun arayüzünde ustalaşmak için harcayan hiçbir ziyaretçi yok. V web tamamlandı Pek çok başka site var, bu nedenle siteden ayrılmak, ziyaretçilerin zorlukla karşılaştıklarında aldıkları ilk dürtüdür.

E-ticaretin ilk kuralı, ziyaretçiler bir ürünü bulamazlarsa satın alamayacaklarıdır.

Bugünkü deneyimler, bir projenin bütçesinin yaklaşık %10'unun kullanılabilirliğe harcanması gerektiğini göstermektedir. Ortalama olarak, bu, bir web sitesinin kalitesinin iki katından fazlasına ve iki katından biraz daha azına yardımcı olacaktır. Ortalama olarak, bir web sitesinin kalitesinin iki katından fazlasına ve bir intranetin kalitesinin iki katından biraz daha azına yardımcı olacaktır. alan. Yazılım ve diğer ürünler için kalitedeki iyileşme genellikle biraz daha düşüktür, ancak yine de önemlidir.

Dahili kullanım için ürünler geliştirirken, kullanılabilirlikteki 2 kat iyileştirmenin, kullanıcıları eğitmek için harcanan sürenin yarıya inmesi anlamına geldiğini, satış hacmini, kayıtlı kullanıcı sayısını ve siparişleri iki katına çıkaracağını ve genel olarak beklediğiniz sonucu iki katına çıkaracağını göz önünde bulundurun. projeden almak için.

Kullanılabilirliği öğrenmek için birçok yöntem vardır, ancak en temel ve en kullanışlı olanı tasarımınızın kullanıcı tarafından test edilmesidir.

Üç unsurdan oluşur:

Projeniz / ürününüz için en tipik kullanıcıları seçin, örneğin ticari sitelerin ziyaretçileri veya şirketinizin interneti sıklıkla kullanan çalışanları (ikinci durumda, departmanınızda çalışmayanlar seçilmelidir);
- En yaygın görevleri tamamlamalarını isteyin;
- Kullanıcıların ne yaptığını, nerede başarılı olduklarını, arayüzle ilgili zorlukların nerede olduğunu takip edin. Sessiz olun ve söyleyeceklerini dinleyin.

En önemli şey, her kullanıcıyla test etmektir. Her birinin kendisinden önce ortaya çıkan sorunları bağımsız olarak çözmesine izin verin.

Onlara yardım etmek veya ekrandaki belirli bir öğeye dikkat çekmek, test sonuçlarını mahvedecektir.

En çok tanımlamak için ciddi sorunlar kullanılabilirlik ile 5 kullanıcıyı teste dahil etmek yeterlidir. Bir sürü pahalı araştırma harcamak yerine, hataları hemen düzeltebilmeniz için birkaç küçük test yapmak ve her testten sonra tasarım değişiklikleri yapmak en iyisidir. Bu kademeli tasarım yöntemi, kaliteyi artırmak için en iyisidir. son ürün... Kullanıcılara ne kadar çok sürüm ve fikir geri getirirseniz o kadar iyi olur.
Kullanılabilirlik, bir projenin her aşamasında rol oynar. Arayüzün kalitesini her aşamada değerlendirmek, birden fazla hızlı ve ucuz test yapmanızı önermemin sadece bir nedeni. İşte böyle görünüyor:

Yeni bir tasarım geliştirmeye başlamadan önce, korunması veya güçlendirilmesi gereken iyi noktaları ve kullanıcılar için zorluklara neden olan kötü noktaları belirlemek için eski tasarımı test edin.

Bir intranet projesi üzerinde çalışmıyorsanız, ucuza veri elde etmek için rakiplerinizin tasarımlarını araştırın. olası seçenekler Sizinkiyle aynı işlevselliğe sahip arayüz.

Kullanıcıların iş yerlerinde arayüzle nasıl etkileşime girdiğini görmek için gerçek dünya testleri yapın.

Bir veya daha fazla tasarımın kağıt prototiplerini oluşturun ve bunları kullanıcılar üzerinde test edin. Belirli bir fikri uygulamak için ne kadar az zaman harcarsanız o kadar iyidir, çünkü yine de tasarımı test sonuçlarına göre değiştirmeniz gerekir.

veren fikirleri geliştirin En iyi skorlar birkaç testle. Kağıt üzerindeki kabataslak bir tasarımdan bilgisayardaki daha ayrıntılı ve ayrıntılı bir tasarıma yavaş yavaş geçin. Değişiklik yapmanın her adımında testler yapın.

Tasarımı genel kabul görmüş kullanılabilirlik yönergelerine göre kontrol edin.

Son sürüme karar verdikten ve uyguladıktan sonra tekrar test edin. Uygulama aşamasında, her zaman küçük hatalar vardır.

Tasarımınızı kullanıcılar üzerinde test etmeyi son ana kadar ertelemeyin. Bunu yaparsanız, çoğu kritik hatalar Test sırasında bulunanları düzeltmek artık mümkün olmayacak. Bu hataların çoğu yapısal nitelikte olacak ve bunları düzeltmek için yeniden yapılması gerekecek.

Kaliteye ulaşmanın tek yolu Kullanıcı arayüzü- Projenin geliştirilmesinin en başından itibaren test etmeye başlayın ve her aşamada testler yapmaya devam edin.

Webcom Performance'da sitenizin denetimini sipariş edin, personel size sitenin tüm parametrelerinin ayrıntılı bir analizini yapacak ve sitedeki hataları düzeltmek, yapıyı ve işlevselliğini geliştirmek için öneriler içeren ayrıntılı bir rapor sunacaktır.

14 Kasım 2011 07:02

Kullanılabilirlik ilkeleri: anlaşılır, kullanışlı, rahat. Kısaca ana hakkında

• Dijital Profesyoneller Merkezi Blogu

Günümüz dünyasında, kullanılabilirliğin temellerini anlamak bir zorunluluktur. Çoğu site ziyaretçisi, kaynak sahiplerinin onlardan yapmasını beklediği eylemleri gerçekleştirmez. İnsanlar mal sipariş etmez, kayıt olmaz, güncellemelere abone olmaz vb. Bu kullanıcı davranışının nedeni nedir?
Nedeni basit - kaynağın kullanıcı için uygun olmadığı ortaya çıkıyor. Örneğin, bir ürünü "sipariş etmek" için birkaç sayfadan geçmeniz gerekir ve kayıt düğmesini bulmak tamamen imkansızdır. Bu, kaynağı rekabetsiz hale getirir.
Siteyi kullanmaktan geri dönme sayısı nasıl azaltılır? Projenin kapsamlı bir yaklaşıma ihtiyacı varsa, stüdyoyla, uzmanlarla iletişime geçebilirsiniz. Kullanılabilirlik laboratuvarları sadece çeşitli test seçenekleri ve arayüz tasarımı sunmakla kalmaz. Ve bütçe sınırlıysa, kullanılabilirliğin temellerini kendi başınıza öğrenmeye çalışabilirsiniz.

Arayüzün kendini geliştirmesi için birkaç basit kuralı göz önünde bulundurmanız gerekir:

1. 7 kuralı.
   İnsan beyninin yeteneklerinin sınırsız olmadığı bilinmektedir. Bir kişi kısa süreli bellekte en fazla 5-9 varlık tutabilir. Bu nedenle, navigasyona 7'den fazla nokta yerleştirmemelisiniz.
   Bu açıdan bakıldığında, tutu.ru sitesi kesinlikle iyi değerlendirmeleri hak ediyor, çünkü ana işlevsellik site başlığına yerleştirildi, 4 menü öğesi ve bir açılır liste ile sınırlı.
   Rus Demiryolları web sitesi, bunun nasıl yapılmayacağının harika bir örneği olsa da. Gözlerimde parıldayan dağınık bilgi miktarından, sadece onu kapatmak ve bir daha asla içeri girmemek istiyorum.
2. 2 saniye kuralı.
   Kullanıcı bir programdan, siteden veya uygulamadan ne kadar az yanıt beklerse, bu ürünü kullanmaktan vazgeçme olasılığı o kadar artar. 2 saniye, programın yanıtı için en uygun zaman aralığıdır, uğraşmaya değer. Bu yüzden, mtv.ru'da olduğu gibi siteye yoğun bir flash intro koymadan önce yüzlerce kez düşünmeye değer.
3. 3 tıklama kuralı.
   Hiç kimse gerekli bilgi ve işlevselliği aramak için sayfalarda gezinmeyi sevmez. Ziyaretçi, ana sayfadan sitenin herhangi bir başka sayfasına en fazla 3 tıklama ile ulaşabilmelidir. Bu aynı zamanda sitenin arama robotları tarafından daha başarılı bir şekilde indekslenmesine de katkıda bulunur.
4. Uygun Kural
   Paul Fitts tarafından 1954 yılında yayınlanan İnsan Hareketi Modeli, hedefe olan mesafenin ve hedefin boyutunun bir fonksiyonu olarak bir hedef bölgeye hızlı hareket etmek için gereken süreyi tanımlar.
   Mecazi olarak, kural şu ​​şekilde açıklanabilir: Çakmağı işaret etmek kibritten daha kolaydır. Ancak bir uçurumu veya büyük bir hava gemisini işaret etmek de aynı derecede basittir. Bağlantı gibi bir arayüz nesnesi zaten yeterince büyükse, onu daha da büyütmenin bir anlamı yoktur.
5. Ters piramit
   Bu ilke, kullanılabilirlik gurusu Jakob Nielsen tarafından benimsenmiştir. Makale, nihai bir sonuçla başlamalı, ardından kilit noktalar gelmeli ve okuyucular için en az önemli bilgilerle bitmelidir. Bu, kullanıcının mümkün olduğunca çabuk bilgi almak istediği web için idealdir.

Ancak iyi tasarlanmış bir arayüz bile test etmeye değer. Odak grupları, “kendi başınıza” test etmenin en ekonomik yoludur.

Test dört aşamadan oluşur:

1. Odak gruplarının seçimi. Test kullanıcıları hedef kitlenizle eşleşmelidir. Büyükannenizden sürücü güncellemelerini bulmak için uygulamayı test etmesini istemeyin.
2. Test planı hazırlama- ürününüzün tasarlandığı görevlerin bir listesi. Bu, testçilerin izleyeceği listedir. Bir çevrimiçi mağaza yapıyorsanız, liste bir öğeyi arama, bir ürün hakkında bilgi edinme, bir ürün hakkında bilgi edinmeden siparişe giden yol ve bir öğeyi sepetten çıkarma gibi görevleri içermelidir.
3. Test uzmanları tarafından görevlerin yürütülmesi ve hataların düzeltilmesi. Her şey bir hata olarak kabul edilebilir: çok karmaşık captcha, sunucudan "sepete bir öğe eklendi" mesajının olmaması, sepetteki ürün sayısının değiştirilememesi veya bir işlemin iptal edilememesi vb.
4. Hataları belirleyip düzelttikten sonra test döngüsü tekrarlanmalıdır. Sonuçlar gerekli gereksinimleri karşılayana kadar döngü tekrarlanmalıdır.

Projenin her aşamasında bir arayüz kalite değerlendirmesi yapılmalıdır. Kullanılabilirlik testini son ana kadar ertelemeyin. Projenin son aşamasında olması nedeniyle ciddi hatalar düzeltilemez. Ve sonra - ya yeniden yapın ya da düşük bir kullanılabilirlik puanı alın.
Kural olarak, büyük hataları belirlemek için 5 testçi yeterlidir.

İlgili örnek

Son olarak, ünlü sanatçı Vlad Topalov'un sitesi örneğini kullanarak tipik hataları analiz edelim. Diyelim ki onun yönetimi ile bir performans düzenlemek istiyoruz ve sitedeki bağlantılarını bulmak istiyoruz. Ve arayışın başladığı yer burası!
Sitede gördüğümüz ilk şey, "gir" bağlantısı ve flash player'ı güncelleme önerisi olan siyah bir açılış ekranı.


"Giriş" düğmesi, sitenin ana sayfasına gitmek için bir çağrı gibi geliyor. Ancak ana sayfa yerine kendimizi "boş bir sayfa" üzerinde buluyoruz.


Burada göz kırmızı bir kurdele görüntüsünü yakalar ve biz de bunun bir bağlantı, hatta belki bir menü olduğunu düşünürüz elbette. Ama hayır - bu sadece şarkıcının sosyal konumunu belirtmeyi amaçlayan AIDS'e karşı mücadelenin bir sembolü ve başka bir şey değil. Ve sonra el sol üst köşeye uzanır. Ve bir menü değil, tam ekran modu düğmesi var. Karışıklık içinde birkaç saniye ve arama bitti, imrenilen menü ekranın ortasında, altta. Tıklayın ... ve OYUNCU'yu görün! Yine aldatıldık.


Klip oynatıcıda yayınlanırken menüyü aramaya devam ediyoruz. Şimdi en üstte, tam ortada. Açılır listede nihayet gıpta edilen "Kişiler" kelimesini görüyoruz. Ama burada da her şey o kadar basit değil. Bu kişiler kopyalanamaz. Manuel olarak yeniden yazmamız gerekecek!


Şimdi sayılar hakkında. Yanıt süresi bağlantı hızına bağlı olarak değişebilir, ancak her durumda 2 saniyeden fazla olacaktır. Ve yönetim iletişim sayfasına ulaşmak 7 tıklama aldı. Sadece bir tane alabilir.
Vlad Topalov, elbette, bu tür "yaratıcı" çözümleri karşılayabilir. Ancak bu tür kararların iş dünyası için felaket olduğu açıktır.