WEB USABILITY. Ruşen Yürek. Web Kullanılabilirliği ; İçerik Hakkında. Kullanıcı Merkezli Tasarım(UCD) FreeDownloadPowerPoint.

Transkript

1 Ruşen Yürek FreeDownloadPowerPoint.Com WEB USABILITY 2 İçerik Hakkında Web Kullanılabilirliği nedir? Kullanıcı Merkezli Tasarım Ve Önemi Jacob Nielsen Kullanılabilirlik Sloganları Web Sayfası Elemanları ve Kullanılabilirlik Kullanılabilirlik Testleri İstatistikler Ve Örnekler Referanslar Web Kullanılabilirliği ; Bir web sitesinin belli bir kullanıcı grubu tarafından belli amaçlara ulaşmak için ne derece etkin, verimli ve memnun edici şekilde kullanılabildiğini ölçen bir kavramdır. 3 4 Bir web sitesinin kullanılabilirliğini temelde beş kalite unsuru belirlemektedir: Öğrenilebilirlik : Kullanmayı öğrenmek ne kadar kolay? Hatırlanabilirlik : Nasıl kullanıldığını hatırlamak ne kadar kolay? Verimlilik : Kullanıcıyı ne kadar uğraştırıyor? Güvenilirlik : Doğru çalışıyor mu ve kullanıcının doğru kullanmasına yardımcı oluyor mu? Kullanıcı memnuniyeti : Kullanıcı web sitesini kullanmaktan ne kadar memnun kalıyor? Kullanıcı Merkezli Tasarım(UCD) Kullanılabilirlik genel olarak karmaşık ve kapsamlı bir kavram olmakla birlikte temelde "kullanıcı-odaklı"dır. Kullanıcı her zaman tasarımın odağındadır. müşteri her zaman haklidir sözünün tasarım alanına birebir aktarılmasıdır

2 UCD, etkin web sitelerin günümüz tercihidir. geleneksel modern Kullanıcı Merkezli Tasarımcının Öyküsü Arama >> Ne tür bir tasarımcı olduğunuzu söyleyebilir misin? << Tasarımlarım görsel olarak çarpıcıdır. Tasarımlarım son teknolojiyi i kullanır. >> Bu, tasarımcı olmanın bir parçası gibi Kullanıcı Merkezli Tasarımcı << Web sitelerini kullanan kişilere odaklanıyorum; görsel tasarıma ya da son teknolojiye değil. 7 8 Kullanıcı Merkezli Tasarımcının İlk Sırrı << Kullanıcı Merkezli Tasarımcı yaklaşımlarımızı, varsayımlarımız yerine araştırma sonuçlarına dayandırdı. Kullanıcılarımıza yönelik düzenli site ziyaretleri için bir program yaptı. >> Yani site ziyaretleriniz kimler için tasarladığınızı, kullanıcıların bu yazılımla ne yapacaklarını ve yazılımın nasıl bir çevrede kullanılacağını anlamanıza yardımcı oluyor. KULLANICILARA VE GÖREVLERİNE ERKEN VE SÜREKLİ OLARAK ODAKLANMAK 9 10 Kullanıcı Merkezli Tasarımcının İkinci Sırrı KULLANICI DAVRANIŞININ DENEYSEL ÖLÇÜMÜ << Tasarımların, insanların istedikleri yönde çalışıp çalışmadığından emin olmalısın. << Kullanıcı Merkezli Tasarımcı bir kullanılabilirlik testi yaptı. Müşterilerimiz ürünü kullanırlarken biz de gözlemledik. Problemlerin nerede ortaya çıktığının farkına vardık, >> Çünkü insanların hoşuna gitmemişse, bir tasarımın etkin ve verimli olması pek anlam ifade etmiyor

3 Kullanıcı Merkezli Tasarımcının Üçüncü Sırrı << Kullanıcı Merkezli Tasarımcı bizi, tasarımlarımızı çabuk bir şekilde test etmemize olanak sağlayan bir teknikle tanıştırdı. Bu tekniğin adı kağıt prototip. << Yeniden yeniden test ediyoruz. Doğru ğ tasarıma sahip olmadan doğru tasarımı yapamazsın. << Sonra elektronik prototiplere taşıyoruz, bunlar simülasyon olmasına rağmen gerçekçi görünüyorlar. Bu web sayfalarının görsel tasarımında düzenleme yapmamıza olanak sağlıyor. >> Ve doğru tasarımı elde etmek için elektronik prototipleri kullanıyorsunuz. 13 TEKRARLAYAN TASARIM 14 Jacob Nielsen den kullanılabilirlik sloganları 1. En iyi tahmininiz yeterince iyi değil. 2.Kullanıcılar her zaman haklıdır. 3.Kullanıcılar her zaman haklı değildir. Nielsen (2000), web kullanıcıları için milyonlarca seçenek olduğunu ve bir web sitesinin kullanılabilir olmaması, nasıl kullanılacağının kolay bir şekilde anlaşılamaması ve teknik bir hatayla karşılaşılması durumunda kullanıcının o web sitesini terk edip başka bir web sitesine yöneleceğini vurgulamaktadır. 4.Kullanıcılar tasarımcı değildir. 5.Tasarımcılar kullanıcı değildir Genel Müdürler kullanıcı değildir. 7. Yardım genelde yardım etmez. 8. Detaylar önemlidir. 9. Az çoktur. 10. Kullanılabilirlik bir süreçtir. Web Elemanları ve Kullanılabilirlik Renk Tipografi ve Metinler Dolaşım ş Elemanları Resimler Arka Planlar Animasyonlar 17 İkonlar 18 3

4 Renk : Fikirler,objeler ve bilgiler arasındaki ilişkiyi gösterir.sayfalarda çok fazla renk kullanımından kaçınılmalıdır. Tipografi ve Metinler: Web sayfalarındaki metinlerde tercih edilen yazı tipleri,büyüklükleri,renkleri ve satır aralıkları,okunabilirlik ve kullanıcıdaki uygunluk algısı üzerinde etkilidir. Dolaşım Elemanları :Kullanıcının Web üzerinde; >>Nereden geldiği >>Nerede olduğu >>Nereye gideceği sorularına cevap bulan elemanlardır

5 Hangisi daha çok tercih edilir? Hangisi daha çok tercih edilir? 14% 86% Kullanılabilirlik Testleri Kullanılabilirlik, etkin kullanım sağlar. Göz İzleme Tekniği Labaratuvar Testleri Saha Testleri Emulatörler Kullanılabilirlik Testleri Saha Testleri: Bu faz kullanıcıyı da kapsayan bir dış testtir. Saha testi genelde sistem testinden sonra yapılır. Emulatörler: Genel olarak kurulum dosyası ile beraber gelen emülatörler içinde sistemin ihtiyaç duyacağı programlar beraber yüklenmektedir. 29 Labaratuvar Testleri: Lab kullanılabilirlik testleri kullanıcının görevleri tamamlayabilme yeteneğini i ölçer. Laboratuvar testleri genellikle bir Kullanıcı Merkezli Tasarım / HCI uzmanı ve uzmanın yanında not tutan bir görevli tarafından yürütülmektedir. 30 5

6 Göz İzleme Tekniği: Kullanıcıların ne gördüğünü görebilirsiniz. Tasarım kararları almanız kolaylaşır. Kullanıcı deneyiminin temel öğelerini test edebilirsiniz. Metinlerin etkinliğini görebilirsiniz. Proje takımını motive etmek için oldukça iyi bir yöntem. 31 İSTATİSTİKLER Facebook un, sadece 2 gün içerisinde yapmayı başardığı bu inanılmaz şey sizi de şaşırtacak Hyper Text Markup Language Facebook, yeni yıla girdiğimiz hafta sonunda 750 milyon fotoğrafın ğ f paylaşıldığını bildirdi. Facebook üzerinde kullanabileceğiniz klavye kısayolları olduğunu biliyor musunuz?. Facebook için klavye kısayolları aşağıdaki gibidir. Alt+1: Facebook anasayfa Alt+2: Facebook profil sayfası Alt+3: Arkadaşlık istekleri Alt+4: Mesajlar Alt+5: Bildirimler Alt+6: Hesap sayfası Alt+7: Gizlilik ayarları Alt+8: Facebook sayfası Alt+9: Facebook kullanım şartları Alt+0: Facebook yardım sayfası

7 REFERANSLAR 3.Slayt(resim) usability/ 4.Slayt (resim) tasarlarkenkullanilabilirligi unutmayin bolum 1/ 5.Slayt(resim) anlayisimiz.html 4.,5.Slayt(metin) web sitelerinde kullanilabilirlik 6.Slayt(resim, metin) centereddesign nedir.html 7.Slayt importance of usability forcustomer facing websites presentation/download 10.Slayt(resim) profili 12.Slayt(resim) kullanilabilirlik testleri/, Slayt(resim) odakli tasarim metodlari/ 8,9,11,13.Slayt(metin) tasarmcnn oykusu.html, Slayt(resim) Slayt(metin) 16., 17. Slayt(metin) nielsen%e2%80%99den 10 kullanilabilirlik slogani 16,17.Slayt (resim) gunseli-o-ocakoglu/, hakareti-sikayet-etti.htm, ,19.Slayt(metin,resim) ,21,22,23,24.Slayt(resim) ,26,27. Slayt importance ofusability for customer facing websites presentation/download 29. Slayt(metin) Nedir Nas%C4%B1l %C3%87al%C4%B1%C5%9F%C4%B1r indir konusu 30. Slayt (metin) usability testing what why howmuch/ 31. Slayt(metin,resim) izlemenin kullanicideneyimine katkisi/ 33,34.Slayt criteria/ p// p /p / / / 35,36. Slayt dan yeni bir rekor daha icin klavye kisayollari 39 7