Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

UX Design Process

3,863 views

Published on

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.

UX Design Process

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

×