WTM Ankara 2016 Etkinligi -GDG Ankara UX Design -Kullanıcı Deneyimi Tasarımı Human-Centered Design (HCD) -İnsan Odaklı Tasarım Design Thinking - Tasarım Odaklı Düşünme

1. UX
Kullanıcı Odaklı Tasarım
Tasarım Odaklı Düşünce
Selin Sargut

2. UX Design
Kullanıcı Deneyimi Tasarımı
Human-Centered Design (HCD)
İnsan Odaklı Tasarım
Design Thinking
Tasarım Odaklı Düşünme

3. TASARIM
Problem Çözme Süreci

4. KULLANICI
DENEYiMi (UX)
Bir kişinin ürün yada sistemle etkileşirken nasıl hissettiği, nasıl davrandığı

5. UX’in yaratıcısı
Dr. Don Norman, “The Design of
Everyday Things” kitabının yazarı.
Bilişsel bilim uzmanı ve tasarım
eleştirmeni.
“UX terimini yaratmamın sebebi,
kullanıcı arayüzü ve kullanılabilirlik
ifadelerinin çok yüzeysel olduğunu
düşünmem. Kişinin sistem ile olan
deneyiminin tüm yönlerine
değinmek istedim."

6. Kullanıcı deneyimi her
yerde var.
Source: Dribbble
by Shane Rounce
TV Kumandaları: - soldan sağat: Comcast Universal, Tivo Glo Premium, Logitech Harmony Touch,
Sony Google TV (1G), Sony Google TV (2G), Microsoft Xbox 360 Wireless, Nintendo Wii Plus, Roku 2
XS, Apple TV.
http://punchcut.com/perspectives/lost-signal-7-lessons-tv-history/

7. Amaç
UX iyi ise:
●Daha hızlı öğrenme
●Daha az destek
●Verimlilik ve üretkenlik
Deneyimi iyileştirmek.
Kullanıcılara yardım etmek,
işlerini kolaylaştırmak.

8. Amaç
UX iyi ise:
●Daha hızlı öğrenme
●Daha az destek
●Verimlilik ve üretkenlik
Deneyimi iyileştirmek.
Kullanıcılara yardım etmek,
işlerini kolaylaştırmak.

9. Windows 8 – program arama
Windows XP, 7 – program arama

10. Peki Nasıl?
Kullanıcıları,
ihtiyaçları anlamak
Tasarım
Test
Lean UX
http://www.cooper.com/journal/2011/03/
more_better_faster_ux_design
● Bilişsel gözden geçirme
(Cognitive Analysis)
● Sezgisel analiz
(Heuristic Analysis)
● Kullanıcılar ile kullanılabilirlik
analizi – "Sesli Düşünme"
● İdeal UX
senaryoları
● Prototip
● Görüşmeler
● Gözlemler
● Anketler
● "Casusluk"
● Analiz: Persona, akış

11. UX Tasarım Süreci
Tanım
Empati
Kurmak-
Anlamak
Fikir
Oluşturmak
Kullanıcının
İhtiyacı
Teknolojik
İmkanlar
İş Hedefleri
Prototip
Test

12. Çözüm Tasarlarken
Birden fazla örnek yapmak, tartışmak
Basitleştirmek, kapsamı daraltmak (sadece özü kalana kadar)
Daima amaçı hatırlamak
Prototip → Fikirlerin görselleştirilmesi, test edebilme
questux.co.uk

13. Sezgisel
Kullanılabilirlik
Analizi
Tutarlılık
Yazı tipleri ve renkler
Okunabilirlik
İkonlar (Simgeler)
Hata iletileri, hataların önlenmesi
İhtiyaç olduğunda, gerekli bilgiyi
vermek
Gecikmeleri ve ilerlemeyi
göstermek
(Heuristic Analysis)

14. Prensipler
Algı
Dikkat
Zihin
Bellek
Reaksiyon hızı
Yardım ve geri bildirim
Kullanışlılık
Kullanılabilirlik
Güzellik, Cazibe, Keyif,
Oyunlaştırmak (Gamification?)

15. Algı
Yakınlık, Grup, Gestalt
Birbirleriyle ilişkili olanları
yan yana koymak.
Büyük harfler algıyı
yavaşlatıyor.
BÜYÜK HARFLER ALGıYı YAVAŞLATıYOR.

16. Dikkat

17. Fark edilebilirlik

18. Hafıza
Tanıma ve hatırlama
Gerekli bilgi gerektiği zaman orada mı?
Örn: en son kullandığınız...
İkonlar: Bulunduğu yer, görüntüden hızlı ögrenilir.

19. Renkler

20. Estetik, minimalizm
Fontların ve renklerin okunabilirliği
Çok fazla font kullanmamak
Çok fazla renk kullanmamak
Oran

21. Kullanıcıya özgürlük
Undo - mümkünse
Bir şekilde geri alma opsiyonu

22. Yardım ve Geri
Bildirim
Sistem statülerinin görünür
olması
Gecikmeleri yada süreç
ilerlemesini göstermek
Aksiyonu gösteren bir mesaj
Şifrenin girildiğinin belirtilmesi

23. Bu süreçte kim
olmalı?
Geliştirici
Tasarımcı
Kullanıcı! →Human centered approach

24. Kullanıcı odaklı
bakış açısı
Kullanıcı kim?
İhtiyaçları ne?

25. Human-Centered Design (HCD)
İnsan Odaklı Tasarım

28. Kullanıcıyı
anlamak
Önce kendin dene. Gözlemle, konuş.
• Açık uçlu sorular sor ("evet hayır" soruları değil)
• Açık uçlu soru: "Bir etkinlik oluşturma süreci nedir?"
• Evet Hayır sorusu: "Bu seni yavaşlattı mı?"
• Olasılık düşünme, "Eğer yapabilseydin?"
Anket, testler
Analiz, persona

29. Bir ürünü
kullanmayı neden
seviyoruz?

30. “Çekici objeler daha iyi
çalışıyor.”
Emotional Design, Donald A. Norman, 2004
"90'ların başında iki Japon araştırmacı,
Masaaki Kurosu ve Kaori
Kashimura’nın araştırması.
“Çekici olanı kullanmak daha kolay
olarak algılanıyor "
ATM deneyi:
ATM'lerin tüm fonksiyonları ve
düğmelerin sayısı aynı, sadece bazı
düğmeler ve ekranlar zevksiz, diğerleri
çekici olarak düzenlenmiş.

31. Design Thinking
Tasarım Odaklı Düşünme

32. 32
Tasarım "Bir Düşünme Şekli"
Yaratıcı Süreç + Zihniyet

33. 33
öğrenmek için dene
=
tasarım odaklı, insan odaklı yaklaşım

34. 34
"Design Thinking" iş amaçlı adapte edilmiş.
David M. Kelley founded IDEO in 1991.
IDEO inovasyon ve tasarım şirketi, insan odaklı ve
tasarım temelli yaklaşım kullanıyor.

35. İnsan odaklı
olmak...

36. Tom Kelley and David Kelley, Creative Confidence (New York: Random House,
2013), pp. 21-25
…inovasyon sürecimizin
temelinde var.

37. 37
İnsanlarda, umutları,
korkuları ve ihtiyaçları ile
başlayarak,
en çok arzu
edileni
ortaya
çıkartmak.
İnovasyon

38. Empati
Margaret Gould Stewart: How giant websites design
for you (and a billion others, too) at TED2014

39. Oral-B için çocuk
diş fırçası
Yumuşak saplı çocuk diş fırçası
IDEO tasarım
Organik, yumuşak görünüm
İnce, uzun olan genel yetişkin
fırçaları yerine, 5-8 yaş arası, biraz
daha küçük eller için yeniden
tasarlandı...

40. Tasarım Yükselen
Değer

41. “Design thinking needs to be a core
competence.”
(HBR, Sept 2015)

42. Jonathan Ive
Senior VP of Design (2013)
Chief Design Officer (2015)
David Butler
VP of Global Design (2004)
VP of Innovation & Entrepreneurship (2012)
Mark Parker
CEO (2006)
Todd Simmons
VP of Brand Experience & Design (2014)
Tasarımın rolü
değişiyor
Tasarım bugün artık nesneler,
görseller, veya alan tasarımı değil;
sistemler, stratejiler ve
deneyimlerin de tasarlanması.
Source: Paradigm Shift: Report on the New Role of Design in Business
and Society
The Journal of Design, Economics, and Innovation.

43. Tasarımın Değeri
2014’deki verilere göre,
son 10 yılda tasarım
liderliğindeki şirketler,
önemli borsa avantajı
sağlamış, 219% oranında
olağanüstü S&P performansı
göstermiştir.

44. 44
Design thinking, trendi?

45. 45
We Intelligence
İşbirliği yapan ekipler, daha hızlıdır,
kolektif zeka kullanır,
Daha sürdürülebilirbir süreç ve şaşırtıcı sonuçlarçıkartır.

46. 46
Kaynak:dschool.stanford.edu
GözlemAnlama Fikir Prototip
Bakış
Açısı
Test
Tasarım Odaklı Süreç

47. 47
Neye
ihtiyacımız
var?
Yaratıcı Güven
Yapmak, Denemek
Hatalardan Ders Almak
Empati
Belirsizlikle Barışmak
İyimserlik
Yinelemek, Tekrar
The Field Guide to Human-Centered Design (By IDEO.org)

48. Teşekkürler