UX Design Process

3,232 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.

0 Comments
17 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,232
On SlideShare
0
From Embeds
0
Number of Embeds
50
Actions
Shares
0
Downloads
62
Comments
0
Likes
17
Embeds 0
No embeds

No notes for slide

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

×