Download - Usability Designers

Transcript
Page 1: Usability Designers

USABILITY DESIGNERS

Page 2: Usability Designers

GÜNDEM

Biz Kimiz? Neden Kullanılabilirlik? Kullanılan Metodlar Referanslar

Page 3: Usability Designers

Biz Kimiz?

?

Page 4: Usability Designers

Neden Kullanılabilirlik?

• Kerry F. B. Packer • 18 Milyon $• 8 Milyar $

• Wayne Burton• 10 Milyon $

%7,5

Page 5: Usability Designers

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

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

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

“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

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

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

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

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

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

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

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

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

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

Göz İzleme Araçları

Page 19: Usability Designers

Göz İzleme Araçları

Page 20: Usability Designers

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
Page 22: Usability Designers
Page 23: Usability Designers
Page 24: Usability Designers
Page 25: Usability Designers
Page 26: Usability Designers
Page 27: Usability Designers
Page 28: Usability Designers
Page 29: Usability Designers
Page 30: Usability Designers
Page 31: Usability Designers

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

Fare İzleme Örnekleri

Page 33: Usability Designers

Fare İzleme Örnekleri

Page 34: Usability Designers
Page 35: Usability Designers

Fare İzleme Örnekleri

Page 36: Usability Designers

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

Huni Raporu (Funnel Test)

Page 38: Usability Designers

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

REFERANSLAR

Digital Graphics ProBee Portakal Ofis Tamsonline

İnci Deri Yemek Sepeti Finansbank Superonline Tekne Borsası Alarm G4S Maraton


Top Related