93
Kullanıcı dostu arayüzler yaratın

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

Embed Size (px)

Citation preview

Page 1: Özgür Yazılım ve Kullanılabilirlik

Kullanıcı dostu arayüzler yaratın

Page 2: Özgür Yazılım ve Kullanılabilirlik

Ö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

Page 3: Özgür Yazılım ve Kullanılabilirlik

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”

Page 4: Özgür Yazılım ve Kullanılabilirlik

Kullanılabilirlik

Page 5: Özgür Yazılım ve Kullanılabilirlik

Kullanılabilirlik

• Öğrenebilirlik •  Etkililik • Hatırlanabilirlik • Hatalar • Memnuniyet

Page 6: Özgür Yazılım ve Kullanılabilirlik

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.

Page 7: Özgür Yazılım ve Kullanılabilirlik

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.

Page 8: Özgür Yazılım ve Kullanılabilirlik

Açık Kaynak ve Kullanılabilirlik

Neden?

Page 9: Özgür Yazılım ve Kullanılabilirlik

Kim Yapıyor?

Siz kendi ürünüzün hedef kitlesinde değilsiniz.

Page 10: Özgür Yazılım ve Kullanılabilirlik

Kime Yapıyor?

80 / 20

Page 11: Özgür Yazılım ve Kullanılabilirlik

Açık Kaynak ve Kullanılabilirlik

Nasıl?

Page 12: Özgür Yazılım ve Kullanılabilirlik

Açık Kaynak ve Kullanılabilirlik

Tasarım ekibinde kullanılabilirlik uzmanı

Page 13: Özgür Yazılım ve Kullanılabilirlik

Firefox

Apple Yaklaşımı

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

geliştirmek

Page 14: Özgür Yazılım ve Kullanılabilirlik

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

Page 15: Özgür Yazılım ve Kullanılabilirlik

Firefox

Test Pilot

Eklenti ile kullanıcılara anket ve deneyler

Page 16: Özgür Yazılım ve Kullanılabilirlik

Firefox

Taslak

Page 17: Özgür Yazılım ve Kullanılabilirlik

Açık Kaynak ve Kullanılabilirlik

Üniversitelerden destek

Page 18: Özgür Yazılım ve Kullanılabilirlik

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/

Page 19: Özgür Yazılım ve Kullanılabilirlik

Wordpress

Wordpress 3.0 Kullanılabilirlik Testi

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

Page 20: Özgür Yazılım ve Kullanılabilirlik

Drupal

Drupal 7 Kullanılabilirlik Testi

Baltimore Üniversitesi

11 kullanıcı ile göz izleme testi

http://www.drupalusability.org/

Page 21: Özgür Yazılım ve Kullanılabilirlik

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

Page 22: Özgür Yazılım ve Kullanılabilirlik

Açık Kaynak ve Kullanılabilirlik

Şirketlerden destek

Page 23: Özgür Yazılım ve Kullanılabilirlik

Wikipedia

Bolt Peters ile İşbirliği

http://usability.wikimedia.org/wiki/Main_Page

Page 24: Özgür Yazılım ve Kullanılabilirlik

Açık Kaynak ve Kullanılabilirlik

Uzmanlardan destek

Page 25: Özgür Yazılım ve Kullanılabilirlik

OpenUsability

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

Page 26: Özgür Yazılım ve Kullanılabilirlik

Açık Kaynak ve Kullanılabilirlik

Öğrencilerden destek

Page 27: Özgür Yazılım ve Kullanılabilirlik

Season of Usability

Summer of Code’un kullanılabilirlik versiyonu

2009 Amarok, Drupal, Gallery, GeneMaNIA,

GNOME, Kadu, Korganizer,OLM, Semnotes, Ubuntu

Page 28: Özgür Yazılım ve Kullanılabilirlik

Neler Yapabiliriz?

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

Page 29: Özgür Yazılım ve Kullanılabilirlik

Arayüz

Düşündürtme

Page 30: Özgür Yazılım ve Kullanılabilirlik

Kredi Kartı Formu

8’inci ay hangisi?

Page 31: Özgür Yazılım ve Kullanılabilirlik

Axess Menü

Menü’nün altında ne var?

Page 32: Özgür Yazılım ve Kullanılabilirlik

Bonus Menü

Page 33: Özgür Yazılım ve Kullanılabilirlik

Marka Kullanım Klavuzu?

Page 34: Özgür Yazılım ve Kullanılabilirlik

Arayüz

Basite İndirge

Jason Fried ‘Aç Çoktur yerine Az Azdır’

Page 35: Özgür Yazılım ve Kullanılabilirlik

Başlarken

Page 36: Özgür Yazılım ve Kullanılabilirlik

Sonunda

Page 37: Özgür Yazılım ve Kullanılabilirlik

Google,Apple ve Siz

Page 38: Özgür Yazılım ve Kullanılabilirlik

Apple

Page 39: Özgür Yazılım ve Kullanılabilirlik

Dell

Page 40: Özgür Yazılım ve Kullanılabilirlik

Arayüz

Kabullen

Page 41: Özgür Yazılım ve Kullanılabilirlik

Biz/Onlar

Page 42: Özgür Yazılım ve Kullanılabilirlik

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ı

Page 43: Özgür Yazılım ve Kullanılabilirlik

Arayüz

Sadece Gerekli Bilgi Ver

Page 44: Özgür Yazılım ve Kullanılabilirlik

Gerekli Bilgi

Page 45: Özgür Yazılım ve Kullanılabilirlik

Arayüz

Hatalara hazırlıklı ol

Page 46: Özgür Yazılım ve Kullanılabilirlik

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?

Page 47: Özgür Yazılım ve Kullanılabilirlik

Neler Yapabiliriz?

Prototip oluştur

Page 48: Özgür Yazılım ve Kullanılabilirlik

Prototip

Page 49: Özgür Yazılım ve Kullanılabilirlik

Prototip

Page 50: Özgür Yazılım ve Kullanılabilirlik

Prototip

Page 51: Özgür Yazılım ve Kullanılabilirlik

Prototip

Page 52: Özgür Yazılım ve Kullanılabilirlik

Prototip

Kağıt Kalem Pencil – Firefox Eklentisi

Balsamiq (49$ - İnsanlık için ücretsiz)

Page 53: Özgür Yazılım ve Kullanılabilirlik

HTML Prototip

Page 54: Özgür Yazılım ve Kullanılabilirlik

Neler Yapabiliriz?

Kullanılabilirlik Testi

Page 55: Özgür Yazılım ve Kullanılabilirlik

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’

Page 56: Özgür Yazılım ve Kullanılabilirlik

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

Page 57: Özgür Yazılım ve Kullanılabilirlik

Kullanılabilirlik Testi

Online

Page 58: Özgür Yazılım ve Kullanılabilirlik

Online Kullanılabilirlik Testi

İkon Testi

Page 59: Özgür Yazılım ve Kullanılabilirlik

Kmail İkon Testi

Page 60: Özgür Yazılım ve Kullanılabilirlik

Gimp

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

Page 61: Özgür Yazılım ve Kullanılabilirlik

Online Kullanılabilirlik Testi

Tıklama Analizi

Page 62: Özgür Yazılım ve Kullanılabilirlik

Tıklama Analizi

Videoları karışık oynatmak isterseniz nereye tıklarsınız?

Page 63: Özgür Yazılım ve Kullanılabilirlik

VLC

Page 64: Özgür Yazılım ve Kullanılabilirlik

Online Kullanılabilirlik Testi

Kart Gruplama

Page 65: Özgür Yazılım ve Kullanılabilirlik

Bilgi Mimarisi

Kullanıcıların kafasındaki bilgi ve menü yerleşimi

Page 66: Özgür Yazılım ve Kullanılabilirlik

Kart Gruplama

Page 67: Özgür Yazılım ve Kullanılabilirlik

Offline

Page 68: Özgür Yazılım ve Kullanılabilirlik

Online Test Araçları

Infomaki (Açık Kaynak) Openvulab (Açık Kaynak)

Remotespots (Userspots ile ücretsiz) Optimalsort (Userspots ile ücretsiz)

Usabilla (Userspots ile ücretsiz)

Page 69: Özgür Yazılım ve Kullanılabilirlik

Kullanılabilirlik Testi

Gerilla

Page 70: Özgür Yazılım ve Kullanılabilirlik

Gerilla Test

Nerede

Herhangi bir yer/Toplantı Odası

Page 71: Özgür Yazılım ve Kullanılabilirlik

Gerilla Test

Ne Zaman

Proje ilerledikçe ayda bir kez 3 saat

Page 72: Özgür Yazılım ve Kullanılabilirlik

Gerilla Test

Nasıl

Teste katılacak 3 kişi bulunur.

Page 73: Özgür Yazılım ve Kullanılabilirlik

Gerilla Test

Katılımcı Sayısı?

Page 74: Özgür Yazılım ve Kullanılabilirlik

Gerilla Test

Nasıl

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

Page 75: Özgür Yazılım ve Kullanılabilirlik

Gerilla Test

Nasıl

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

CamStudio – Windows Screentoaster – Online

Page 76: Özgür Yazılım ve Kullanılabilirlik

Gerilla Test

Raporlama

1-2 Sayfalık rapor web sayfasında yayınanır.

Page 77: Özgür Yazılım ve Kullanılabilirlik

Gerilla Test

İstatistik?

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

Page 78: Özgür Yazılım ve Kullanılabilirlik

Gerilla Test

Amaç

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

Page 79: Özgür Yazılım ve Kullanılabilirlik

Sezgisel Analiz

10 madde

Page 80: Özgür Yazılım ve Kullanılabilirlik

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.

Page 81: Özgür Yazılım ve Kullanılabilirlik

Sezgisel Analiz

Kullanıcı kontrolü ve özgürlük

Hatalardan acil çıkış kapısı sunmalı. Geri Al ve Yinele seçenekleri bulunmalı.

Page 82: Özgür Yazılım ve Kullanılabilirlik

Sezgisel Analiz

Hata Önleme

Çok iyi hata mesajları yerine kullanıcıların hata yapmasını önleyen dikkatli tasarımlar oluşturmak daha önemli.

Page 83: Özgür Yazılım ve Kullanılabilirlik

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

Page 84: Özgür Yazılım ve Kullanılabilirlik

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

Page 85: Özgür Yazılım ve Kullanılabilirlik

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

Page 86: Özgür Yazılım ve Kullanılabilirlik

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

Page 87: Özgür Yazılım ve Kullanılabilirlik

Sezgisel Analiz

Estetik ve minimalist tasarım

Sayfaya eklenen her bölüm diğerlerinin görünürlüğünden çalar.

Page 88: Özgür Yazılım ve Kullanılabilirlik

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.

Page 89: Özgür Yazılım ve Kullanılabilirlik

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.

Page 90: Özgür Yazılım ve Kullanılabilirlik

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.

Page 91: Özgür Yazılım ve Kullanılabilirlik

Userspots

Teşekkürler...

Page 92: Özgür Yazılım ve Kullanılabilirlik

Bizi Takip Edin

www.userspots.com

Page 93: Özgür Yazılım ve Kullanılabilirlik

İletişim

[email protected]

.