SlideShare a Scribd company logo
Kullanılabilirlik Nedir?
Kullanılabilirlik Nedir? 
Kullanılabilirlik, bir seyin kolayca çalısıp 
çalısmadıgından emin olmaktır. 
Araştırma Tasarım Optimizasyon 
Bir web sitesini kullanırken zorlanmıyor 
ve kendinizi iyi hissediyorsanız, o site 
kullanılabilir bir sitedir.
‘Bir ürünü kullanmak ne kadar zor ise, 
o kadar çok kullanmam’
Size Ne Kazandırır, Ne Kaybettirir? 
Güven Memnuniyet Sadakat 
Zaman Verimlilik Para
Neden Kullanılabilirlik? 
Kullanıcıların istedigi bilgilere 
ulasamaması sebebi ile 
yapılamayan satıs oranı 
%50 
Kullanılabilirlik çalısmalarına 
yapılan yatırım 
sonrasında, is metriklerinde 
yasanılan artıs oranı 
%83 
Userspot - Kullanılabilirlik Testi ve Kullanıcı Deneyimi Tasarımı Araçları
Neden Kullanılabilirlik? 
Markalar kullanıcı deneyimini 
gelistirdiklerinde, müsteri 
sadakati artıs oranı 
%44 
Markalar kullanıcı deneyimini 
gelistirdiklerinde, müsteri 
memnuniyeti artıs oranı 
%72 
*Econsultancy ve WhatUsersDo 2013 yılı arastırması
Farkında Olmak Ya Da Olmamak
Kullanıcılarımızı 
Tanıyalım. 
Bizler internet sayfalarını okumayız, 
tararız! 
Çünkü; 
- Genellikle acelemiz vardır, 
- Her seyi okumamız gerekmedigini biliriz.
Web Sitelerimizi 
Tanıyalım 
Web sitelerimizin kullanıslı oldugundan 
emin olmak için, yapmamanız gereken 
en önemli sey nedir? 
Cevabı oldukça basittir: 
Önemli olan hiçbir sey, asla iki 
tıklamadan uzak olmamalıdır. 
2
Daha Kullanılabilir Web Sitelerini için 
Neler Yapabiliriz?
Ziyaretçilerinizi 
Soru Isaretlerinden 
Kurtarın 
Iyi tasarlanmıs web siteleri, kullanıcılarını 
düsüncelere daldırmaz, kafalarında soru 
isaretleri olusturmaz. 
Her seyi net, anlasılır ve yalın tasarlayın! 
Suraya nasıl gidebilirim? 
Bu ürün kategorisi mi? 
Burası menü mü? 
Su sey tıklanabiliyor mu?
Sayfaları, Net 
Tanımlanmıs 
Bölgelere Ayırın 
Sayfaları net bölümlere ayırmak çok 
önemlidir. 
Çünkü, kullanıcıların sayfanın hangi 
bölümlerine odaklanacakları ya da 
ilgilenmeyeceklerine hızlı sekilde karar 
vermelerini saglar.
Neyin Tıklanabilir 
Oldugunu 
Belirginlestirin. 
Kullanıcılar, hiçbir zaman, bir seyin 
tıklanabilir veya tıklanamaz oldugu 
üzerine 1 milisaniye bile düsünmek 
zorunda kalmamalıdır.
Kabul Gören Seyler 
Kullanmaktan 
Çekinmeyin 
Evrensel semboller, isaretler, herkes 
tarafından bilinen ve kabul edilen 
materyaller kullanın. 
Bu içerigi desteklemek ve kolayca 
algılanması saglamak için iyi bir 
yöntemdir.
Bırakın Kolayca 
Arama Yapsınlar 
Neden aradıklarımız, hep en son 
baktıgımız yerde oluyor? 
Çünkü, buldugumuzda aramayı 
bırakıyoruz.
Net ve Hiyerarsik Bir 
Yapınız Olsun 
Bir sey ne kadar önemli ise o kadar 
belirgindir. 
Bazı seyler daha da önemlidir. 
Kullanıcılarınıza neyin daha önemli 
oldugunu sizin göstermeniz gerekir.
Harika Menüler 
Olusturun 
‘Web Sitesi Ana Menüsü’ gerçek 
hayattaki yol isaretleri gibidir. Onlar 
olmadan hedefine ulasamazsınız ya da 
kaybolursunuz. 
Ana menüler, kullanıcıların site içerinde 
kaybolmadan gezinmelerini ve nerede 
olduklarını bilmeleri için çok önemli 
araçlardır.
Gürültüyü Azaltın 
Kullanması kolay sitelerin en büyük 
düsmalarından biri de, görsel gürültüdür. 
Karmasık görüntüler, yogun renkli arka 
planlar, aynı andan birden fazla hareket 
eden nesneler ve yogunluklar... 
Bu tür bir karmasa, kullanıcıları yorar ve 
kararsız bırakıp websitenizden hızlıca 
ayrılmalarına sebep olur.
Her Bedene Göre 
Tasarımınız Olsun! 
Responsive tasarım, web sitelerinde 
optimum görüntüleme deneyimi yaratan 
bir tasarım yaklasımıdır. 
Responsive tasarım sayesinde, web 
siteleri hangi cihazda görüntüleniyorsa, 
o ekrana uygun olarak gösterebilir. 
Farklı boyutlarda, farklı bir kullanıcı 
deneyimi saglar.
Üzerinize Uygun 
Gömlekler Seçin 
Yeni nesil hazır sablonlar, kullanıslı ve iyi 
yapılandırılmıs olsalar da, dogru 
uygulanmazlarsa tam olarak sizin 
ihtiyaçlarınıza hizmet etmeyebilir.
Her Seyi Apaçık Yapın 
Aceleci ve sabırsız kullanıcılar için, web 
sitenizin yeteneklerinin çogunu bir 
bakısta göstermenin en iyi yolu, her seyi 
apaçık sekilde vermektir. 
Her seyi apaçık yapmak, 
iyi bir aydınlatması olan fiziki bir 
magazadan farklı degildir.
Kullanıcılarınıza Mutlu Bir 
Kullanım Deneyimi Sunun
TESEKKURLER hello@parskunt.com 
www.parskunt.com

More Related Content

Similar to Web Tasarımı ve Kullanılabilirlik

Mobile-First - Çalışanlarınızın Baktığı Yerde Olun
Mobile-First - Çalışanlarınızın Baktığı Yerde OlunMobile-First - Çalışanlarınızın Baktığı Yerde Olun
Mobile-First - Çalışanlarınızın Baktığı Yerde Olun
ömer can
 
Startup İş Modeli Geliştirme
Startup İş Modeli GeliştirmeStartup İş Modeli Geliştirme
Startup İş Modeli Geliştirme
bicangels
 
Seo(se arch engine optimization)
Seo(se arch engine optimization)Seo(se arch engine optimization)
Seo(se arch engine optimization)
Mustafa Özyılmaz
 
Lean UX (Yalın Kullanıcı Deneyimi Tasarımı)
Lean UX (Yalın Kullanıcı Deneyimi Tasarımı)Lean UX (Yalın Kullanıcı Deneyimi Tasarımı)
Lean UX (Yalın Kullanıcı Deneyimi Tasarımı)
Burak Yaman
 
Kullanilabilirlik ve pazarlama
Kullanilabilirlik ve pazarlamaKullanilabilirlik ve pazarlama
Kullanilabilirlik ve pazarlama
Ozgur Alaz
 
etkili sunum teknikleri.pptx
etkili sunum teknikleri.pptxetkili sunum teknikleri.pptx
etkili sunum teknikleri.pptx
Nazmiye KOYUN
 
Mobil Kullanıcıyı Tanımak
Mobil Kullanıcıyı TanımakMobil Kullanıcıyı Tanımak
Mobil Kullanıcıyı Tanımak
mobilike
 
Startuplar İçin Seo Süreçleri Nasıl Olmalı ?
Startuplar İçin Seo Süreçleri Nasıl Olmalı ?Startuplar İçin Seo Süreçleri Nasıl Olmalı ?
Startuplar İçin Seo Süreçleri Nasıl Olmalı ?
Pazarlama Türkiye
 
Startuplar için SEO Süreçleri Nasıl Yönetilmelidir? - Startup Akademi
Startuplar için SEO Süreçleri Nasıl Yönetilmelidir? - Startup AkademiStartuplar için SEO Süreçleri Nasıl Yönetilmelidir? - Startup Akademi
Startuplar için SEO Süreçleri Nasıl Yönetilmelidir? - Startup Akademi
Özgür Gündüz
 
Koç Strateji ve Liderlik Grubu İnovasyon Eğitimi
Koç Strateji ve Liderlik Grubu İnovasyon EğitimiKoç Strateji ve Liderlik Grubu İnovasyon Eğitimi
Koç Strateji ve Liderlik Grubu İnovasyon EğitimiÖzkent & Co
 
Web tasarimda-temel-i̇lkeler
Web tasarimda-temel-i̇lkelerWeb tasarimda-temel-i̇lkeler
Web tasarimda-temel-i̇lkeler
tuckerboi
 
7. SINIF URetiyorum etkinliği 3/10
7. SINIF URetiyorum etkinliği 3/107. SINIF URetiyorum etkinliği 3/10
7. SINIF URetiyorum etkinliği 3/10
osman keskin
 
etkili sunum teknikleri.pptx
etkili sunum teknikleri.pptxetkili sunum teknikleri.pptx
etkili sunum teknikleri.pptx
MustafaKoyun6
 
Apple Tasarım İlkeleri
Apple Tasarım İlkeleriApple Tasarım İlkeleri
Apple Tasarım İlkeleri
Uğur Ünsal
 
Yalın girişimde deney yöntemleri
Yalın girişimde deney yöntemleriYalın girişimde deney yöntemleri
Yalın girişimde deney yöntemleri
Murat Tortopoğlu
 
Kullanıcı Deneyimi & Kullanılabilirlik
Kullanıcı Deneyimi & KullanılabilirlikKullanıcı Deneyimi & Kullanılabilirlik
Kullanıcı Deneyimi & Kullanılabilirlik
Irem Türkay Tavşancıl
 
Application Store Optimization
Application Store OptimizationApplication Store Optimization
Application Store Optimization
Aykut Aslantaş
 
Mobil Uygulamanızı Nasıl Büyütürsünüz?
Mobil Uygulamanızı Nasıl Büyütürsünüz?Mobil Uygulamanızı Nasıl Büyütürsünüz?
Mobil Uygulamanızı Nasıl Büyütürsünüz?
Erol KABADAYI
 
E-ticaret Siteleri için Kullanıcı Deneyimi
E-ticaret Siteleri için Kullanıcı DeneyimiE-ticaret Siteleri için Kullanıcı Deneyimi
E-ticaret Siteleri için Kullanıcı Deneyimi
DDM istanbul
 
Sosyal Ağlarda Gençlik ve Mobil SEO
Sosyal Ağlarda Gençlik ve Mobil SEOSosyal Ağlarda Gençlik ve Mobil SEO
Sosyal Ağlarda Gençlik ve Mobil SEO
Aytac Mestci
 

Similar to Web Tasarımı ve Kullanılabilirlik (20)

Mobile-First - Çalışanlarınızın Baktığı Yerde Olun
Mobile-First - Çalışanlarınızın Baktığı Yerde OlunMobile-First - Çalışanlarınızın Baktığı Yerde Olun
Mobile-First - Çalışanlarınızın Baktığı Yerde Olun
 
Startup İş Modeli Geliştirme
Startup İş Modeli GeliştirmeStartup İş Modeli Geliştirme
Startup İş Modeli Geliştirme
 
Seo(se arch engine optimization)
Seo(se arch engine optimization)Seo(se arch engine optimization)
Seo(se arch engine optimization)
 
Lean UX (Yalın Kullanıcı Deneyimi Tasarımı)
Lean UX (Yalın Kullanıcı Deneyimi Tasarımı)Lean UX (Yalın Kullanıcı Deneyimi Tasarımı)
Lean UX (Yalın Kullanıcı Deneyimi Tasarımı)
 
Kullanilabilirlik ve pazarlama
Kullanilabilirlik ve pazarlamaKullanilabilirlik ve pazarlama
Kullanilabilirlik ve pazarlama
 
etkili sunum teknikleri.pptx
etkili sunum teknikleri.pptxetkili sunum teknikleri.pptx
etkili sunum teknikleri.pptx
 
Mobil Kullanıcıyı Tanımak
Mobil Kullanıcıyı TanımakMobil Kullanıcıyı Tanımak
Mobil Kullanıcıyı Tanımak
 
Startuplar İçin Seo Süreçleri Nasıl Olmalı ?
Startuplar İçin Seo Süreçleri Nasıl Olmalı ?Startuplar İçin Seo Süreçleri Nasıl Olmalı ?
Startuplar İçin Seo Süreçleri Nasıl Olmalı ?
 
Startuplar için SEO Süreçleri Nasıl Yönetilmelidir? - Startup Akademi
Startuplar için SEO Süreçleri Nasıl Yönetilmelidir? - Startup AkademiStartuplar için SEO Süreçleri Nasıl Yönetilmelidir? - Startup Akademi
Startuplar için SEO Süreçleri Nasıl Yönetilmelidir? - Startup Akademi
 
Koç Strateji ve Liderlik Grubu İnovasyon Eğitimi
Koç Strateji ve Liderlik Grubu İnovasyon EğitimiKoç Strateji ve Liderlik Grubu İnovasyon Eğitimi
Koç Strateji ve Liderlik Grubu İnovasyon Eğitimi
 
Web tasarimda-temel-i̇lkeler
Web tasarimda-temel-i̇lkelerWeb tasarimda-temel-i̇lkeler
Web tasarimda-temel-i̇lkeler
 
7. SINIF URetiyorum etkinliği 3/10
7. SINIF URetiyorum etkinliği 3/107. SINIF URetiyorum etkinliği 3/10
7. SINIF URetiyorum etkinliği 3/10
 
etkili sunum teknikleri.pptx
etkili sunum teknikleri.pptxetkili sunum teknikleri.pptx
etkili sunum teknikleri.pptx
 
Apple Tasarım İlkeleri
Apple Tasarım İlkeleriApple Tasarım İlkeleri
Apple Tasarım İlkeleri
 
Yalın girişimde deney yöntemleri
Yalın girişimde deney yöntemleriYalın girişimde deney yöntemleri
Yalın girişimde deney yöntemleri
 
Kullanıcı Deneyimi & Kullanılabilirlik
Kullanıcı Deneyimi & KullanılabilirlikKullanıcı Deneyimi & Kullanılabilirlik
Kullanıcı Deneyimi & Kullanılabilirlik
 
Application Store Optimization
Application Store OptimizationApplication Store Optimization
Application Store Optimization
 
Mobil Uygulamanızı Nasıl Büyütürsünüz?
Mobil Uygulamanızı Nasıl Büyütürsünüz?Mobil Uygulamanızı Nasıl Büyütürsünüz?
Mobil Uygulamanızı Nasıl Büyütürsünüz?
 
E-ticaret Siteleri için Kullanıcı Deneyimi
E-ticaret Siteleri için Kullanıcı DeneyimiE-ticaret Siteleri için Kullanıcı Deneyimi
E-ticaret Siteleri için Kullanıcı Deneyimi
 
Sosyal Ağlarda Gençlik ve Mobil SEO
Sosyal Ağlarda Gençlik ve Mobil SEOSosyal Ağlarda Gençlik ve Mobil SEO
Sosyal Ağlarda Gençlik ve Mobil SEO
 

Web Tasarımı ve Kullanılabilirlik

  • 2. Kullanılabilirlik Nedir? Kullanılabilirlik, bir seyin kolayca çalısıp çalısmadıgından emin olmaktır. Araştırma Tasarım Optimizasyon Bir web sitesini kullanırken zorlanmıyor ve kendinizi iyi hissediyorsanız, o site kullanılabilir bir sitedir.
  • 3. ‘Bir ürünü kullanmak ne kadar zor ise, o kadar çok kullanmam’
  • 4. Size Ne Kazandırır, Ne Kaybettirir? Güven Memnuniyet Sadakat Zaman Verimlilik Para
  • 5. Neden Kullanılabilirlik? Kullanıcıların istedigi bilgilere ulasamaması sebebi ile yapılamayan satıs oranı %50 Kullanılabilirlik çalısmalarına yapılan yatırım sonrasında, is metriklerinde yasanılan artıs oranı %83 Userspot - Kullanılabilirlik Testi ve Kullanıcı Deneyimi Tasarımı Araçları
  • 6. Neden Kullanılabilirlik? Markalar kullanıcı deneyimini gelistirdiklerinde, müsteri sadakati artıs oranı %44 Markalar kullanıcı deneyimini gelistirdiklerinde, müsteri memnuniyeti artıs oranı %72 *Econsultancy ve WhatUsersDo 2013 yılı arastırması
  • 7. Farkında Olmak Ya Da Olmamak
  • 8. Kullanıcılarımızı Tanıyalım. Bizler internet sayfalarını okumayız, tararız! Çünkü; - Genellikle acelemiz vardır, - Her seyi okumamız gerekmedigini biliriz.
  • 9. Web Sitelerimizi Tanıyalım Web sitelerimizin kullanıslı oldugundan emin olmak için, yapmamanız gereken en önemli sey nedir? Cevabı oldukça basittir: Önemli olan hiçbir sey, asla iki tıklamadan uzak olmamalıdır. 2
  • 10. Daha Kullanılabilir Web Sitelerini için Neler Yapabiliriz?
  • 11. Ziyaretçilerinizi Soru Isaretlerinden Kurtarın Iyi tasarlanmıs web siteleri, kullanıcılarını düsüncelere daldırmaz, kafalarında soru isaretleri olusturmaz. Her seyi net, anlasılır ve yalın tasarlayın! Suraya nasıl gidebilirim? Bu ürün kategorisi mi? Burası menü mü? Su sey tıklanabiliyor mu?
  • 12.
  • 13.
  • 14.
  • 15. Sayfaları, Net Tanımlanmıs Bölgelere Ayırın Sayfaları net bölümlere ayırmak çok önemlidir. Çünkü, kullanıcıların sayfanın hangi bölümlerine odaklanacakları ya da ilgilenmeyeceklerine hızlı sekilde karar vermelerini saglar.
  • 16.
  • 17. Neyin Tıklanabilir Oldugunu Belirginlestirin. Kullanıcılar, hiçbir zaman, bir seyin tıklanabilir veya tıklanamaz oldugu üzerine 1 milisaniye bile düsünmek zorunda kalmamalıdır.
  • 18.
  • 19. Kabul Gören Seyler Kullanmaktan Çekinmeyin Evrensel semboller, isaretler, herkes tarafından bilinen ve kabul edilen materyaller kullanın. Bu içerigi desteklemek ve kolayca algılanması saglamak için iyi bir yöntemdir.
  • 20.
  • 21. Bırakın Kolayca Arama Yapsınlar Neden aradıklarımız, hep en son baktıgımız yerde oluyor? Çünkü, buldugumuzda aramayı bırakıyoruz.
  • 22.
  • 23. Net ve Hiyerarsik Bir Yapınız Olsun Bir sey ne kadar önemli ise o kadar belirgindir. Bazı seyler daha da önemlidir. Kullanıcılarınıza neyin daha önemli oldugunu sizin göstermeniz gerekir.
  • 24.
  • 25. Harika Menüler Olusturun ‘Web Sitesi Ana Menüsü’ gerçek hayattaki yol isaretleri gibidir. Onlar olmadan hedefine ulasamazsınız ya da kaybolursunuz. Ana menüler, kullanıcıların site içerinde kaybolmadan gezinmelerini ve nerede olduklarını bilmeleri için çok önemli araçlardır.
  • 26.
  • 27.
  • 28.
  • 29. Gürültüyü Azaltın Kullanması kolay sitelerin en büyük düsmalarından biri de, görsel gürültüdür. Karmasık görüntüler, yogun renkli arka planlar, aynı andan birden fazla hareket eden nesneler ve yogunluklar... Bu tür bir karmasa, kullanıcıları yorar ve kararsız bırakıp websitenizden hızlıca ayrılmalarına sebep olur.
  • 30.
  • 31.
  • 32. Her Bedene Göre Tasarımınız Olsun! Responsive tasarım, web sitelerinde optimum görüntüleme deneyimi yaratan bir tasarım yaklasımıdır. Responsive tasarım sayesinde, web siteleri hangi cihazda görüntüleniyorsa, o ekrana uygun olarak gösterebilir. Farklı boyutlarda, farklı bir kullanıcı deneyimi saglar.
  • 33.
  • 34. Üzerinize Uygun Gömlekler Seçin Yeni nesil hazır sablonlar, kullanıslı ve iyi yapılandırılmıs olsalar da, dogru uygulanmazlarsa tam olarak sizin ihtiyaçlarınıza hizmet etmeyebilir.
  • 35. Her Seyi Apaçık Yapın Aceleci ve sabırsız kullanıcılar için, web sitenizin yeteneklerinin çogunu bir bakısta göstermenin en iyi yolu, her seyi apaçık sekilde vermektir. Her seyi apaçık yapmak, iyi bir aydınlatması olan fiziki bir magazadan farklı degildir.
  • 36. Kullanıcılarınıza Mutlu Bir Kullanım Deneyimi Sunun