Özgür Web Yazılımlarında Kullanılabilirlik

1,341 views

Published on

Açık kaynak ve ücretsiz kullanılabilirlik araçlarını kullanarak web sitesi/yazılım tasarım süreçlerine dahil edilebilecek kullanılabilirlik test teknikleri anlatılıyor.

Published in: Design
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,341
On SlideShare
0
From Embeds
0
Number of Embeds
183
Actions
Shares
0
Downloads
31
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Özgür Web Yazılımlarında Kullanılabilirlik

  1. 1. Kullanıcı dostu arayüzler yaratın
  2. 2. Userspots Özgür Web Yazılımlarında Kullanılabilirlik
  3. 3. Medya Laboratuvarı
  4. 4. Projeler
  5. 5. Projeler
  6. 6. Neler Yapıyoruz?
  7. 7. Özgür Web Yazılımlarında Kullanılabilirlik • Nedir? Nasıl Yapılıyor? • Nasıl Yapabiliriz?
  8. 8. Kullanıcı Odaklı Tasarım Analiz Konsept Tasarım/Prototip/Test Tasarım/Test/İmplemantasyon Test/Geliştirme
  9. 9. Kullanıcı Odaklı Tasarım Easton (1999)
  10. 10. Kullanıcı Odaklı Tasarım http://www.paznow.com/ucd/
  11. 11. Kullanıcı Odaklı Tasarım
  12. 12. Kullanıcı Odaklı Tasarım
  13. 13. Kullanıcı Odaklı Tasarım
  14. 14. Tasarım Süreci
  15. 15. Kullanılabilirlik “Bir ürünün potansiyel kullanıcıları tarafından, belirli bir kullanım bağlamı içinde, amaçlanan kullanım hedeflerine ulaşmak için, ne derece etkin, verimli ve tatmin edici bir şekilde kullanılabilmesi”
  16. 16. Kullanılabilirlik
  17. 17. Kullanılabilirlik • Öğrenebilirlik • Etkililik • Hatırlanabilirlik • Hatalar • Memnuniyet
  18. 18. Kullanılabilirlik ‘Bir ürünü kullanmak ne kadar zor ise, o kadar çok kullanmam’ Krug (2009)
  19. 19. 10 Kullanılabilirlik Sloganı 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. 4. Kullanıcılar tasarımcı değildir. 5. Tasarımcılar/Geliştiriciler kullanıcı değildir.
  20. 20. 10 Kullanılabilirlik Sloganı 6. Genel Müdürler kullanıcı değildir. 7. Az çoktur. 8. Detaylar önemlidir. 9. Yardım genelde yardım etmez. 10. Kullanılabilirlik bir süreçtir.
  21. 21. Açık Kaynak ve Kullanılabilirlik Neden?
  22. 22. Kim Yapıyor? Siz kendi ürünüzün hedef kitlesinde değilsiniz.
  23. 23. Kime Yapıyor? 80 / 20
  24. 24. Açık Kaynak ve Kullanılabilirlik Nasıl?
  25. 25. Açık Kaynak ve Kullanılabilirlik Tasarım ekibinde kullanılabilirlik uzmanı
  26. 26. Firefox Apple Yaklaşımı Kullanıcıların neye ihtiyaçları olduğunu kestirmeye çalışmak için biz vizyon geliştirmek
  27. 27. Firefox Microsoft Yaklaşımı Kullanıcı araştırmalarına odaklanıp kullanıcıların ne istediklerini ve neye ihtiyaçlarının olduklarını araştırmak
  28. 28. Firefox Tasarım Döngüsü
  29. 29. Firefox Test Pilot Eklenti ile kullanıcılara anket ve deneyler
  30. 30. Firefox
  31. 31. Firefox
  32. 32. Firefox
  33. 33. Firefox Taslak
  34. 34. Açık Kaynak ve Kullanılabilirlik Üniversitelerden destek
  35. 35. Wordpress Wordpress 2.5 Kullanılabilirlik Testi Ball State Universitesi Media Design Merkezi Laboratuvarı http://wordpress.org/development/2008/10/usability-testing-report-25-and-crazyhorse/
  36. 36. Wordpress Wordpress 3.0 Kullanılabilirlik Testi 40 gönüllü ile 20’den fazla ülkede
  37. 37. Drupal Drupal 7 Kullanılabilirlik Testi Baltimore Üniversitesi 11 kullanıcı ile göz izleme testi http://www.drupalusability.org/
  38. 38. Drupal Drupali kurun İçerik oluşturun Navigasyon menüsüne link ekleyin İçerik türü oluşturun Roller ve izinler düzenleyin İçeriği kategorize edin HTML filtresine img etiketini ekleyin Arama bölümünü aktive edin
  39. 39. Açık Kaynak ve Kullanılabilirlik Şirketlerden destek
  40. 40. Wikipedia Bolt Peters ile İşbirliği http://usability.wikimedia.org/wiki/Main_Page
  41. 41. Açık Kaynak ve Kullanılabilirlik Uzmanlardan destek
  42. 42. OpenUsability Açık kaynak yazılımlar ile kullanılabilirlik profesyonelleri
  43. 43. Açık Kaynak ve Kullanılabilirlik Öğrencilerden destek
  44. 44. Season of Usability Summer of Code’un kullanılabilirlik versiyonu 2009 Amarok, Drupal, Gallery, GeneMaNIA, GNOME, Kadu, Korganizer,OLM, Semnotes, Ubuntu
  45. 45. Kullanılabilirlik Test Teknikleri • Kart Gruplama • Prototip • Online Kullanılabilirlik Testi • Gerilla Kullanılabilirlik Testi • A/B Testi
  46. 46. Kullanılabilirlik Test Teknikleri Kart Gruplama
  47. 47. Kart Gruplama Birbirine yakın işlevler ile arayüzün belirlenen navigasyon ve menü yapısı
  48. 48. Kart Gruplama
  49. 49. Kart Gruplama
  50. 50. Öncesi
  51. 51. Sonrası
  52. 52. Kart Gruplama Metodları • Açık/Kapalı • Takım/Bireysel • Yüz yüze/Yazılım/Online
  53. 53. Açık/Kapalı Açık Kullanıcılar grupları kendileri yaratıp, isimlendirir. Kapalı Gruplar kart gruplamayı hazırlayan kişiler tarafından oluşturulur, kullanıcıdan kartı ilgili kategoriye yerleştirmesi istenir.
  54. 54. Açık
  55. 55. Kapalı
  56. 56. Takım/Bireysel Takım Katılımcılar gruplamayı takım halinde yapar, gruplama hakkındaki tartışma kayıt edilerek kullanıcıların düşünce anlayışı ortaya çıkar. Bireysel Katılımcılar gruplamayı bireysel yapar, böylece daha fazla yanıt alınır.
  57. 57. Yüz yüze
  58. 58. Yazılım • CardSort (Windows) • Card Zort (Windows) • xSort (Mac)
  59. 59. xSort
  60. 60. Card Zort
  61. 61. xSort
  62. 62. CardZort
  63. 63. Online • WebCAT • Websort (1 Çalışma:79$, 5 Çalışma 299$) • Optimalsort (30 Gün 109$, 1 yıl 559$)
  64. 64. Online
  65. 65. Kullanılabilirlik Test Teknikleri Prototip
  66. 66. Prototip
  67. 67. Prototip
  68. 68. Prototip
  69. 69. Prototip
  70. 70. Prototip Araçları Prototip Yöntemi Yüzde Kağıt %77 Visio %59 Powerpoint %43 Dreamweaver %47 Axure %30
  71. 71. Prototip Çeşitleri Prototip Yöntemi Yüzde Kağıt %81 HTML %58 Axure, iRise ile otomatik %39
  72. 72. Prototip • Kağıt Kalem • Pencil – Firefox Eklentisi • Draw/Powerpoint/Keynote • Balsamiq (79$ - İnsanlık için ücretsiz)
  73. 73. ATM
  74. 74. Ipad
  75. 75. Pencil
  76. 76. Draw/Powerpoint
  77. 77. Balsamiq • Kullanımı kolay • Adobe AIR uygulaması • Ucuz • Hızlı • Ipad,Iphone, Android kütüphaneleri
  78. 78. Android Bileşenleri
  79. 79. Kullanılabilirlik Testi Online Kullanılabilirlik Testi
  80. 80. Online Kullanılabilirlik Testi İkon Testi
  81. 81. Kmail İkon Testi
  82. 82. Gimp Resmi kesmek için menüden hangi ikona tıklarsınız?
  83. 83. Online Kullanılabilirlik Testi Tıklama Analizi
  84. 84. Tıklama Analizi Videoları karışık oynatmak isterseniz nereye tıklarsınız?
  85. 85. VLC
  86. 86. Online Test Araçları • Infomaki (Açık Kaynak) • Openvulab (Açık Kaynak) • Remotespots (Userspots ile ücretsiz) • Optimalsort (Userspots ile ücretsiz) • Usabilla (Userspots ile ücretsiz)
  87. 87. Kullanılabilirlik Testi Teknikleri Gerilla Kullanılabilirlik Testi
  88. 88. Gerilla Test Nerede Herhangi bir yer/Toplantı Odası
  89. 89. Gerilla Test Ne Zaman Proje ilerledikçe ayda bir kez 3 saat
  90. 90. Gerilla Test Nasıl Teste katılacak 3 kişi bulunur.
  91. 91. Gerilla Test Katılımcı Sayısı?
  92. 92. Gerilla Test Nasıl Projenin gelindiği noktada projenin fonksiyonlarına uygun 3 görev çıkarılır.
  93. 93. Gerilla Test Nasıl Testin gerçekleştiği bilgisayarda ekran ve ses kaydı yapılır. CamStudio – Windows Screentoaster – Online
  94. 94. Gerilla Test Raporlama 1-2 Sayfalık rapor web sayfasında yayınanır.
  95. 95. Gerilla Test İstatistik? Herhangi bir istatistiğe gerek yok/ Uğraşmak için vakitte yok
  96. 96. Gerilla Test Amaç Proje başlarında karşıya çıkabilecek büyük çaplı kullanılabilirlik problemlerini keşfetmek.
  97. 97. Kullanılabilirlik Testi Teknikleri A/B Testi
  98. 98. A/B Testi A/B testleri ile bir sayfanın farklı versiyonlarının performansını ölçebiliyoruz. Versiyonlar aynı sayfanın farklı tasarımları olabileceği gibi, aynı tasarım içinde sayfa öğelerinin yerlerinin değişmesinden de oluşabilir.
  99. 99. Google Website Optimizer
  100. 100. Huffington Post Huffington Post haber başlıklarında hangi başlığın daha etkili olabileceğini test etmek amacıyla A/B testleri uyguluyor.
  101. 101. A/B A : Gül ‘Aşı olacak mısınız?’ sorusuna ne cevap verdi? B : Gül aşı olacak mı?
  102. 102. A/B 1000 kişiye A başlığı, 1000 kişiye B başlığı gösterilir. Hangi versiyonda kullanıcıların habere daha fazla tıkladığı ölçülür.
  103. 103. Google Google Arama Ürünleri ve Kullanıcı Deneyimi Başkanı Marissa Mayer: ‘Google link için seçtiği rengin tonunun tıklama oranına etkisini dahi araştırıyor’
  104. 104. Elinde yeterli veri var mı? Google’dan istifa eden Görsel Tasarım Başkanı Douglas Bowman: ‘Google mavi renginin 41 tonunun araştırmasını yapıyordu, kenarlığı 3px seçtiğimde 4px ve 5px ile test edip etmediğim soruluyordu.’
  105. 105. Youtube %15.7 dönüşüm oranı artışı
  106. 106. A/B Testi Örnekleri %51.6 %59.6
  107. 107. A/B Testi Örnekleri %2.1 %6.1
  108. 108. A/B Testi Örnekleri %9.7 %10.1
  109. 109. Userspots Teşekkürler...
  110. 110. Bizi Takip Edin www.userspots.com
  111. 111. İletişim mustafa@userspots.com .

×