1. Kullanıcı dostu arayüzler yaratın

2. Özgür Yazılım ve Kullanılabilirlik
Nedir? Nasıl Yapılıyor?
Kullanılabilirlik
Özgür Yazılım ve Kullanılabirlik
Neler Yapabiliriz?
Tasarım Süreci
Kullanılabilirlik Testi
Sezgisel Analiz

3. 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”

4. Kullanılabilirlik

5. Kullanılabilirlik
• Öğrenebilirlik
• Etkililik
• Hatırlanabilirlik
• Hatalar
• Memnuniyet

6. 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.

7. 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.

8. Açık Kaynak ve Kullanılabilirlik
Neden?

9. Kim Yapıyor?
Siz kendi ürünüzün hedef kitlesinde
değilsiniz.

10. Kime Yapıyor?
80 / 20

11. Açık Kaynak ve Kullanılabilirlik
Nasıl?

12. Açık Kaynak ve Kullanılabilirlik
Tasarım ekibinde kullanılabilirlik uzmanı

13. Firefox
Apple Yaklaşımı
Kullanıcıların neye ihtiyaçları olduğunu
kestirmeye çalışmak için biz vizyon
geliştirmek

14. 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

15. Firefox
Test Pilot
Eklenti ile kullanıcılara anket ve deneyler

16. Firefox
Taslak

17. Açık Kaynak ve Kullanılabilirlik
Üniversitelerden destek

18. 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/

19. Wordpress
Wordpress 3.0 Kullanılabilirlik Testi
40 gönüllü ile 20’den fazla ülkede

20. Drupal
Drupal 7 Kullanılabilirlik Testi
Baltimore Üniversitesi
11 kullanıcı ile göz izleme testi
http://www.drupalusability.org/

21. 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

22. Açık Kaynak ve Kullanılabilirlik
Şirketlerden destek

23. Wikipedia
Bolt Peters ile İşbirliği
http://usability.wikimedia.org/wiki/Main_Page

24. Açık Kaynak ve Kullanılabilirlik
Uzmanlardan destek

25. OpenUsability
Açık kaynak yazılımlar ile kullanılabilirlik
profesyonelleri

26. Açık Kaynak ve Kullanılabilirlik
Öğrencilerden destek

27. Season of Usability
Summer of Code’un kullanılabilirlik
versiyonu
2009
Amarok, Drupal, Gallery, GeneMaNIA,
GNOME, Kadu, Korganizer,OLM,
Semnotes, Ubuntu

28. Neler Yapabiliriz?
Arayüzü kullanıcılara göre oluştur

29. Arayüz
Düşündürtme

30. Kredi Kartı Formu
8’inci ay hangisi?

31. Axess Menü
Menü’nün altında ne var?

32. Bonus Menü

33. Marka Kullanım Klavuzu?

34. Arayüz
Basite İndirge
Jason Fried
‘Aç Çoktur yerine Az Azdır’

35. Başlarken

36. Sonunda

37. Google,Apple ve Siz

38. Apple

39. Dell

40. Arayüz
Kabullen

41. Biz/Onlar

42. Tarayıcı Nedir?
%8
Amerika’da yapılan bir sokak
röportajında kullanıcıların ‘What is
browser?’ sorusuna doğru cevap verme
oranı

43. Arayüz
Sadece Gerekli Bilgi Ver

44. Gerekli Bilgi

45. Arayüz
Hatalara hazırlıklı ol

46. Hata Mesajı ve 3 Soru
Tarayıcınız çerezlere izin vermediği için üye
girişi yapamıyorsunuz.
1. Tarayıcı Ne?
2. Çerez Ne?
3. Nasıl İzin Vermesini Sağlarım?

47. Neler Yapabiliriz?
Prototip oluştur

48. Prototip

49. Prototip

50. Prototip

51. Prototip

52. Prototip
Kağıt Kalem
Pencil – Firefox Eklentisi
Balsamiq (49$ - İnsanlık için ücretsiz)

53. HTML Prototip

54. Neler Yapabiliriz?
Kullanılabilirlik Testi

55. 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’

56. 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.’

57. Kullanılabilirlik Testi
Online

58. Online Kullanılabilirlik Testi
İkon Testi

59. Kmail İkon Testi

60. Gimp
Resmi kesmek için menüden hangi ikona
tıklarsınız?

61. Online Kullanılabilirlik Testi
Tıklama Analizi

62. Tıklama Analizi
Videoları karışık oynatmak isterseniz nereye
tıklarsınız?

63. VLC

64. Online Kullanılabilirlik Testi
Kart Gruplama

65. Bilgi Mimarisi
Kullanıcıların kafasındaki bilgi ve menü
yerleşimi

66. Kart Gruplama

67. Offline

68. Online Test Araçları
Infomaki (Açık Kaynak)
Openvulab (Açık Kaynak)
Remotespots (Userspots ile ücretsiz)
Optimalsort (Userspots ile ücretsiz)
Usabilla (Userspots ile ücretsiz)

69. Kullanılabilirlik Testi
Gerilla

70. Gerilla Test
Nerede
Herhangi bir yer/Toplantı Odası

71. Gerilla Test
Ne Zaman
Proje ilerledikçe ayda bir kez 3 saat

72. Gerilla Test
Nasıl
Teste katılacak 3 kişi bulunur.

73. Gerilla Test
Katılımcı Sayısı?

74. Gerilla Test
Nasıl
Projenin gelindiği noktada projenin
fonksiyonlarına uygun 3 görev çıkarılır.

75. Gerilla Test
Nasıl
Testin gerçekleştiği bilgisayarda ekran ve
ses kaydı yapılır.
CamStudio – Windows
Screentoaster – Online

76. Gerilla Test
Raporlama
1-2 Sayfalık rapor web sayfasında yayınanır.

77. Gerilla Test
İstatistik?
Herhangi bir istatistiğe gerek yok/ Uğraşmak
için vakitte yok

78. Gerilla Test
Amaç
Proje başlarında karşıya çıkabilecek büyük
çaplı kullanılabilirlik problemlerini keşfetmek.

79. Sezgisel Analiz
10 madde

80. Sezgisel Analiz
Sistem durumunun görünürlülüğü
Sistem kullanıcıyı makul bir zaman
içerisinde geri beslemeler ile sistemde
neler olduğu konusunda haberdar etmeli.

81. Sezgisel Analiz
Kullanıcı kontrolü ve özgürlük
Hatalardan acil çıkış kapısı sunmalı. Geri Al
ve Yinele seçenekleri bulunmalı.

82. Sezgisel Analiz
Hata Önleme
Çok iyi hata mesajları yerine kullanıcıların
hata yapmasını önleyen dikkatli tasarımlar
oluşturmak daha önemli.

83. Sezgisel Analiz
Hatırlanma yerine bilinme
Kullanıcının hafıza yükünü minumuma
indirecek şekilde aksiyonlar, objeler ve
opsiyonlar görünür olmalı.Kullanıcı bir
diyalogdan diğerine geçtiğinde bazı bilgileri
hatırlamak zorunda kalmamalı.

84. Sezgisel Analiz
Tutarlılık ve standartlar
Kullanıcılar farklı kelime, durum ve
aksiyonların aynı anlama gelip gelmediğini
merak etmek durumunda kalmamalı.

85. Sezgisel Analiz
Gerçek dünyaya yakınlık
Sistem , kullanıcıların anlamayacağı terimler
yerine kullanıcılara yakın gelen kelime ve
ifadeleri kullanarak kullanıcıların dilinden
konuşmalı.

86. Sezgisel Analiz
Esneklik ve kullanım etkinliği
Kullanıcı ihtiyaçlarını tahmin edip gerekli
adımların sayısı düşürülmeli ve sistem
özelleştirmeye imkan sağlamalı.

87. Sezgisel Analiz
Estetik ve minimalist tasarım
Sayfaya eklenen her bölüm diğerlerinin
görünürlüğünden çalar.

88. Sezgisel Analiz
Kullanıcıların hataları tanıması, anlaması
ve onlardan kurtulmasına yardım
Hata mesajları kod içermeyen açık bir dille
ifade edilip, problem tam olarak anlatılmalı
ve olumlu bir şekilde kullanıcıya çözüm
önerilmeli.

89. Sezgisel Analiz
Yardım ve dökümantasyon
Yardım bilgileri kolayca aranabilmeli,
kullanıcı görevlerine odaklanmalı, çözüme
dönük somut adımlar içermeli ve çok uzun
olmamalıdır.

90. Sezgisel Analiz
Yardım ve dökümantasyon
Yardım bilgileri kolayca aranabilmeli,
kullanıcı görevlerine odaklanmalı, çözüme
dönük somut adımlar içermeli ve çok uzun
olmamalıdır.

91. Userspots
Teşekkürler...

92. Bizi Takip Edin
www.userspots.com

93. İletişim
mustafa@userspots.com
.