Kullanıcı dostu arayüzler yaratın
Özgür Yazılım ve Kullanılabilirlik
       Nedir? Nasıl Yapılıyor?
            Kullanılabilirlik
     Özgür Yazılım ve Kull...
Kullanılabilirlik

  “Bir ürünün potansiyel kullanıcıları
 tarafından, belirli bir kullanım bağlamı
 içinde, amaçlanan kul...
Kullanılabilirlik
Kullanılabilirlik
•  Öğrenebilirlik
•  Etkililik
•  Hatırlanabilirlik
•  Hatalar
•  Memnuniyet
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...
10 Kullanılabilirlik Sloganı
6. Genel Müdürler kullanıcı değildir.
7. Az çoktur.
8. Detaylar önemlidir.
9. Yardım genelde ...
Açık Kaynak ve Kullanılabilirlik



            Neden?
Kim Yapıyor?


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




  80 / 20
Açık Kaynak ve Kullanılabilirlik



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



Tasarım ekibinde kullanılabilirlik uzmanı
Firefox

           Apple Yaklaşımı

Kullanıcıların neye ihtiyaçları olduğunu
  kestirmeye çalışmak için biz vizyon
      ...
Firefox

        Microsoft Yaklaşımı

Kullanıcı araştırmalarına odaklanıp
kullanıcıların ne istediklerini ve neye
 ihtiyaç...
Firefox

                Test Pilot

Eklenti ile kullanıcılara anket ve deneyler
Firefox

 Taslak
Açık Kaynak ve Kullanılabilirlik



      Üniversitelerden destek
Wordpress

         Wordpress 2.5 Kullanılabilirlik Testi

       Ball State Universitesi Media Design
                Mer...
Wordpress

Wordpress 3.0 Kullanılabilirlik Testi

40 gönüllü ile 20’den fazla ülkede
Drupal

                Drupal 7 Kullanılabilirlik Testi

                       Baltimore Üniversitesi

              11 ...
Drupal
           Drupali kurun
          İçerik oluşturun
Navigasyon menüsüne link ekleyin
       İçerik türü oluşturun
 ...
Açık Kaynak ve Kullanılabilirlik



        Şirketlerden destek
Wikipedia

                       Bolt Peters ile İşbirliği




http://usability.wikimedia.org/wiki/Main_Page
Açık Kaynak ve Kullanılabilirlik



        Uzmanlardan destek
OpenUsability

Açık kaynak yazılımlar ile kullanılabilirlik
             profesyonelleri
Açık Kaynak ve Kullanılabilirlik



       Öğrencilerden destek
Season of Usability

 Summer of Code’un kullanılabilirlik
            versiyonu

                2009
Amarok, Drupal, Gall...
Neler Yapabiliriz?



Arayüzü kullanıcılara göre oluştur
Arayüz



Düşündürtme
Kredi Kartı Formu



  8’inci ay hangisi?
Axess Menü




Menü’nün altında ne var?
Bonus Menü
Marka Kullanım Klavuzu?
Arayüz



      Basite İndirge

       Jason Fried
‘Aç Çoktur yerine Az Azdır’
Başlarken
Sonunda
Google,Apple ve Siz
Apple
Dell
Arayüz



Kabullen
Biz/Onlar
Tarayıcı Nedir?



                %8

Amerika’da yapılan bir sokak
röportajında kullanıcıların ‘What is
browser?’ sorusun...
Arayüz



Sadece Gerekli Bilgi Ver
Gerekli Bilgi
Arayüz



Hatalara hazırlıklı ol
Hata Mesajı ve 3 Soru

Tarayıcınız çerezlere izin vermediği için üye
            girişi yapamıyorsunuz.

 1. Tarayıcı Ne?
...
Neler Yapabiliriz?



   Prototip oluştur
Prototip
Prototip
Prototip
Prototip
Prototip

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



 Kullanılabilirlik Testi
Google

Google Arama Ürünleri ve Kullanıcı
Deneyimi Başkanı Marissa Mayer: ‘Google
link için seçtiği rengin tonunun tıklam...
Elinde yeterli veri var mı?

Google’dan istifa eden Görsel Tasarım
Başkanı Douglas Bowman: ‘Google mavi
renginin 41 tonunu...
Kullanılabilirlik Testi



        Online
Online Kullanılabilirlik Testi



           İkon Testi
Kmail İkon Testi
Gimp
Resmi kesmek için menüden hangi ikona
              tıklarsınız?
Online Kullanılabilirlik Testi



        Tıklama Analizi
Tıklama Analizi



Videoları karışık oynatmak isterseniz nereye
                   tıklarsınız?
VLC
Online Kullanılabilirlik Testi



        Kart Gruplama
Bilgi Mimarisi


Kullanıcıların kafasındaki bilgi ve menü
                 yerleşimi
Kart Gruplama
Offline
Online Test Araçları

      Infomaki (Açık Kaynak)
     Openvulab (Açık Kaynak)
Remotespots (Userspots ile ücretsiz)
 Opti...
Kullanılabilirlik Testi



        Gerilla
Gerilla Test
Nerede

Herhangi bir yer/Toplantı Odası
Gerilla Test
Ne Zaman

Proje ilerledikçe ayda bir kez 3 saat
Gerilla Test
Nasıl

Teste katılacak 3 kişi bulunur.
Gerilla Test
Katılımcı Sayısı?
Gerilla Test
Nasıl

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

Testin gerçekleştiği bilgisayarda ekran ve
ses kaydı yapılır.

CamStudio – Windows
Screentoaster – Onl...
Gerilla Test
Raporlama

1-2 Sayfalık rapor web sayfasında yayınanır.
Gerilla Test
İstatistik?

Herhangi bir istatistiğe gerek yok/ Uğraşmak
için vakitte yok
Gerilla Test
Amaç

Proje başlarında karşıya çıkabilecek büyük
çaplı kullanılabilirlik problemlerini keşfetmek.
Sezgisel Analiz



   10 madde
Sezgisel Analiz
Sistem durumunun görünürlülüğü




Sistem kullanıcıyı makul bir zaman
  içerisinde geri beslemeler ile sis...
Sezgisel Analiz
Kullanıcı kontrolü ve özgürlük




Hatalardan acil çıkış kapısı sunmalı. Geri Al
ve Yinele seçenekleri bul...
Sezgisel Analiz
Hata Önleme

Çok iyi hata mesajları yerine kullanıcıların
hata yapmasını önleyen dikkatli tasarımlar
oluşt...
Sezgisel Analiz
Hatırlanma yerine bilinme

Kullanıcının hafıza yükünü minumuma
indirecek şekilde aksiyonlar, objeler ve
op...
Sezgisel Analiz
Tutarlılık ve standartlar

Kullanıcılar farklı kelime, durum ve
aksiyonların aynı anlama gelip gelmediğini...
Sezgisel Analiz
Gerçek dünyaya yakınlık

Sistem , kullanıcıların anlamayacağı terimler
yerine kullanıcılara yakın gelen ke...
Sezgisel Analiz
Esneklik ve kullanım etkinliği




Kullanıcı ihtiyaçlarını tahmin edip gerekli
adımların sayısı düşürülmel...
Sezgisel Analiz
Estetik ve minimalist tasarım

Sayfaya eklenen her bölüm diğerlerinin
görünürlüğünden çalar.
Sezgisel Analiz
Kullanıcıların hataları tanıması, anlaması
ve onlardan kurtulmasına yardım

Hata mesajları kod içermeyen a...
Sezgisel Analiz
Yardım ve dökümantasyon

Yardım bilgileri kolayca aranabilmeli,
kullanıcı görevlerine odaklanmalı, çözüme
...
Sezgisel Analiz
Yardım ve dökümantasyon

Yardım bilgileri kolayca aranabilmeli,
kullanıcı görevlerine odaklanmalı, çözüme
...
Userspots



Teşekkürler...
Bizi Takip Edin



www.userspots.com
İletişim




    mustafa@userspots.com



.
Upcoming SlideShare
Loading in …5
×

Özgür Yazılım ve Kullanılabilirlik

2,130 views

Published on

1 Comment
3 Likes
Statistics
Notes
No Downloads
Views
Total views
2,130
On SlideShare
0
From Embeds
0
Number of Embeds
196
Actions
Shares
0
Downloads
58
Comments
1
Likes
3
Embeds 0
No embeds

No notes for slide

Özgür Yazılım ve Kullanılabilirlik

  1. 1. Kullanıcı dostu arayüzler yaratın
  2. 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. 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. 4. Kullanılabilirlik
  5. 5. Kullanılabilirlik •  Öğrenebilirlik •  Etkililik •  Hatırlanabilirlik •  Hatalar •  Memnuniyet
  6. 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. 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. 8. Açık Kaynak ve Kullanılabilirlik Neden?
  9. 9. Kim Yapıyor? Siz kendi ürünüzün hedef kitlesinde değilsiniz.
  10. 10. Kime Yapıyor? 80 / 20
  11. 11. Açık Kaynak ve Kullanılabilirlik Nasıl?
  12. 12. Açık Kaynak ve Kullanılabilirlik Tasarım ekibinde kullanılabilirlik uzmanı
  13. 13. Firefox Apple Yaklaşımı Kullanıcıların neye ihtiyaçları olduğunu kestirmeye çalışmak için biz vizyon geliştirmek
  14. 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. 15. Firefox Test Pilot Eklenti ile kullanıcılara anket ve deneyler
  16. 16. Firefox Taslak
  17. 17. Açık Kaynak ve Kullanılabilirlik Üniversitelerden destek
  18. 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. 19. Wordpress Wordpress 3.0 Kullanılabilirlik Testi 40 gönüllü ile 20’den fazla ülkede
  20. 20. Drupal Drupal 7 Kullanılabilirlik Testi Baltimore Üniversitesi 11 kullanıcı ile göz izleme testi http://www.drupalusability.org/
  21. 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. 22. Açık Kaynak ve Kullanılabilirlik Şirketlerden destek
  23. 23. Wikipedia Bolt Peters ile İşbirliği http://usability.wikimedia.org/wiki/Main_Page
  24. 24. Açık Kaynak ve Kullanılabilirlik Uzmanlardan destek
  25. 25. OpenUsability Açık kaynak yazılımlar ile kullanılabilirlik profesyonelleri
  26. 26. Açık Kaynak ve Kullanılabilirlik Öğrencilerden destek
  27. 27. Season of Usability Summer of Code’un kullanılabilirlik versiyonu 2009 Amarok, Drupal, Gallery, GeneMaNIA, GNOME, Kadu, Korganizer,OLM, Semnotes, Ubuntu
  28. 28. Neler Yapabiliriz? Arayüzü kullanıcılara göre oluştur
  29. 29. Arayüz Düşündürtme
  30. 30. Kredi Kartı Formu 8’inci ay hangisi?
  31. 31. Axess Menü Menü’nün altında ne var?
  32. 32. Bonus Menü
  33. 33. Marka Kullanım Klavuzu?
  34. 34. Arayüz Basite İndirge Jason Fried ‘Aç Çoktur yerine Az Azdır’
  35. 35. Başlarken
  36. 36. Sonunda
  37. 37. Google,Apple ve Siz
  38. 38. Apple
  39. 39. Dell
  40. 40. Arayüz Kabullen
  41. 41. Biz/Onlar
  42. 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. 43. Arayüz Sadece Gerekli Bilgi Ver
  44. 44. Gerekli Bilgi
  45. 45. Arayüz Hatalara hazırlıklı ol
  46. 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. 47. Neler Yapabiliriz? Prototip oluştur
  48. 48. Prototip
  49. 49. Prototip
  50. 50. Prototip
  51. 51. Prototip
  52. 52. Prototip Kağıt Kalem Pencil – Firefox Eklentisi Balsamiq (49$ - İnsanlık için ücretsiz)
  53. 53. HTML Prototip
  54. 54. Neler Yapabiliriz? Kullanılabilirlik Testi
  55. 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. 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. 57. Kullanılabilirlik Testi Online
  58. 58. Online Kullanılabilirlik Testi İkon Testi
  59. 59. Kmail İkon Testi
  60. 60. Gimp Resmi kesmek için menüden hangi ikona tıklarsınız?
  61. 61. Online Kullanılabilirlik Testi Tıklama Analizi
  62. 62. Tıklama Analizi Videoları karışık oynatmak isterseniz nereye tıklarsınız?
  63. 63. VLC
  64. 64. Online Kullanılabilirlik Testi Kart Gruplama
  65. 65. Bilgi Mimarisi Kullanıcıların kafasındaki bilgi ve menü yerleşimi
  66. 66. Kart Gruplama
  67. 67. Offline
  68. 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. 69. Kullanılabilirlik Testi Gerilla
  70. 70. Gerilla Test Nerede Herhangi bir yer/Toplantı Odası
  71. 71. Gerilla Test Ne Zaman Proje ilerledikçe ayda bir kez 3 saat
  72. 72. Gerilla Test Nasıl Teste katılacak 3 kişi bulunur.
  73. 73. Gerilla Test Katılımcı Sayısı?
  74. 74. Gerilla Test Nasıl Projenin gelindiği noktada projenin fonksiyonlarına uygun 3 görev çıkarılır.
  75. 75. Gerilla Test Nasıl Testin gerçekleştiği bilgisayarda ekran ve ses kaydı yapılır. CamStudio – Windows Screentoaster – Online
  76. 76. Gerilla Test Raporlama 1-2 Sayfalık rapor web sayfasında yayınanır.
  77. 77. Gerilla Test İstatistik? Herhangi bir istatistiğe gerek yok/ Uğraşmak için vakitte yok
  78. 78. Gerilla Test Amaç Proje başlarında karşıya çıkabilecek büyük çaplı kullanılabilirlik problemlerini keşfetmek.
  79. 79. Sezgisel Analiz 10 madde
  80. 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. 81. Sezgisel Analiz Kullanıcı kontrolü ve özgürlük Hatalardan acil çıkış kapısı sunmalı. Geri Al ve Yinele seçenekleri bulunmalı.
  82. 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. 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. 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. 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. 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. 87. Sezgisel Analiz Estetik ve minimalist tasarım Sayfaya eklenen her bölüm diğerlerinin görünürlüğünden çalar.
  88. 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. 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. 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. 91. Userspots Teşekkürler...
  92. 92. Bizi Takip Edin www.userspots.com
  93. 93. İletişim mustafa@userspots.com .

×