UX Design Process

Kullanıcı Deneyimi Tasarımı Süreçleri

Speakings:
• UX Camp'14 - "Design Process" - Userspots, Bahçeşehir University Game Lab, Istanbul, July 2014
• TÜTEV - "UX Design" - Ankara, July 2014
• Android Developer Days 2014 - "Mobile UX" - GDG Ankara, METU Ankara, May 2014
• UX Weekend ITU - "Design Process" - Userspots, ITU Department of Fine Arts, Istanbul, April 2014
• UX Weekend Ankara - "Design Process" - Userspots, METU Gimer, Ankara - April 2014

Given speeches about "UX Design Process" and also helped attendees about their UX Design projects.

Transcript

1. T A S A R I M RIZA SELÇUK SAYDAM
2. @rssems #UXCamp14 günün menüsü… Giriş Araştırma ve Veri Tasarım Süreçleri Arayüz Tasarım Prensipleri Optimizasyon Sorular ve Cevaplar
4. RIZA SELÇUK SAYDAM UX Designer of izlesene.com at Nokta @rssems #UXCamp14
5. @rssems #UXCamp14
6. @rssems #UXCamp14
12. Great UI isn’t there
13. Great UI isn’t there
18. @rssems #UXCamp14 VERİ ARAŞTIRMA ve "Nereye gitmek istedigini bilmiyorsan hangi yoldan gideceğin farketmez." Cheshire
19. @rssems #UXCamp14 Data, Not Design, is King in Age of Google Age of Data "We let the math and the data govern how things look and feel."
20. @rssems #UXCamp14 “If you torture the data long enough, it will confess” ! Ronald Coase (Nobel Prize in Economics)
21. @rssems #UXCamp14 Mind Map Zihin Haritası www.mindnode.com
23. 69%
24. 84%
25. 39%
26. @rssems #UXCamp14 Kullanıcı Araştırması
27. @rssems #UXCamp14 Hedef Kitle, Persona uxpin.com
28. @rssems #UXCamp14 Hedef Kitle, Persona uxpin.com
29. @rssems #UXCamp14 Business Model Canvas Kanvas İş Modeli uxpin.com
30. @rssems #UXCamp14 "Customer Journey Map" Kullanıcı Deneyim Haritası thisisservicedesignthinking.com
31. @rssems #UXCamp14 "Customer Journey Map" Kullanıcı Deneyim Haritası thisisservicedesignthinking.com
32. Customer Journey Map
33. @rssems #UXCamp14 and Content Strategy Information Architechturtre
34. @rssems #UXCamp14 Competitive Analysis Benchmark Google Analytics
35. TASARIM
36. @rssems #UXCamp14 Increasing the number of choices will increase Hick-Hyman Law Source: http://1.usa.gov/1whJPxj
37. @rssems #UXCamp14 Hick’s Law
38. @rssems #UXCamp14 Hick’s Law
39. @rssems #UXCamp14 Source: http://en.wikipedia.org/wiki/Fitts The closer and bigger something is to you, the easier & faster it is for you to touch it (accurately). Fitts’s Law
40. @rssems #UXCamp14 Fitts’s Law
41. @rssems #UXCamp14 Dokunmatik
42. @rssems #UXCamp14 Dokunmatik
43. @rssems #UXCamp14 Dokunmatik
44. @rssems #UXCamp14 Dokunmatik
45. @rssems #UXCamp14 The number of objects an average person can hold in working memory is about 7±2. Miller’s Law
46. @rssems #UXCamp14 The number of objects an average person can hold in working memory is about 7±2. Miller’s Law
47. @rssems #UXCamp14 Kalem, Grid Defter, Hayal Gücü Eskiz
48. @rssems #UXCamp14 Kalem, Grid Defter, Hayal Gücü Eskiz
49. @rssems #UXCamp14 Kalem, Grid Defter, Hayal Gücü Eskiz
50. @rssems #UXCamp14 Eskiz Örneği
51. @rssems #UXCamp14 Fonksiyonel, ayrıntılı taslak Wireframe moqups.com & balsamiq.com
52. @rssems #UXCamp14 Wireframe blueprint for design
53. @rssems #UXCamp14 Fonksiyonel, ayrıntılı taslak Wireframe moqups.com & balsamiq.com
54. @rssems #UXCamp14 Wireframe Örneği
55. @rssems #UXCamp14
56. @rssems #UXCamp14 Wireframe ve Renkler
57. @rssems #UXCamp14 Amatör de olsa…
58. @rssems #UXCamp14 Kompleks de olsa…
59. @rssems #UXCamp14 Bir örnek daha…
60. @rssems #UXCamp14 ve Lorem Ipsum Kelimeler
61. @rssems #UXCamp14 ve Lorem Ipsum Kelimeler
62. @rssems #UXCamp14 Evet, bazı şeyler wireframe’lenemez! Peki ya? http://insideintercom.io/things-cant-wireframed/
63. @rssems #UXCamp14 Ama…
65. @rssems #UXCamp14 Wireframe’in gerçek içerik ile birleşimi Mockup
66. @rssems #UXCamp14 invision, flinto, marvel, pop Prototip
67. @rssems #UXCamp14 Prototip Araçları Proto.io - Marvel InVisio Flinto
68. @rssems #UXCamp14 Arayüz Tasarımı
69. @rssems #UXCamp14 MOLASI KAHVE
71. @rssems #UXCamp14 Arayüz Tasarımı
72. @rssems #UXCamp14 Arayüz Tasarımı
73. @rssems #UXCamp14 + Skala Preview Photoshop
74. @rssems #UXCamp14 + Mirror Sketch App
75. @rssems #UXCamp14 Sık görülen problemlere ortak çözümler Design Pattern
76. @rssems #UXCamp14 Sık görülen problemlere ortak çözümler Design Pattern
77. @rssems #UXCamp14 Sık görülen problemlere ortak çözümler Design Pattern
78. @rssems #UXCamp14 Android, iOS, Windows Phone… Platform Farkı
79. Typography
80. @rssems #UXCamp14 Color Theory Renk
81. @rssems #UXCamp14 Color Theory Renk
82. Renk http://www.rocket-design.fr/color-template/
83. Icons Pixel perfect assets and Icons
84. Animation
86. @rssems #UXCamp14 Hızlı ol veya hızlı olduğunu ‘hissettir’ Hız
87. The Animation Tools Xcode > Origami > Framer.JS > After Effects > Flinto = Marvel (…)
88. @rssems #UXCamp14 Hata Ekranları, Boş Alanlar… Tam Deneyim
89. @rssems #UXCamp14 Hata Ekranları, Boş Alanlar… Tam Deneyim
90. @rssems #UXCamp14 Hata Ekranları, Boş Alanlar… Tam Deneyim
91. @rssems #UXCamp14 Hata Ekranları, Boş Alanlar… Tam Deneyim
92. @rssems #UXCamp14 Hata Ekranları, Boş Alanlar… Tam Deneyim
93. @rssems #UXCamp14 Hata Ekranları, Boş Alanlar… Tam Deneyim
95. @rssems #UXCamp14
97. @rssems #UXCamp14 "A mathematical model of the finding of usability problems" Test with 5 Users via http://bit.ly/test5users
98. @rssems #UXCamp14
99. @rssems #UXCamp14
100. UX bilimdir. Sanat değil.
101. @rssems #UXCamp14 CEVAPLAR SORULAR
102. RIZA SELÇUK SAYDAM UX Designer of izlesene.com at Nokta @rssems #UXCamp14