WordPress Web Tasarım Projeleri için Kullanılabilirlik Testinin 6 Temeli

WordPress web siteniz Derek Zoolander olsa bile (gülünç derecede iyi görünüyor), tasarımlarınızın ziyaretçilerinizin deneyimini kullanılabilirlik açısından nasıl etkileyeceğini düşünmelisiniz. Sonuçta, hiç kimse amaçlanan işlevi göremiyorsa, bir WordPress web sitesinin ne kadar harika göründüğü önemli değildir.

Peki neyin işe yaradığını tam olarak nasıl anlayabilirsiniz? Deneyim denklemin bir parçasıdır, ancak sezgiye güvenmeye gerek yoktur – tasarımlarınızı temel almak için size kesin bilgiler sağlayan test araçlarına erişiminiz olduğunda değil. Elbette kullanılabilirlik testinden bahsediyoruz.

Kullanılabilirlik testinin neyi gerektirdiğinden tam olarak emin değilseniz, doğru yere geldiniz. İlk olarak, normal kullanıcı testlerinden nasıl farklı olduğundan bahsedelim, ardından temellerine ve genel test prosedürlerine nasıl uyduklarına geçelim.

Kullanıcı ve Kullanılabilirlik Testi Arasındaki Fark

Bu konuların her ikisi arasındaki çizgi, biraz örtüşme olduğu için genellikle bulanıklaşır – ancak gerçekte, her alan için test yapmak size tamamen farklı bir hikaye anlatacaktır.

Örneğin A/B testini ele alalım. Harekete geçirici mesaj düğmesinin çeşitli varyasyonlarını içeren ve bunları rastgele bir katılımcı örneklemesine gösteren bir test tasarlarsanız, hangi seçeneğin daha yüksek dönüşümlere yol açtığına ilişkin bir yanıt almalısınız (örnek boyutunuz yeterince büyük olduğu sürece). A/B testi, odak grupları gibi diğer benzer örneklerin yanı sıra kullanıcı testi kategorisine girer.

Kullanılabilirlik testi, diğer yandan, daha iyi görünen şeylerle, ilk etapta işlerin düzgün çalışıp çalışmadığıyla ilgili değildir. Önceki örneğimizi geliştirmek için, bu A/B testini yaptıktan sonra, kullanıcıların hangi varyasyonu tercih ettiğini bilirdik, ancak tasarımının etkileşim açısından kafa karıştırıcı olup olmadığı veya kullanıcıların anlayıp anlamadığı konusunda herhangi bir ek bilgi elde edemezdik. üzerine tıklamak onları nereye götürecektir. Bunların ikisi de kullanılabilirlik sorunlarıdır ve pek çok sorundan sadece ikisidir.

Bununla birlikte, iyi araştırılmış bir WordPress projesinin geliştirme süreci için hem kullanıcı hem de kullanılabilirlik testi çok önemlidir. Bu metodolojilerin her ikisine de gerekli zamanı ve kaynakları ayırabilirseniz, web sitenizi geliştirebileceğiniz zengin bilgilerle ödüllendirileceksiniz. Daha sonra, emrinizde çok sayıda kaynağa sahip olmasanız bile uygulaması basit olması gereken birkaç özel kullanılabilirlik testini ele alacağız, ancak önce kullanılabilirliğin temellerini gözden geçirelim.

Kullanılabilirlik Testinin 6 Temeli

1. Öğrenme Kolaylığı

Kullanıcılar bir web sitesinin giriş ve çıkışlarını hızlı bir şekilde öğrenebilmelidir. Yani, her düğme ne işe yarar? Kritik işlevlere erişmek için kaydolmanızı veya oturum açmanızı gerektiriyorsa, bu seçenekler kolayca bulunabilir mi?

Basit bir örnek kullanalım. Küçük, pitoresk bir han için zamanlama ve rezervasyon işlevlerine sahip bir WordPress sitesinin tasarımı üzerinde çalıştınız (resim gibi olması önemsizdir, ancak daldırma önemlidir!) ve hanın müşterilerini daha iyi takip edin.

Potansiyel bir kullanıcının daha sonra kayıt işlevini bulması, oturum açması, rezervasyon bölümünü bulması, istediği tarihi seçmesi, rezervasyon yapması ve potansiyel olarak doğrudan siteniz üzerinden ödeme yapması veya bir üçüncü taraf hizmeti kullanması gerekir. Öğrenme kolaylığı için test etmek, tasarımın müşterilerin sitemizle etkileşim biçimini nasıl etkilediği, her adımda ne yapmaları gerektiğini belirlemede zorluk yaşayıp yaşamadıkları ve başarılı olduklarında onlar için net olup olmadığı hakkında bize bilgi sağlayacaktır. süreci tamamladı.

WordPress projenizin işlevleri çoğaldıkça tüm bu faktörlerin test edilmesi daha zor hale gelir, ancak bir şey her ölçekte doğrudur – sitenizin dik bir öğrenme eğrisi varsa, kullanıcıları korkutabilirsiniz.

2. Sezgisel Navigasyon

Bu oldukça açıklayıcı. Bir ziyaretçi, web sitenizde başarılı bir şekilde gezinmek ve aradıkları bilgileri bulmak için bir haritaya ve pusulaya ihtiyaç duymamalıdır.

Örneğin, Zarif Temalar Blogunu alın. Oldukça yakışıklı şeytan, değil mi? Kendi reklamını yapmak bir yana, blog sezgisel bir gezinme düzenine iyi bir örnek teşkil ediyor. Sitenin tüm ana bölümleri, renklerin kontrastı sayesinde vurgulanan belirgin bir harekete geçirici mesaj ile düzgün şekilde etiketlenmiş, görünür bir üst çubukta mevcuttur.

Ayrıca, her gönderinin başlığı, boyutlarının yanı sıra Tam Gönderiyi Görüntüle düğmeleri nedeniyle vurgulanır, böylece tam olarak nereye tıklayacağınızı bilirsiniz. Sağ tarafta, daha derinlemesine aramalar için kategorileri net bir şekilde etiketledik, kendi işlevini açıkça belirten bir arama çubuğu ve tanınabilir etiketlere sahip basit sosyal medya simgeleri.

Burada tekerleği yeniden icat ettiğimizi iddia etmiyoruz, ancak blogda gezinirken kimsenin kaybolma ihtimalinin olmadığını söylemek oldukça adil ve bu, kullanılabilirlik açısından önemlidir. Bir ziyaretçi aradığını bulamazsa, muhtemelen hayal kırıklığına uğrar ve rekabete bakmak için Google'ın arama sonucu sayfasına geri döner.

3. Kullanım Verimliliği

Bu faktör, şimdiye kadar ele aldığımız diğer iki faktörle bağlantılıdır. Bir WordPress projesinin hem kullanımı hem de gezinmesi kolaysa, muhtemelen genel olarak oldukça verimlidir. Ancak, geçerli olan ek kriterler vardır.

Birinci maddede ortaya koyduğumuz pitoresk han örneğine dönecek olursak, kolay anlaşılır olmanın yanı sıra rezervasyon ve zamanlama sürecinin de verimli olup olmadığını belirlemek için test prosedürlerimizi yeniden düzenlememiz gerekir. . Peki bu ne anlama geliyor?

Tüm süreçte yer alan adımların sayısını en aza indirmek isteriz, bu da tasarlamak için daha az ekranınız olacağı ve kullanıcıların bunu başarıyla tamamlamak için daha az prosedürle uğraşması gerektiği anlamına gelir.

Bunun nasıl iyi sonuçlanacağına dair bir örnek olarak, yer kiralama alanındaki büyük köpeklerden birine bir göz atalım – Airbnb. Mevcut listeleri nerede aramak istediğinizi seçerek ve giriş ve çıkış tarihlerinizi seçerek rezervasyon prosedürünüzü doğrudan ana sayfadan başlatmanızı sağlar – hepsi tek bir çubukta.

Öte yandan, verimsiz bir web sitesi, tarihi onaylamak ve doğrulamak için yeni bir ekrana geçmeden önce hangi mülkü kiralamak istediğinizi sorarak varsayımsal olarak işe başlar. Sonunda ödeme prosedürüne geçmeden önce size ek bilgiler gösterecektir. Bir süreç çok uzun sürerse veya çok karmaşıksa, kullanıcılar hüsrana uğrayacak ve tamamen bırakabilir.

Bunu bilerek, kullanılabilirlikle ilgili uygun bir verimlilik testi, kullanıcıların sitenizin verimliliğinden mi yoksa bütünü oluşturan belirli süreçlerden mi memnun olduklarını belirlemelidir. Bu bilgiyi, Airbnb örneğinde gösterildiği gibi, kullanıcılara nereye gitmek istediklerini sormak ve ancak daha sonra ayrıntılara geçmek yerine, hemen işin peşini bırakıp " Nerede ve ne zaman olmak istiyorsun?” Bize sorarsanız, bu oldukça verimli.

4. Marka Algısı

Kullanılabilirlik ile ilgili olarak marka algısı iki şeye atıfta bulunur: Projenizin doğru bir şekilde markalı olup olmadığı, böylece kullanıcıların içeriğinizin kalitesi ile genel markanız arasında bir ilişki kurabilmeleri ve bununla ne tür duygular ilişkilendirdikleri.

Marka algısı için test mutlaka olumsuz derneklerle bir marka yeniden canlandırmak yardımcı olmaz, ancak düzgün ya da değil şeyler yapıyoruz olmadığını size söyleyecektir.

5. Dikkat Düzeyleri

Dikkat seviyelerini test ederken, tasarımlarınızın hangi bölümlerinin katılımcılarınızın dikkatini çektiğine ve ne kadar süreyle tuttuklarına odaklanacaksınız. Bu veriler, hangi belirli alanların daha fazla dikkat çektiğini ve bunun sitenizin en kritik işlevleriyle uyuşup uyuşmadığını belirleme konusunda yararlıdır.

Bu tür sonuçlar oldukça öznel olabilir. Örneğin, sitenizin belirli bir alanının diğerlerine kıyasla daha düşük performans gösterip göstermediğini belirlemek için göz izlemeyi kullanırsanız, yine de tam olarak neden iyi gitmediğini ve bunun beklentilerinizle uyuşup uyuşmadığını bulma görevi size kalır. . Bu, kullanılabilirlik ve kullanıcı testinin bir kombinasyonunu gerektirecektir, ancak bu geçiş başka bir zamanın konusudur.

6. Katılımcı Seçimi

Şimdiye kadar, test sürecinin altını çizen beş temel kullanılabilirlik hakkında konuştuk. Şimdi, hangi testleri yapmayı seçerseniz seçin, katılımcıları nasıl seçeceğiniz gibi tekniklere dönme zamanı (bu kısma birazdan geleceğiz).

Kullanılabilirlik testi için katılımcı seçimi söz konusu olduğunda, göz önünde bulundurmanız gereken sadece iki temel kriter vardır. Birincisi, temel kullanıcı gruplarınıza uyacak şekilde daraltılmış, örneğin yaş, gelir, cinsiyet ve ülke gibi temel demografik bilgilerdir. Orta yaşlı erkek muhasebeciler mi, yoksa beş kuruş için breakdance yapan yaşlı bayanlar mı olduğuna karar vermek size kalmış – WordPress sitenizde herhangi bir tür analitik çözümünüz varsa, bu oldukça kolay olacaktır.

İkinci kriter, testlerinize katılanların, kendi web sitenizle ortak işlevleri paylaşan diğer projelerle herhangi bir deneyime sahip olup olmadığıdır. Bu tam olarak ne anlama geliyor? Hâlâ o küçük han için site üzerinde çalışıyorsanız (burada Elegant Themes'teki örneklerimizi ikiye katlamayı seviyoruz), o zaman daha önce başka bir web sitesinde başarılı bir şekilde oda rezervasyonu yapmış birinin tamamlama olasılığı daha yüksektir. herhangi bir sorunla karşılaşmadan kendi rezervasyon süreciniz.

Bu nedenle, alanınız hakkında önceden çalışma bilgisi olan katılımcıların dahil edilmesi, testlerinizin sonuçlarını potansiyel olarak yukarı doğru çarpıtabilir ve sitenizin kullanılabilirlik kusuru göstermediği konusunda size yanlış bir izlenim bırakabilir. Mutlaka öyle olduğunu söylemiyoruz, ama kesinlikle emin olmayı tercih etmez miydiniz?

Bunu bilerek, ideal bir testçi grubunun, test ettiğiniz proje alanında o kadar deneyimli olmayan, temel demografik bilgilerinizden üyelerden oluşması mantıklıdır. Bununla birlikte, şimdiye kadar öğrendiklerimizi eyleme geçirmek için bazı basit kullanılabilirlik testlerine kısa bir genel bakışa geçelim.

5 Ortak Kullanılabilirlik Testi (ve Nasıl Yürütülür)

1. Marka Algı Testi

İşleri basit bir tane ile başlatalım. Bir marka algısı testi, adından da anlaşılacağı gibi, katılımcılarınızın markanızı nasıl algıladığı ve projenizin tasarımındaki çağrışımını doğru bir şekilde yansıtıp yansıtmadığı hakkında size bilgi vermelidir.

Bunu yapmanın bir yolu, katılımcılarınıza tasarımınızın maketlerini sağlamak ve onları tanımlamak için hangi sıfatları kullanacaklarını sormaktır. Bu, tasarımlarınızın kullanılabilirliğini geliştirmenize yardımcı olacak geniş bir geri bildirim yelpazesi sağlayacaktır.

2. Kapalı Kart Sıralama Testi

Bu test, sitenizde sezgisel olarak gezinilip gezilmediğini veya bir minotor tarafından korunması gerekip gerekmediğini ölçmek için tasarlanmıştır. Bunu başarmak için tek yapmanız gereken, katılımcılarınıza web sitenizin basit bir beyin haritası kullanılarak gösterilebilen gezinme yapısını sağlamak ve onlara belirli bir işlevi veya bilgiyi bulmak için hangi bölümlerde arayabileceklerini sormak.

Örneğin, bir katılımcıya iletişim bilgilerini nerede bulacağını soracak olursanız, arayacakları ilk şey bir iletişim bölümü veya alt bilgi olacaktır. Her ikisinde de bulunamazsa, ellerinizde bir navigasyon sorunu olabilir.

3. Beklenti Testi

Beklenti testi, WordPress sitenizle doğrudan etkileşimi de içermez. Yaptığı şey, kullanıcıların sitenizin belirli eylemlerinin nasıl yürütülmesini beklediğini ölçmektir.

Daha açık olmak gerekirse, kullanıcılara bir sitenin belirli bölümlerinin tıklandığında nasıl tepki vereceğini veya her bir kategori altında ne bulmayı beklediklerini sorabilirsiniz.

4. Göz İzleme Testi

Göz izleme testleri, kullanılabilirlik ilkelerinin ardındaki birçok önemli soruyu yanıtladığından, dikkat düzeylerini ölçmek söz konusu olduğunda harika bir araçtır. En çok ilgilerini çeken alanlar hangileri? Her bölüme ne kadar süre bakıyorlar? Baktıkları bölümler için bir sıralama var mı?

Şimdi, bu zor bir testtir, bu nedenle size benzer bir bilgi gövdesi sağlaması gereken ve WordPress'e kolayca uygulanabilen ısı haritalarına razı olmanız gerekebilir. Öte yandan, bunlardan birini yürütecek kaynaklara sahipseniz, size zengin bir bilgi sağlayabilirler.

5. Ücretsiz Keşif Testi

Hepimizin bir noktada deneyimlediğine şüphe yok ki, bazı harika içgörüler genellikle onları aramadığımız zaman gelir ve bu nedenle ücretsiz keşif testleri çok bilgilendirici olabilir. Ücretsiz bir keşif testi sırasında, katılımcılarınıza, sitenize yüksek sesle konuşurken sitenize göz atmaları ve özgürce etkileşimde bulunmaları için önceden belirlenmiş bir zaman aralığı verilmelidir.

Buradaki nokta, kullanıcıların normal bir oturum sırasında gerçekte nasıl davrandıklarına ve katı test kısıtlamaları olmadan tasarımlarınızın tek tek öğelerini nasıl algıladıklarına ilk elden bir bakış sağlamaktır.

Çözüm

Tasarımlarınızın kullanılabilirliğini nasıl en üst düzeye çıkaracağınızı bulmak, çoğu tasarımcının yol boyunca aldığı şeylerden biridir, ancak ne kadar deneyimli olursanız olun, bazen herhangi bir hipotezden kesinlikle emin olmanın tek yolu onu tamamen test etmektir. .

Kullanılabilirlik söz konusu olduğunda, WordPress projenizin çıtayı geçip geçmediğini belirlemek için test prosedürleriniz sırasında ölçmeniz gereken altı temel faktör vardır:

1. Öğrenme kolaylığı.
2. Sezgisel gezinme.
3. Kullanım verimliliği.
4. Marka Algısı.
5. Dikkat seviyeleri.
6. Katılımcı seçimi.

Kullanılabilirlik testleriniz için katılımcıları kişisel olarak nasıl seçersiniz? Abone olun ve işleminizi aşağıdaki yorumlar bölümünde bizimle paylaşın!

aurielaki / Shutterstock.com tarafından makale küçük resim. Dooder, Vector Goddess, LWY Partnership, Alexandr III, Sentavio, Oxy_gen, ProStockStudio / Shutterstock.com'dan görüntüler.