Also watch these videos please: http://www.youtube.com/watch?v=O94kYyzqvTc&hd=1 http://www.youtube.com/watch?v=ubNF9QNEQLA&hd=1

1. Barış Erkol
New Media, UX Design Lead at NTV
Saturday, February 5, 2011

2. Barış Erkol
New Media, UX Design Lead at NTV
bariserkol@gmail.com
twitter @bariserkol
Saturday, February 5, 2011

3. UX User EXperience
Saturday, February 5, 2011

4. UXdesign User Experience Design
Saturday, February 5, 2011

5. UXdesign
agency
User Experience Design Agency
Saturday, February 5, 2011

6. UXdesign
agency
web tasarım stüdyosu değil
dijital ajans değil
yazılım firması değil
Saturday, February 5, 2011

7. UXdesign
agency
kullanıcı deneyimi tasarlar
Saturday, February 5, 2011

8. UXdesign
agency
- web tasarım stüdyoları ile,
- dijital ajanslar ile,
- yazılım firmaları ile
ortaklaşa çalışarak projeyi
baştan sona yönetir.
Saturday, February 5, 2011

9. UXdesign
agency
- web tasarım stüdyoları ile,
- dijital ajanslar ile,
Tasarım Yönetimi
- yazılım firmaları ile
ortaklaşa çalışarak projeyi
baştan sona yönetir.
Saturday, February 5, 2011

10. Saturday, February 5, 2011

11. Strateji, marka amaçlarının
kullanıcı beklentilerini
UXdesign karşılayacak hale
getirilmesidir.
Saturday, February 5, 2011

12. Dijital Gündem
Tasarım Trendleri
Şirket Stratejisi
İş ve Kullanıcı Beklentileri
UXdesign Derinlemesine Gözlem ve
Mülakat
Persona Analizi ve Kullanıcı
Senaryoları
Saturday, February 5, 2011

13. Tasarım, yaratılacak
UXdesign deneyimin doğru ve anlamlı
bir biçimde planlanmasıdır.
Saturday, February 5, 2011

14. (Navigasyon) How a user moves around the site
(Flow) How a user gets the next things they want to do
(Orientation) How a user knows where
UXdesign (Interaction) How the system invites and responds to user action
(Content) What user will see on the page
(Layout) How content is arranged on the page
(Behaviors) How the system acts and make decisions
Saturday, February 5, 2011

15. Teknik, planlanan deneyimin
UXdesign elle tutulur ve çalışır hale
getirilmesidir.
Saturday, February 5, 2011

16. Ön-yüz Kodlama
UXdesign Arka-yüz Kodlama
Kullanılabilirlik Testleri
Saturday, February 5, 2011

17. UXdesign
Saturday, February 5, 2011

18. Kullanılabilirlik Testleri
guerrilla usability testing
Saturday, February 5, 2011

19. İnternet üzerinden potansiyel
satışların yarısı kullanıcıların
istediği bilgiye ulaşamaması
yüzünden yapılamamaktadır
UPA (Usability Professionals Association) Araştırma Sonuçları 2006
Saturday, February 5, 2011

20. İnternet sitesi kullanılabilirliği
problemleri yüzünden yılda
ortalama 25 milyar Dolar kayıp
yaşanmaktadır.
UPA (Usability Professionals Association) Araştırma Sonuçları 2006
Saturday, February 5, 2011

21. Orta ölçekli bir Amerikan şirketi
sadece intranet ağını kullanılabilirlik
açısından geliştirerek çalışanlarının
üretkenliğinde yılda 5 milyon Dolar
artış sağlayabilmektedir.
UPA (Usability Professionals Association) Araştırma Sonuçları 2006
Saturday, February 5, 2011

22. IBM websitesinde navigasyon
sorunlarını çözmek için yapılan
modifikasyon çalışmasından sonra
satışlar %400 artmıştır
UPA (Usability Professionals Association) Araştırma Sonuçları 2006
Saturday, February 5, 2011

23. “Kullanılabilirlik çalışmalarının ardından
bir e-ticaret sitesinin satışlarını %100
artırması doğal görülmektedir.”
“Bir çok sitede tasarım hatalarının
J. Nielsen
"the king of usability" (Internet Magazine)
ortadan kaldırılmasıyla 10 satın almasız
"the guru of Web page usability" (The New York Times)
"the next best thing to a true time machine" (USA Today)
geri dönüşün 9’unun satışa
"the smartest person on the Web" (ZDNet AnchorDesk)
"the world's leading expert on Web usability" (U.S. News & World Report) çevrilebileceği düşünülmektedir.”
Saturday, February 5, 2011

24. Saturday, February 5, 2011

25. Saturday, February 5, 2011

26. Kullanılabilirlik Testleri
1- Görsel ve işitsel destekli ekran yakalama analizleri
UXdesign
guerrilla usability testing
2- Yoğunluk ve ısı haritası analizleri
3- Uzaktan ekran yakalama analizleri
4- 5sn Testleri
5- Eş zamanlı kullanıcı izleme & analizleri
Saturday, February 5, 2011

27. UXdesign
guerrilla usability testing
1- Görsel ve işitsel destekli ekran yakalama analizleri
Saturday, February 5, 2011

28. UXdesign
guerrilla usability testing
2- Yoğunluk ve ısı haritası analizleri
Saturday, February 5, 2011

29. UXdesign
guerrilla usability testing
3- Uzaktan ekran yakalama analizleri
3.4
3.1
3.2 3.5
3.3
3.6
Saturday, February 5, 2011

30. UXdesign
guerrilla usability testing
4- 5sn Testleri
4.1 4.2 4.3
Saturday, February 5, 2011

31. UXdesign
guerrilla usability testing
5- Eş zamanlı kullanıcı izleme & analizleri
5.1 5.2
Saturday, February 5, 2011

32. Kullanıcıyı Anlamak
Saturday, February 5, 2011

33. Kullanıcıyı Anlamak
Saturday, February 5, 2011

34. Kullanıcıyı Anlamak
USABILITY
TRUST
INTERACTIVITY
MARKETING MIX
Saturday, February 5, 2011

35. Kullanıcıyı Anlamak
Saturday, February 5, 2011

36. Kullanıcıyı Anlamak
INCREASING
MOTIVATION Psychology REMOVING
FRICTION Usability
Saturday, February 5, 2011

37. Kullanıcıyı Anlamak
USABILITY
TRUST
INTERACTIVITY
INTERACTIVITY
MARKETING MIX
MARKETİNG MIX
Saturday, February 5, 2011

38. Kullanıcıyı Anlamak
“ …pay attention to what users do, not what they say.
JACOP NIELSEN
What do we know about people?
Saturday, February 5, 2011

39. Kullanıcıyı Anlamak
“ The details are not the details. They make the design.
CHARLES EAMES
Which dentist office would you prefer?
Saturday, February 5, 2011

40. Hikaye Yaratmak
Saturday, February 5, 2011

41. Hikaye Yaratmak
“ Great stories, though, don’t just happen
randomly; they are designed. Joseph John Campbell
Saturday, February 5, 2011

42. Hikaye Yaratmak
“ Stories can have long-lasting emotional impact.
Joseph John Campbell
Saturday, February 5, 2011

43. UXdesigner Yetileri neler olmalı?
Saturday, February 5, 2011

44. Dijital dünya nereye gidiyor?
Markanın sektöründe dünyada neler oluyor?
UXdesigner
dijital trendler
Markanın rakipleri ne yapıyor?
Türkiye’de ses getiren işler neler?
Markanın hedef kitlesi nerede, ne yapıyor?
Marka takipçilerinin beklentileri neler?
Saturday, February 5, 2011

45. Gözlem
Birebir görüşme
Fokus grup toplantıları
UXdesigner
kullanıcı arastırmaları
Online anket uygulamaları
Kullanıcı senaryosu geliştirme
Kullanılabilirlik testleri
Yoğunluk ve ısı haritası analizleri
Eş zamanlı kullanıcı deneyimi analizleri
Görsel ve işitsel destekli ekran yakalama analizleri
Web istatistik analizleri
Saturday, February 5, 2011

46. (Navigasyon) How a user moves around the site
(Flow) How a user gets the next things they want to do
(Orientation) How a user knows where
UXdesigner
arayuz tasarımı
(Interaction) How the system invites and responds to user action
(Content) What user will see on the page
(Layout) How content is arranged on the page
(Behaviors) How the system acts and make decisions
Saturday, February 5, 2011

47. It is easy to miss something that you’re not looking for
Saturday, February 5, 2011

48. Saturday, February 5, 2011

49. Öneri Kaynaklar
Designing for Interaction / Dan Saffer / 2007 / 9780321432061
Neuro Web Design-What makes them click? / Susan M. Weinschenk / 2009 / 9780321603609
A Project Guide to UX Design / Russ Unger & Carolyn Chandler / 2009 / 9780321607379
Web Style Guide / Patrick J. Lynch & Sarah Horton / 2001 / 9780300088984
Grid Systems / Kimberly Elam/ 2004 / 9781568984650
Thinking With Type / Ellen Lupton / 2004 / 9781568984483
Web Design Navigation / Ed. Julius Wiedemann / 2008 / 9783836504966
Layout / Gavin Ambrosse & Paul Harris / 2005 / 9782940373345
Don’t Make Me Think / Steve Krug / 2006 / 9780321344755
Saturday, February 5, 2011

50. teşekkür ederim
Saturday, February 5, 2011