Özgür yazılım ve kullanılabilirlik
TRANSCRIPT
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 Kullanılabirlik
Neler Yapabiliriz? Tasarım Süreci
Kullanılabilirlik Testi Sezgisel Analiz
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”
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 her zaman haklı değildir. 4. Kullanıcılar tasarımcı değildir. 5. Tasarımcılar/Geliştiriciler kullanıcı değildir.
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.
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
geliştirmek
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
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 Merkezi Laboratuvarı
http://wordpress.org/development/2008/10/usability-testing-report-25-and-crazyhorse/
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 kullanıcı ile göz izleme testi
http://www.drupalusability.org/
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
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, Gallery, GeneMaNIA,
GNOME, Kadu, Korganizer,OLM, Semnotes, Ubuntu
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?’ sorusuna doğru cevap verme oranı
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? 2. Çerez Ne? 3. Nasıl İzin Vermesini Sağlarım?
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 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’
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.’
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) Optimalsort (Userspots ile ücretsiz)
Usabilla (Userspots ile ücretsiz)
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 – Online
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 sistemde neler olduğu konusunda haberdar etmeli.
Sezgisel Analiz
Kullanıcı kontrolü ve özgürlük
Hatalardan acil çıkış kapısı sunmalı. Geri Al ve Yinele seçenekleri bulunmalı.
Sezgisel Analiz
Hata Önleme
Çok iyi hata mesajları yerine kullanıcıların hata yapmasını önleyen dikkatli tasarımlar oluşturmak daha önemli.
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ı.
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ı.
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ı.
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ı.
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çık bir dille ifade edilip, problem tam olarak anlatılmalı ve olumlu bir şekilde kullanıcıya çözüm önerilmeli.
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.
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.
Userspots
Teşekkürler...
Bizi Takip Edin
www.userspots.com