Your SlideShare is downloading. ×

UX Design Process

1,771
views

Published on

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

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
12 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,771
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
44
Comments
0
Likes
12
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

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