usability designers
DESCRIPTION
Usability Designers sunumuTRANSCRIPT
![Page 1: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/1.jpg)
USABILITY DESIGNERS
![Page 2: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/2.jpg)
GÜNDEM
Biz Kimiz? Neden Kullanılabilirlik? Kullanılan Metodlar Referanslar
![Page 3: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/3.jpg)
Biz Kimiz?
?
![Page 4: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/4.jpg)
Neden Kullanılabilirlik?
• Kerry F. B. Packer • 18 Milyon $• 8 Milyar $
• Wayne Burton• 10 Milyon $
%7,5
![Page 5: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/5.jpg)
User Experience
Şirket içi tartışmalara son verir...
Ajansı/Tasarımcıyı hizaya sokar...
BÜTÇEYİ RAHATLATIR, FERAHLIK VERİR...
![Page 6: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/6.jpg)
User Experience
Proje Sonrası Problemler 5 > 1’e iniyor
Kullanıcının öğrenme süreci %25 azalıyor
Kullanıcı Odaklı Tasarım 1 TL > 60 TL
Geleneksel Pazarlama 1 TL > 5 TL
![Page 7: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/7.jpg)
Eskiden UX’mi vardı?
Projenizin bütçesinin %60’ını PROD sonrası harcamalara saklayın.
American Express, 45M $ Corel, Call Center’a 900
kişi. SA80, 30 yıl, 470 M
Sterling.
![Page 8: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/8.jpg)
“Glucocorticoids”
Kontrol sahibi olamamak. Tahmin edebilme yeteneğini
kaybetmek. Sorun çıktığında, sorunu aşabilecek
kanalların olmaması ve koşulların kötüye gideceği inancı
Bir sosyal oluşumun parçası olmamak.
Bu şartları sağlayamadığımızda ya tercih edilmiyoruz ya da terk ediliyoruz…
![Page 9: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/9.jpg)
Kullanılan Metodlar
Uzman Çalışması Uzman Görüşü Persona Metodu
Prod Öncesi Testleri Kullanılabilirlik Testi Göz İzleme (Eye Tracking)
Prod Sonrası Testleri Fare İzleme (Mouse Tracking) Huni Raporu (Funnel Test) A/B Testi
![Page 10: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/10.jpg)
Uzman Görüşü
Kullanım kolaylığı uzmanı web sayfanızı kabul edilen tüm kullanım kolaylığı standartlarına göre test eder.
Sayfanızda yapabileceğiniz geliştirmeler konusunda size tavsiyelerimizi içeren bir uzman raporu sunulur.
Temel kullanılabilirlik kuralları. Defansif Tasarım. (40 ayrı kriter içerir) Erişilebilirlik kontrolleri.
![Page 11: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/11.jpg)
Defansif Tasarım (Contingency Design)
Beklenmedik Olay Tasarımı demektir. (Kriz Yönetimi de denebilir)
Amacı kriz durumlarında ortaya çıkan sorunları yönetmektir. Kullanıcıyı krizin getirdiği olumsuzluklardan en kolay şekilde kurtamak ve ortak hedeflere ulaştırıcak doğru aksiyonu almaktır. Sorun oluşmadan yardım eder. Kullanıcının kaybolmasını engeller. Müşteri memnuniyeti sağlar.
Etkili beklenmedik olay tasarımınız yoksa; Kullanıcı işlemi terk eder. Sorunu kendi çözse bile ürün ve firma ile ilişkisi
zayıflar.
![Page 12: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/12.jpg)
Form Yapısı
Kullanıcının müracat formu ya da alışveriş sepetini doldururken harcadığı zamanı azaltmayı ve formu kolay şekilde doldurabilmesini sağlamak için, formunuzun kullanım kolaylığını arttırmanız gerekir.
Formlar üç katmandan oluşur; İlişki Diyalog Sunum
![Page 13: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/13.jpg)
Form Yapısı
TEST
Kullanıcıyı formu doldurmaya ikna etme
Kullanıcıyı doğru soruları sorma
Detaylara önem vermek
Kolay doldurabilir kılmak
Soruları kolay cevaplanır şekilde
oluşturmak
Faydalı açıklamlar hazırlamak
Form kontrollerini sağlamak
Formun akışını kolaylaştırmak
İlişki
Diyalog
Sunum
![Page 14: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/14.jpg)
Persona Metodu
Uzmanlar tarafından yaratılan sanal karakterlerin kullanıldığı metodun adıdır.
Bu karakterler hedef kitlenin temel özelliklerini taşır.
Hedef kitle genişse karakter sayısı arttırılır.
Sanal karakterlerin beklentileri ve alışkanlıkları irdelenerek tahminleme yapılır.
![Page 15: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/15.jpg)
Kullanılabilirlik Testi
Seçilmiş kullanıcılara önceden hazırlanmış senaryolar verilir.
Moderatör eşliğinde yapılır.
Kullanıcılar senaryoları tamamlarken ekran görüntüleri kayıt edilir. (Adobe Captivate)
3-4 kullanıcı ile 2 seans yapılır.
Kullanıcıların hedeflerini tamamlama süreleri, tamamlama oranları ve tamamlarken hissettikleri gözlemlenir.
![Page 16: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/16.jpg)
Kullanılabilirlik Testi
8 kullanıcı tek bir testte daha çok sorun bulabilir. Ancak genelde en kötü sorunlar onların başka sorunlar bulacak kadar ilerlemelerine engel olurlar.
3 kullanıcı tek bir testte büyük olasılıkla en önemli sorunların hepsini bulacaktır. Bu sorunlar giderildikten sonra yapılan ikinci testte daha çok sorun bulma ihtimalleri yüksektir.
![Page 17: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/17.jpg)
Göz İzleme (Eye Tracking)
Seçilmiş kullanıcılara önceden hazırlanmış senaryolar verilir.
Moderatör eşliğinde yapılır. Kullanıcılar göz bebeklerine
odaklanan özel kameralar bulunan bir ekranda çalışırlar .
Kullanıcıların göz bebeklerinin hareketleri özel bir yazılımla işlenerek çeşitli çıktılar alınır. Isı haritası. Gözün takip ve tarama sırası. Konsantrasyon noktaları tespiti.
![Page 18: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/18.jpg)
Göz İzleme Araçları
![Page 19: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/19.jpg)
Göz İzleme Araçları
![Page 20: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/20.jpg)
Ard arda gösterilecek olan ısıharitası kullanıcıların saniye saniye sayfada odaklandıkları bölgeleri göstermektedir.
Bu test 50 bilgisi kişi ile oluşturulmuştur.
![Page 21: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/21.jpg)
![Page 22: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/22.jpg)
![Page 23: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/23.jpg)
![Page 24: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/24.jpg)
![Page 25: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/25.jpg)
![Page 26: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/26.jpg)
![Page 27: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/27.jpg)
![Page 28: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/28.jpg)
![Page 29: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/29.jpg)
![Page 30: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/30.jpg)
![Page 31: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/31.jpg)
Fare İzleme (Mouse Tracking)
Sayfaya eklenen JavaScript koduyla çalışır. Ziyaretçilerinizin mouse ile site arayüzünde yaptıkları
gezintinin haritasını çıkartılır ve kayıt edilir. Kullanıcıların sayfanızdaki deneyimleri gözlemlenerek
sitenizdeki kullanım kolaylığı sorunları bulunur. Bu kayıtlardan bir çok çıktı alınır.
Gezinti haritası arzu edildiği takdirde video görüntüsüne dönüştürülür .
Ziyaretçilerinizin en fazla ilgilendikleri alanlar site arayüzü üzerinde renkli bir harita ile gösterilir.
Form verimliliği ölçülür.
![Page 32: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/32.jpg)
Fare İzleme Örnekleri
![Page 33: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/33.jpg)
Fare İzleme Örnekleri
![Page 34: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/34.jpg)
![Page 35: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/35.jpg)
Fare İzleme Örnekleri
![Page 36: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/36.jpg)
Huni Raporu (Funnel Test)
Sayfaya eklenen JavaScript ile çalışır.
Bir sayfadan başka bir sayfa giden hedef yol belirlenir.
Hedefin tamamlanma oranı ve kullanıcıların hedefi hangi noktada terk ettikleri analiz edilir.
![Page 37: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/37.jpg)
Huni Raporu (Funnel Test)
![Page 38: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/38.jpg)
A/B Testi
Kullanıcılarınıza aynı alanda belli periyotlarda 2 farklı tasarım gösterilir.
Bu 2 farklı ekrandan hangisinin kullanıcıyı daha çok etkilediği tespit edilir.
![Page 39: Usability Designers](https://reader036.vdocuments.net/reader036/viewer/2022062512/554918c7b4c90558458c4bef/html5/thumbnails/39.jpg)
REFERANSLAR
Digital Graphics ProBee Portakal Ofis Tamsonline
İnci Deri Yemek Sepeti Finansbank Superonline Tekne Borsası Alarm G4S Maraton