باید و نبایدهایی در طراحی محصولات دیجیتال کارگاه رویداد نوآورانه فین‌تک تریگ‌آپ ارائه شده در کافه آی تی - 9 اسفند 94

1. ‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE

2. ‫هر‌رنگی‌بخوای‌خوب‌نیست‬!
(‫‌‌شناسی‬‫گ‬‫رن‬)
‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE

3. ‌،‫احساس‌هیجان‬
،‫اشتیاق‬
‌‫انرژی‌و‬‫عشق‬
‌،‫خالقیت‬
‌،‫معنویت‬
‌،‫شخصیت‬
‫کیفیت،‌سلطنت‬
‫و‌تجمل‬
‌،‫فراوانی،‌تحرک‬
‌،‫شجاعت‬
‌،‫صمیمیت‬‌‫نشاط‬
‌‫و‬‫‌آمدگویی‬‫ش‬‫خو‬
‌،‫شادی،‌اشتیاق‬
‌،‫دوستی‬
‌‫خوش‌بینی‌و‬
‌‫اعتماد‬
‌،‫اعتماد،‌صداقت‬
‌‫آرامش،‌قدرت‌و‬
‫هوش‬
‌،‫امید،‌رشد‬
‌‫تازگی،‌تعادل‌و‬
‫اطمینان‬
‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE
‫‌‌شناسی‬‫گ‬‫رن‬

4. ‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE
‫‌‌شناسی‬‫گ‬‫رن‬

5. ‫هرجایی‌محتوا‌خوب‌نیست‬!
(WhiteSpace)
‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE

6. ‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE

7. ‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE

8. ‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE
‌‫تأثیرات‌رعایت‌فضای‌سفید‬(White Space)
1-‫‌تر‬‫ه‬‫قابل‌استفاد‬
2-‫محتوای‌خواناتر‬
3-‌‫جلوگیری‌از‌خستگی‬(‫بصری‬‌)‫کاربر‬
4-‌‫حذف‬‫فشردگی،‌انحراف‌ذهنی‌و‌تصمیمات‌اضافی‬
5-‌‫ظاهر‬‫و‌حسی‌مدرن‬

9. ‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE

10. ‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE

11. ‌‫فضای‬‫سفید؛‌فقط‌فضای‌خالی‌نیست‬!
‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE

12. ‌‫فضای‌سفید‬(White Space)
‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE

13. ‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE

14. ‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE

15. ‫هر‌فونتی‌مناسب‌نیست‬
(Typography)
‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE

16. ‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE
Typography

17. ‫‌داشتنی‌نیست‬‫ت‬‫هر‌حرفی‌دوس‬
(Pop-up, Spam)
‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE

18. ‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE
Conversion Rate
‌‫آمار‬‌‫کسب‬‫مشتری‬
Engagement
‫تعهد‬
Loyalty
‫وفاداری‬
Sale
‫فروش‬
Growth
‫رشد‬
Revenue
‫درآمدزایی‬

19. ‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE

20. ‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE

21. ‫ِل‌بگو‬‫د‬‌‫با‌من‌از‬!
(Copywriting, Content Strategy)
‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE

22. ‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE

23. ‫طراحی،‌به‌هر‌فرمی‌که‌خوشم‌میاد‬!
‌‫قواعد‌پلتفرم‌ها‬(Guidelines)
‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE

24. MD
Material Design
UWP
Universal Windows
Platform
(Metro-Modern Design)
HIG
Human Interface
Guidelines

26. Guidelines
‫محدودیت‌یا‌آزادی؟‬
‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE

27. ‫احترام‬
‫کمک‌به‌کاربر‌جهت‌درک‌و‌تعامل‌بهتر‬
‫وضوح‬
‫متون‌خوانا‬–‫‌های‌دقیق‌و‌شفاف‌عملک‬‫ن‬‫آیک‬‌‫رد‬
‌‫شفاف‬(functionality)
‫عمق‬
Visual Layers‫‌هایی‌با‌انتقال‌حس‌شو‬‫ن‬‫و‌موش‬‌‫ر‬
‫و‌نشاط‌و‌افزایش‌لذت‌کاربران‬
‫‌پذی‬‫ی‬‫یکپارچگی‌و‌دسترس‬‫ری‬
‫‌ها،‌ساختار‌و‬‫ت‬‫‌او‬‫ی‬‫‌ها،‌ل‬‫ن‬‫آیک‬...
‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE
‫‌ها‬‫م‬‫اهداف‌قواعد‌پلتفر‬

28. ‫‌شود؟‬‫ی‬‫ً‌باعث‌موفقیت‌محصول‌م‬‫ا‬‫لزوم‬
‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE

29. ‫‌کند‬‫ی‬‫دانش‌آکادمیک‌کفایت‌نم‬!
Books, Research, Case Studies,… ?
‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE

30. User Testing
‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE
Analytics
Heatmap

31. ‫شناخت‌یک‌راه‌موفق‌نشدن‬!
(A/B Testing)
‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE

32. A/B Testing
‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE

33. ‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE
A/B Testing

34. ‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE
A/B Testing

35. ‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE
A/B Testing

36. ‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE
A/B Testing

37. ‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE
A/B Testing

38. ‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE
A/B Testing
N%

39. TestingMVT
‌‫تست‌چند‌متغیری‬(Multivariate Testing)
‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE

40. TestingMultiVariate
‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE

41. ‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE
‫کاربر‌ارباب‌محصول‬!

42. CREATIVITY
IS ALLOWING YOURSELF TO MAKE MISTAKES
“DESIGN”
IS KNOWING WICH ONES TO KEEP
- SCOTT ADAMS -
‫‌های‌نخواستنی‬‫ن‬‫خواست‬
‌‫باید‬‌‫و‌نبایدهایی‬‌‫در‌طراحی‌محصوالت‬‫دیجیتال‬
IT CAFE

43. Mohammad (Mobin) Bahrami
AD • UX • UI
/BahramiDesign