Kullanıcı Deneyimini UX Tasarımına Dönüştürme
Kullanılabilirlik testi karmaşık olmak zorunda değildir. Çözümlerini uzaktan test etmek isteyen bir tasarım ekibi için onlarca seçenek var. Bunu kanıtlamak için yeniden tasarladık Havlama uzaktan kullanılabilirlik testlerinin yardımıyla.
Uzaktan kullanılabilirlik testleri gerçekleştirdik çünkü hızlı ve uygun fiyatlılar. Bütün bu testler kontrolsüzdü, yani kullanıcılar onları kendi evlerinin konforunda kullanıyorlardı. Bu bize daha az kontrol sağlarken, daha doğal sonuçlar sağlar. Tepkiler kaydedildiği için, onları yüksek sesle düşünmeye teşvik ettik.
Tek bir sihir yaklaşımı olmadığını anlamak çok önemlidir. Kullanılabilirlik laboratuvar çalışmalarından basit e-posta anketlerine kadar çok çeşitli taktikler vardır ve bunların hepsinin zaman ve yeri vardır. Uzaktan kullanılabilirlik testi ile gittik çünkü hız, doğruluk ve maliyet arasında iyi bir denge kuruyor.
Bu yazıda kalitatif araştırmanın neden önemli olduğunu açıklayacak, içgörüyü açıklayacak ve yeni tasarıma nasıl yerleştirildiklerini göstereceğiz.
Nitel analize nasıl yaklaşılır?
Kalitatif analiz söz konusu olduğunda, kullanıcılardan sadece deneyimleri hakkında konuşmalarını istemezsiniz.
Jakob Nielsen, Nielsen Norman Group’un ortağı olarak, işaret , sadece kullanıcıların ne söylediğini dinlememelisin. Yanlış yaklaşım birkaç tasarım yaratıyor ve kullanıcılara en çok hangisini sevdiklerini soruyordu - kullanıcılar tasarımı denemediler, böylece sadece yüzeyde gördükleri şeyleri yorumlayabilirler.
Doğru yaklaşım, kullanıcıların neler yaptığını izliyor ve onlara asgari düzeyde sorular soruyor. Tek Kolaylık Sorusu “Bu ne kadar kolay, ya da zor, görev miydi?” Bu, önyargıyı azaltmaya ve UX analizinin alt çizgisine ulaşmaya yardımcı oluyor: kullanıcılar görevlerini nasıl yerine getirdiler ve ne kadar kolay ya da zor muydu? Ekran kaydımız da sesi yakaladı (insanları yüksek sesle düşünmeye teşvik ettiğimizden), aksi halde belirli davranışların neden oluştuğunu kaçırmanız çok kolay.
Kullanıcı videolarını nasıl analiz ettik?
Yelp web sitesi ile kullanıcı etkileşimlerinin videolarında farklı modeller ortaya çıktı. Şaşırtıcı olmayan bir şekilde, arama çubuğunun en önemli ve kolay kullanımlı olduğunu öğrendik. Tabii ki bu mantıklı. Çünkü Yelp esasen eklenmiş sosyal özelliklere sahip bir iş arama motoru. Ancak, diğer özellikler aşağıda göreceğiniz gibi sezgisel değil.
1. Ders: Arama çubuğu tercih edilen başlangıç noktasıydı
Her beş test katılımcısı, arama çubuğuna büyük ölçüde dayanıyordu, hatta bu kategoriler arasında gezinerek kolayca tamamlanabilecek görevler için bile (herhangi bir özel kriter verilmeden güzel bir restoran veya bar bulmak gibi). Aslında, beş katılımcıdan dördü bir restoran bulmak için doğrudan arama çubuğuna gitti. Sadece bir kullanıcı kategorilere göz atmaya başladı ve hızlı bir şekilde onları "ezici" buldu ve bunun yerine arama çubuğuna geri döndü.
Test talimatlarımızda, kullanıcıların bir restoranı “aramak” için değil, “bir restoran” bulmasını istedik. Çünkü bu görevi doğal olarak bu görevi belirli bir işleve doğru yönlendirmeden nasıl gerçekleştireceklerini gözlemlemek istedik.
İlginç bir şekilde, kullanıcılara belirli parametreler verildiğinde (bütçe, ambiyans ve restoran türü ya da bireysel bir işletmenin adı gibi), arama çubuğunun dışında ana sayfadaki neredeyse her şey göz ardı edilmiştir. Yeniden tasarlamamızda, arama çubuğunun görsel olarak en göze çarpan özellik olduğundan emin olduk.
2. Ders: Etkinlikler çok fark edilmez
Bir görevde, bu hafta sonu kendi alanında ilginç bir etkinlik bulmak için Yelp hesabı olmayan iki kullanıcıya sorduk. Sayfanın üst kısmındaki etkinlikler sekmesini kullanıp kullanmayacaklarını öğrenmek istedik.
Şaşırtıcı bir şekilde, hiç kimse olaylar sekmesini kullanmamış. Bu haftasonu bölgelerinde ilginç bir etkinlik bulması istendiğinde, bir test katılımcısı arama çubuğunu kullanırken diğeri de Yelp'den en iyi şekilde sanat ve eğlence kategorisinde geziniyordu .
Bekletme etkinlikleri Yelp'nin işinin önemli bir parçası olduğu için, yeniden tasarlamamız etkinlikler bölümünü kenar çubuğundan çekip ana kaydırmanın bir parçası haline getirecektir.
3. Ders: Yer imi kafa karıştırıcıydı ve kimse listelerini kullanmadı
Kullanıcıların daha sonra başvurmak üzere konumları nasıl kaydedeceğini seçtiklerini merak ettik. Yelp’de, bunu yapmanın iki yolu vardır: Mevcut hesaplara sahip kullanıcılar bir yer işaretleyebilir veya bir liste oluşturabilir. Grup 1'den (Yelp hesabı olan üç kullanıcı) daha sonra bakmak istediğimiz birtakım konumları “kaydetmemiz” istedik, böylece ifadelerimiz eylemlerini önleyebilecek herhangi bir özellikten bahsetmeyecekti.
Bu göreve verilen üç kullanıcıdan:
- Biri yer işaretlerini kullanarak işletmeleri kurtardı, ancak işlemin uzun sürdüğünü iddia etti
- Biri yer işaretlerini kullanarak işletmeleri kurtarmaya başladı, ancak çok uzun sürdüğü için pes etti
- Biri işletmeleri nasıl kurtaracağını ve görevden nasıl vazgeçtiğini anlayamadı
Yer işaretlerini kullanan iki kullanıcı her ikisi de dikkat çekti Her işletme sayfasına ayrı ayrı gitmek zorunda kalmak yerine, bir işletme için arama sonuçları sayfasından yer ayırt edebilmenin iyi olacağını söyleyebilirim.
Kullanıcıların daha sonraya geri dönmeleri için daha kolay ve daha sezgisel bir kaydetme yöntemine sahip olmalarına izin vermek hoş olurdu, bu nedenle yeniden tasarlamada tek tıklamayla kaydetme özelliğini ekledik. Bu yeni özellik, bir işletmeyi sonuç sayfasından daha derine dalmadan kaydetmenizi sağlar.
Ders 4: Belirli bir mekanı aramak hızlı ve kolaydır
Her beş kullanıcıya belirli bir işletmeyi bulmak ve belirli bir zamanda açık olup olmadığını öğrenmek için bir görev verildi. Hepsi bu görevi başarıyla tamamladı ve görevi 'çok kolay' olarak değerlendirdi. Daha önce de belirtildiği gibi, beşi de bu görevi gerçekleştirmek için arama çubuğunu kullandı.
Belirli bir işletmeyi aramak çok iyi çalıştığından, işlevsellikte herhangi bir değişikliğe ihtiyaç duymadığına karar verdik.
Ders 5: Ortamın belirlenmesi için fotoğraflar en iyi seçimdir.
Belirli bir ambiyansa sahip bir restoran bulmamız istendiğinde, beş kullanıcının hiçbiri arama çubuğunu kullanmaya teşebbüs etmedi. Yerine üç kullanıcılar fotoğraflara baktı Restoranın restoranından biri, restoranın web sitesini ziyaret etti ve son fiyatın ($, $$, $$$, $$$$) restoranın doğru bir ambiyansa sahip olduğunu belirtmek için yeterli olduğunu belirtti.
Bu iki anlayış getirdi:
- Fotoğraflar Yelp deneyiminin önemli bir parçasıdır ve kullanıcıların bir iş seçmeleri için kritik öneme sahiptir.
- Arayüzün karmaşasını önlemek için, çözüm, arama sonuçları sayfasına gittiğinizde fotoğrafları genişletmek kadar basit olabilir.
Ders 6: Kullanıcılar filtrelere dayanıyor, ancak yenilenmeleri gerekiyor.
Her beş kullanıcıdan 15 kişilik bir grup için bir restoran bulmaları istendi, beş katılımcıdan üçü grup filtrelerini iyi kullandı, biri ise rezervasyon özelliği kullandı ve grubu yerleştirebilecek bir restoran bulana kadar aşağı kaydırıldı.
Başka bir noktada, bir kullanıcı teşebbüs sonuçlarını filtrelemek için iki kategori seçmek, ancak diğerini tıkladığında tercihlerinden biri ortadan kayboldu.
Filtreler önemli olmakla birlikte, bunların büyük ölçüde geliştirilebileceğini öğrendik. Daha derine inmek için kart sıralaması Hangi kullanıcıların gerçekten faydalı olduğunu belirlemek için Yelp filtre seçeneklerinin hepsinde.
Yeniden tasarlama için, filtre kategorilerini, kullanıcılara nasıl öncelik verdiğine dayalı olarak, dörtlü gruplar halinde kategorilere ayırmaya karar verdik. Örneğin, “Şimdi Aç” ve “Kredi Kartlarını Kabul Et” öğesinin en önemli filtrelerden biri olduğunu öğrendik, ancak bunlara erişmek için birkaç tıklama alabilir.
7. Ders: Fiyat kategorileri net değildi
Kullanıcılar belirli parametreleri olan restoran için arama yaparken, gereksinimlerden biri 20 $ / kişi bütçesi içinde bir restoran bulmak oldu. Beş kullanıcının ikisi, 20 dolarlık restoran bütçesinin $, $$ veya $$$ kategorisine girip girmeyeceği konusunda kafa karışıktı. Bir kullanıcı, sembollerin ne anlama geldiğini bilmediğini ve bir diğerinin yanlış kategoriyi tıkladığını belirtti. Diğer üç, $$ kategorisini doğru bir şekilde seçti.
Kullanıcılar filtreleri seçtiğinde sembollerin tanımı görüntülenmez; Sadece kullanıcı belirli bir restoranın sayfasına gittiğinde görüntülenir. Fiyat beklentileri oldukça sübjektif olduğundan, kullanıcıların hangi kategoriyi seçmeleri gerektiği açık değildi.
Yeniden tasarlamada, tam değerleri sembollerin yanındaki parantez içine yerleştirerek çözdük. Bu özellikle, kategoriler arasında geçiş yaparken yardımcı olur, çünkü eğer bir mekanik veya burger eklem seçiyorsanız, $$ farklı bir anlama sahiptir.
Kullanılabilirlik anlayışları tarafından yönlendirilen tasarım
Tasarım zamanı geldiğinde, son birkaç adımı temel alan bir yaklaşım izledik. Google Ventures tasarımı süreci. UXPin CEO'su Marcin Treder, bir takım kararının en üstteki 2-3 eskizlere itilmeden önce birçok resmi olmayan eskiz ile başladı. Komitenin tasarımını önlemek için Marcin, hangi eskizlerin tel örgü ve prototip haline geleceğine dair son sözü söylemişti.
Tasarım değişikliklerinin çoğunu birleştirmek için bir tel çerçeve oluşturduk, sonra onu düşük kaliteli bir prototipe dönüştürmek için bazı etkileşimler ve animasyonlar ekledik. Animasyonlar düzeldikten sonra, yüksek kaliteli bir prototip için detay ekledik.
Düşük sadakat prototipleri
Yüksek sadakat prototipleri
Kullanılabilirliğin tüm boyutlarını belirleme
Kullanıcıların söyledikleri ve kullanıcıların ne yaptıkları, kullanıcı testi sırasında kontroller ve dengeler olarak sunulmalıdır. Test sırasında mutlaka bulunmanız gerekmese de, görsel-işitsel bir kayıt zorunludur, aksi takdirde eylemlerin bağlamını gözden kaçırmış olabilirsiniz. Kalitatif analizi kantitatif analizle birleştirdiğinizde, bir sorunun neden ve nasıl düzeltileceği ve tasarımınızın çözmesi gereken kaç kullanılabilirlik problemi hakkında daha net bir fikre sahip olacaksınız.