طراحی محصولات دیجیتال | تجربه کاربری چیست؟ ارائه شده در کافه آی تی - 17 مرداد 95 دوره دوم شتابدهی استارتاپ‌ها در تریگ‌آپ

1. ‫دیجیتال‬ ‫محصوالت‬ ‫طراحی‬
‫آپ‬‫تریگ‬ ‫های‬‫استارتاپ‬ ‫شتابدهی‬‫پیش‬ ‫دوم‬ ‫دوره‬

2. What is User Experience?

3. REGISTER
CONTINUE
REGISTER
The Result?
• 45% more purchase rate
• Additional $300,000,000 in the first year

4. User Experience has a long history of building brands…

5. UX‫چیست؟‬

6. UX = UI

9. UI:
Color
Form
Branding
…
UX:
Usability
User Friendly
Size
…

10. UX‫های‬‫تجربه‬‫دار‬ ‫محصوالت‬ ‫از‬ ‫استفاده‬ ‫در‬ ‫ما‬ ‫که‬ ‫بدی‬ ‫و‬ ‫خوب‬‫یم‬
‫باعث‬ ‫و‬‫که‬ ‫شدن‬‫اونها‬ ‫از‬‫نکنیم‬ ‫یا‬ ‫کنیم‬ ‫استفاده‬.

11. ‫میگیم‬ ‫چرا‬UX‫مهمه؟‬ ‫و‬ ‫خوبه‬

12. ‫داره‬ ‫دوست‬ ‫رو‬ ‫محصول‬ ‫بیشتر‬ ‫کاربر‬
‫مونه‬‫می‬ ‫وفادار‬ ‫و‬ ‫نمیدم‬ ‫دستش‬ ‫از‬
‫میش‬ ‫محصولم‬ ‫رشد‬ ‫باعث‬ ‫و‬ ‫کنه‬‫می‬ ‫معرفی‬ ‫دوستاش‬ ‫به‬‫ه‬
‫درمیارم‬ ‫بیشتری‬ ‫پول‬ ‫من‬ ‫و‬!
(‫زمان‬ ‫در‬ ‫هم‬ ‫و‬ ‫باالتر‬ ‫حجم‬ ‫در‬ ‫هم‬‫بسیار‬‫تر‬‫طوالنی‬)
‫کنه‬‫می‬ ‫اعتماد‬ ‫بهش‬ ‫بیشتر‬

13. ‫بلدم‬ ‫خودم‬!‫شناسم‬‫می‬ ‫رو‬ ‫کاربر‬ ‫و‬ ‫محصول‬
‫االن‬ ‫پس‬UX‫دیزاینرم‬...

15. ‫اصلی‬ ‫اهداف‬
1-‫اینکه‬‫به‬ ‫بتونه‬ ‫کاربر‬‫برس‬ ‫دلپسندی‬ ‫نحو‬ ‫به‬ ‫و‬ ‫خود‬ ‫اهداف‬‫ه‬
2-‫برسن‬ ‫تجاریشون‬ ‫اهداف‬ ‫به‬ ‫بتونن‬ ‫ها‬‫شرکت‬ ‫اینکه‬

16. ‫توی‬UX‫کنن؟‬‫می‬ ‫کارهایی‬ ‫چه‬
‫بدونه؟‬ ‫الزمه‬ ‫چیزهایی‬ ‫چه‬ ‫کاربری‬‫تجربه‬ ‫طراح‬

19. ‫تعاملی‬ ‫طراحی‬Interaction Design
‫تکنولوژیک‬ ‫های‬‫ابزار‬‫خشن‬‫کمی‬ ‫ها‬‫ابزار‬ ‫این‬ ‫با‬ ‫انسان‬ ‫ارتباط‬ ،‫هستند‬‫متفا‬‫تر‬‫وت‬‫نظر‬ ‫به‬
‫رسه‬‫می‬.‫اعتماد‬ ‫سایتتون‬ ‫وب‬ ‫به‬ ‫راحت‬ ‫خیلی‬ ‫تونن‬‫نمی‬ ‫شما‬ ‫کاربرای‬ ‫معموال‬‫کنن‬.‫به‬
‫چنین‬ ‫با‬ ‫انسان‬ ‫ارتباط‬ ‫دلیل‬ ‫همین‬‫هایی‬‫ابزار‬(‫به‬‫اجتماعی‬ ‫موجود‬ ‫یک‬ ‫عنوان‬)‫به‬ ‫نیاز‬
‫داره‬ ‫دوطرفه‬ ‫و‬ ‫تعاملی‬ ‫رویکرد‬ ‫یه‬.

20. ‫تعاملی‬ ‫طراحی‬Interaction Design

21. Micro Interactions
• Buzz!
• The Facebook ‘like’ functionality
• ‘Pull to Refresh’
• The on/off switch
• Volume control
• Scroll bars
• Cut and paste
• Emojis :)

22. ‫کاربری‬ ‫رابط‬User Interface Design
‫طراحی‬ ‫کلی‬ ‫طور‬ ‫به‬‫یعنی‬ ‫کاربری‬ ‫رابط‬‫ر‬ ‫مثل‬ ‫بصری‬ ‫عناصر‬ ‫از‬ ‫استفاده‬ ‫روش‬،‫نگ‬
‫استفاده‬ ‫روش‬ ‫و‬ ‫پیام‬ ‫یه‬ ‫انتقال‬ ‫برای‬ ،‫ها‬ ‫سمبل‬ ‫و‬ ‫تصاویر‬‫هست‬ ‫کاربر‬ ‫به‬.

23. ‫دیداری‬ ‫طراحی‬ ‫و‬ ‫کاربری‬ ‫رابط‬User Interface Design

24. ‫کاربردپذیری‬Usability
‫باید‬ ،‫مشخص‬ ‫هدف‬ ‫یه‬ ‫به‬ ‫رسیدن‬ ‫برای‬ ‫که‬ ‫سوال‬ ‫این‬ ‫طرح‬ ‫یعنی‬‫چه‬
‫ب‬ ‫منجر‬ ‫که‬ ‫بدیم‬ ‫قرار‬ ‫کاربرا‬ ‫از‬ ‫دسته‬ ‫کدوم‬ ‫اختیار‬ ‫در‬ ‫رو‬ ‫امکاناتی‬‫استفاده‬ ‫ه‬
‫مؤثر‬،‫بخش‬‫رضایت‬‫با‬ ‫و‬‫وری‬‫بهره‬‫باال‬‫بشه؟‬

25. ‫کاربردپذیری‬Usability

26. ‫پذیری‬ ‫دسترسی‬Accessibility
‫آسون‬ ‫درک‬ ‫و‬ ‫استفاده‬ ،‫وصول‬ ‫برای‬ ‫سیستمی‬ ‫وجود‬.‫مناس‬ ‫پیمایشی‬ ‫های‬‫ابزار‬ ‫وجود‬‫ب‬
(‫مثل‬‫منوها‬)‫دس‬ ‫سایت‬ ‫مختلف‬ ‫های‬‫قسمت‬ ‫به‬ ‫آسون‬ ‫خیلی‬ ‫کاربر‬ ‫بشن‬ ‫باعث‬ ‫که‬‫ترسی‬
‫همینطور‬ ،‫باشه‬ ‫داشته‬‫برای‬‫نهایت‬ ‫در‬ ‫و‬ ‫نشه‬ ‫روبرو‬ ‫پیچیدگی‬ ‫با‬ ‫اون‬ ‫از‬ ‫استفاده‬‫د‬‫ر‬‫کمترین‬
‫از‬ ‫جامعی‬ ‫درک‬ ‫به‬ ‫زمان‬‫برسه‬ ‫محصول‬

27. ‫پذیری‬ ‫دسترسی‬Accessibility

28. ‫اطالعات‬ ‫معماری‬Information Architecture
‫داشت‬ ‫اطالعات‬ ‫به‬ ‫بهتری‬ ‫دسترسی‬ ‫کاربران‬ ‫کنه‬‫می‬ ‫کمک‬ ‫که‬ ‫هنریه‬ ‫و‬ ‫علم‬ ‫اطالعات‬ ‫معماری‬‫باشن‬ ‫ه‬.
‫به‬‫پ‬ ‫تر‬‫راحت‬ ‫رو‬ ‫اطالعات‬ ‫بتونه‬ ‫اینکه‬ ‫برای‬ ‫کاربر‬ ‫به‬ ‫کمک‬ ‫یعنی‬ ‫اطالعات‬ ‫معماری‬ ‫عبارتی‬‫کنه‬ ‫یدا‬.

29. ‫اطالعات‬ ‫معماری‬Information Architecture

30. ‫طراحی‬‫کاربری‬‫تجربه‬،‫ساده‬‫اما‬‫پیچیده‬
1-‫ما‬‫رفتارهای‬ ‫با‬‫پیچیده‬‫سروکار‬ ‫انسانی‬‫داریم‬
2-‫های‬‫تجربه‬‫تغییره‬ ‫حال‬ ‫در‬ ‫مدام‬ ‫کاربران‬

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