Özgür yazılım ve kullanılabilirlik

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

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

İletişim

mustafa@userspots.com

.