30 Temel UX Araçları
Geliştiriciler web siteleri oluşturduğunda, genellikle düzen ve teknik özelliklere odaklanırlar, ancak kullanıcının siteyi nasıl deneyimlediğine dair çok önemli bir özelliği göz ardı ederler. Eğer kullanıcılar hedeflerini nasıl gerçekleştireceklerini bulmakta zorlanıyorlarsa, başka bir yere bakacak ve geri dönmeyeceklerdir. Öte yandan hoş bir kullanıcı deneyimi, bir siteyi rekabetten ayıran olumlu ve kalıcı bir izlenim yaratabilir.
Bu nedenle, kullanıcıların web sitenizi ziyaret ettiklerinde neler yaşadıklarını dikkatlice incelemek çok önemlidir. Kendinize sormanız gerekir: Bu sayfa kullanıcının beklediği bilgileri sağlıyor mu? Birçok şeyde olduğu gibi, en küçük detaylar kullanıcının deneyimindeki en büyük farkı yaratabilir.
Bu yazıda, daha iyi kullanılabilirlikle web siteleri oluşturmak için 30 mükemmel araç ve hizmet sunacağız.
Akıl haritaları, akış şemaları ve site haritaları
Kullanılabilir bir web sitesinin temeli iyi bir plandır. Projenizin nereye gittiği hakkında temel bir fikriniz yoksa, doğru yere gelmeniz olası değildir. Akıl haritaları, akış şemaları ve site haritaları, ihtiyacınız olan şemaları oluşturmak için etkili araçlardır. Akıl haritaları fikir üretmek ve düzenlemek için harikadır, akış çizelgeleri ise bir süreçteki adımları görselleştirmeye ve planlamaya yardımcı olur. Site haritaları bir web sitesinin gezinme yapısını tanımlamak için kullanılabilir. Bu görevlerde size yardımcı olabilecek bazı uygulamalar şunlardır:
XMind (ücretsiz)
XMind Windows, Mac OS X ve Linux için açık kaynaklı bir zihin haritalama programıdır.
ConceptDraw Ofisi (199 $ 'dan başlayan)
Güçlü bir diyagram aracı ConceptDraw Ofisi Windows ve Mac'te akış şemaları ve zihin haritaları için destek sağlar.
OmniGraffle (69.99 $)
Mac OS X ve iPad kullanıcıları seçebilir OmniGraffle Akış şemaları, organizasyon şemaları ve diğer birçok diyagramı oluşturmak.
Gliffy (ücretsiz)
Gliffy akış çizelgeleri ve site haritaları için destek sağlayan web tabanlı bir diyagram uygulamasıdır.
Tel kafesler ve prototipler
Gerçek kodlama başlamadan önce, bazı prototipleme yapmak genellikle mantıklıdır. Prototipler, farklı fikirlerle oynamanıza ve kodlama ve tasarımda fazla zaman harcamadan olası sorunları ortaya çıkarmanıza izin verir. Düşük sadakatli tel kafeslerle gri tonlamada başlayabilir ve daha sonra görsel örnekler ve yüksek kaliteli fonksiyonel prototipler oluşturabilirsiniz.
PowerMockup ($ 59.99)
kullanım PowerMockup PowerPoint ile wireframes oluşturmak için.
Kalem (ücretsiz)
Birkaç platformda mevcut, bu açık kaynaklı yazılım GUI prototipini sağlar.
Moguplar (9 $ / ay)
Moqups çevrimiçi bir wireframing ve mockup araçtır.
Justinmind Prototyper (19 $ / ay)
Bu başvuru Wireframing web ve mobil uygulamalar için Windows ve Mac OS X'te çalışır.
FileSquare (ücretsiz)
FileSquare yüklenen mockup resimleri birbirine bağlayarak tıklama prototipleri oluşturmak için web tabanlı bir araçtır.
El Sanatları (19 $ / ay)
el emeği göz nuru işbirlikçi bir HTML / CSS / JavaScript prototipleme aracıdır.
Kullanıcı testi ve geribildirim
Gösterilecek somut bir şeyiniz olduğunda, gerçek kullanıcıların önüne çıkarmalı, geribildirim almalı ve üzerinde hareket etmelisiniz. Aşağıda listelenen uygulamalar ve hizmetler, kullanılabilirlik testleri gerçekleştirmenize ve kullanıcı geri bildirimlerini düzenlemenize yardımcı olur.
IntuitionHQ (ücretsiz)
Bu uzaktan kullanılabilirlik testi servisi tasarımlarınızda çeşitli kullanıcı testleri yapmanıza ve anında geri bildirim almanıza olanak tanır.
Doğrulayın (19 $ / ay)
Bu online başvuru Ekranlarda ve örneklerdeki kullanıcı geri bildirimlerini toplar ve analiz eder.
Polldaddy (ücretsiz)
Polldaddy anketler ve anketler oluşturmak ve yayınlamak için bir web uygulamasıdır.
Konsept Geri Bildirimi (ücretsiz)
Ziyaret etmek bu çevrimiçi topluluk tasarımlar hakkında geribildirim alışverişi yapmak.
Fivesecondtest (ücretsiz)
Bu servis Kullanıcıların, yalnızca beş saniyeliğine gördükten sonra bir web sitesinin öğelerini geri çağırmasını isteyerek geri bildirim toplar.
PickFu (20 $ 'dan başlayan)
Bu kitle kaynak hizmeti Basit A / B anketleri ile hızlı geri bildirim sağlar.
UserTesting (49 $ 'dan başlayan)
UserTesting Web sitenize göz atan kişilerin "omuzlarına bakma" sağlar.
UsabilityTools (39 $ / ay)
Bu araç koleksiyonu anketler, kart sıralama ve geri bildirim formları dahil olmak üzere kullanıcı araştırması sunar.
Morae (yaklaşık 402 $)
Bu masaüstü yazılımı kullanıcı etkileşimlerini (klavye / fare girişi, göz izleme, ses vb.) kaydeder ve sonuçları analiz eder.
BugHerd (29 $ / ay)
BugHerd web geliştirme projeleri için özel olarak tasarlanmış bir çevrimiçi hata izleyicisidir.
A / B split testleri
A / B testi basittir: Bir sayfanın iki varyasyonu (A ve B) oluşturuyorsunuz ve daha iyi bir kullanıcı deneyimini yansıtan satın alma, bültene kaydolma veya diğer faktörler açısından hangisinin daha iyi sonuçlar ürettiğini belirliyorsunuz. . Bu iki servis size yardımcı olabilir:
Optimum (17 $ / ay)
Bu A / B bölünmüş test aracı Web sitenizdeki dönüşümleri artırmanın en etkili yolunu bulmanıza yardımcı olabilir.
Görsel Web Sitesi Optimize Edici (ücretsiz)
Optimizely gibi, Görsel Web Sitesi Optimize Edici A / B testi, çok değişkenli test, davranış hedefleme ve daha fazlası için destek sağlar.
analitik
Web analizi, kullanıcıların web sitenizi nasıl kullandıklarına dair değerli bilgiler sağlar. Ziyaretçilerin genellikle web sitesi aracılığıyla nasıl gezindiklerini, her sayfada ne kadar kaldıklarını, siteden ayrıldıklarında ve daha fazlasını anlatabilirler. Bu bilgi, kullanılabilirlik sorunlarını ve nedenlerini tanımlamak için son derece yararlı olabilir.
Çılgın Yumurta (9 $ / ay)
Bu web analizi hizmeti Isı haritalarıyla, kaydırma haritalarıyla ve konfeti raporlarıyla kullanıcı davranışını görselleştirir.
Inspectlet (ücretsiz)
Başka bir web analizi aracı, Inspectlet Isı haritaları, gerçek zamanlı analizler ve ziyaretçi davranışının ekran kayıtlarını sağlar.
Mixpanel (ücretsiz)
Mixpanel mobil ve web uygulamalarındaki özel etkinlikleri izlemek için bir analiz platformudur.
Doğrulama, bağlantı kontrolleri ve hız testleri
Olumlu bir kullanıcı deneyimi için, bir web sitesinin teknik yönünün amaçlandığı şekilde çalışması önemlidir. Hiçbir şey, varolmayan sayfalara, web sitelerinin yüklenmesine sonsuza kadar süren web sitelerine veya HTML ve JavaScript hataları nedeniyle bozuk sayfalara işaret eden bağlantılardan daha sinir bozucu değildir.
W3C İşaretleme Doğrulama Hizmeti (ücretsiz)
Bu çevrimiçi hizmet Bir web sayfasının kodunun geçerli (X) HTML olup olmadığını kontrol eder.
Dr. Bağlantı Kontrolü (ücretsiz)
Bu web uygulaması bir siteyi kırık ve kara listeye alınmış bağlantılar için kontrol eder.
Pingdom Tam Sayfa Testi (ücretsiz)
kullanım bu araç Web sayfanızın yüklenmesinin ne kadar sürdüğünü test etmek ve analiz etmek.
Google PageSpeed (ücretsiz)
Bu Google hizmeti Bir web sayfasını analiz eder ve yükleme süresinin nasıl iyileştirileceğine dair önerilerde bulunur.
CrossBrowserTesting (29,95 $ / ay)
Bu servis Farklı işletim sistemlerinde farklı tarayıcılarda bir web sitesini test etmek için sanal makineler sağlar.
Bu araçlardan herhangi birini kullanıyor musunuz? Güven ettiğin herhangi bir şeyi kaçırdık mı? Yorumlarda bize bildirin.