فلش‌کارت‌های آموزشی طراحی تعاملات کوچک برای کارت‌ها و لیست‌های رابط کاربری

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره طراحی تعاملات کوچک برای کارت‌ها و لیست‌های رابط کاربری

موضوع کلی: طراحی و پروتوتایپینگ

موضوع میانی: کاربرد میکرواینترکشن برای بهبود UX

📋 سرفصل‌های دوره

• 1. نقش میکرواینترکشن‌ها در کارایی و وضوح کارت‌ها و لیست‌ها
• 2. تمایز میکرواینترکشن از ناوبری و تعاملات کلان
• 3. مدل مؤلفه‌ای: محرک، قواعد، بازخورد، حلقه و حالت
• 4. استخراج نیاز کاربر از سناریوهای کارت و لیست
• 5. انتخاب تعاملات بر پایه اهمیت، تکرار و پیامد
• 6. طراحی affordance و انتظار کاربر پیش از اجرا
• 7. هماهنگی با زبان طراحی و الگوهای رایج
• 8. مدیریت سلسله‌مراتب بصری در تراکم بالا
• 9. طراحی محرک‌های کاربرمحور
• 10. طراحی محرک‌های سیستمی و داده‌محور
• 11. انتخاب قالب بازخورد مناسب
• 12. تنظیم زمان‌بندی، تأخیر و طول بازخورد
• 13. فهرست‌کردن همهٔ حالت‌های یک کارت یا ردیف
• 14. تعریف قوانین عبور بین حالت‌ها و جلوگیری از وضعیت نامعتبر
• 15. تحلیل ناحیه‌های تعاملی در ساختار کارت
• 16. طراحی حالت‌های hover، focus و press
• 17. تعامل انتخاب تک‌گزینه‌ای و چندگزینه‌ای
• 18. میکرواینترکشن علاقه‌مندی، ذخیره و نشان‌گذاری
• 19. باز و بسته کردن محتوای کارت
• 20. نمایش جزئیات از داخل کارت بدون گم‌کردن زمینه
• 21. عملیات زمینه‌ای کارت: کپی، اشتراک‌گذاری و انتقال
• 22. کشیدن و رها کردن برای مرتب‌سازی
• 23. حرکات کششی برای دسترس‌یابی به عملیات
• 24. بزرگ‌نمایی و پیش‌نمایش تصویر یا محتوای رسانه‌ای
• 25. بازخورد بارگذاری با skeleton و پیشرفت
• 26. کشیدن برای تازه‌سازی
• 27. بارگذاری تدریجی و Infinite Scroll
• 28. مدیریت صفحه‌بندی و ناوبری میان صفحات
• 29. حالت خالی قابل اقدام
• 30. خطا، تلاش مجدد و بازیابی
• 31. به‌روزرسانی خوش‌بینانه و اصلاح خطا
• 32. هماهنگ‌سازی تغییرات هم‌زمان و تکراری
• 33. انتخاب گروهی و عملیات دسته‌جمعی
• 34. بازخورد به فیلتر، مرتب‌سازی و وضعیت نمایش
• 35. طراحی چیدمان حرکتی hover در لیست
• 36. ورود و خروج آیتم‌ها هنگام تغییر داده
• 37. انیمیشن‌های پله‌ای و Staggered
• 38. جهت‌دهی حرکت بر اساس معنا و زمینه
• 39. انتخاب duration و easing متناسب با مقیاس
• 40. استفاده کنترل‌شده از spring و momentum
• 41. هماهنگ‌سازی چند عنصر در یک تعامل
• 42. پیشگیری از شلوغی حرکتی و حفظ تمرکز
• 43. طراحی Reduced Motion
• 44. پشتیبانی کامل از صفحه‌کلید
• 45. مدیریت focus در باز شدن جزئیات و کشوها
• 46. ارائه بازخورد مناسب به کاربران Screen Reader
• 47. اندازه هدف، تحمل خطا و طراحی gesture
• 48. تفاوت تعامل pointer، touch و hover
• 49. طراحی RTL و بومی‌سازی جهت، متن و حرکت
• 50. سازگاری با اندازه صفحه، تراکم و دستگاه
• 51. تعریف بودجه عملکرد برای حرکت و بازخورد
• 52. بهینه‌سازی transform و opacity و جلوگیری از بازسازی layout
• 53. مستندسازی مشخصات تعاملی مؤلفه
• 54. طراحی motion tokens
• 55. تعیین سطح fidelity نمونه‌سازی تعاملی
• 56. ساخت نمونه برای همهٔ حالت‌های مرزی
• 57. ارزیابی با آزمون کارایی محور وظیفه
• 58. سنجش زمان انجام کار، خطا، بازیابی و رضایت
• 59. آزمون دسترسی‌پذیری و سازگاری در دستگاه‌های مختلف
• 60. به‌سازی تعاملات بر پایه داده، بازخورد کاربر و مرور دوره‌ای