فلش‌کارت‌های آموزشی گالری الگوهای طراحی رابط کاربری برای اپلیکیشن‌های موبایل

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

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

عنوان دوره: دوره گالری الگوهای طراحی رابط کاربری برای اپلیکیشن‌های موبایل

موضوع کلی: طراحی و تجربه کاربری (UX/UI)

موضوع میانی: الگوهای طراحی رابط کاربری (UI Design Patterns)

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

• 1. مقدمه‌ای بر طراحی رابط کاربری در اپلیکیشن‌های موبایل
• 2. اصول اولیه طراحی تجربه کاربری (UX)
• 3. شناخت کاربران و تحلیل نیازها
• 4. شخصیت‌پردازی (Persona) در طراحی UX
• 5. نقشه سفر کاربر (User Journey Map)
• 6. طراحی جریان کاربری (User Flow)
• 7. ساختار اطلاعات (Information Architecture)
• 8. تست کاربری (User Testing) و جمع‌آوری بازخورد
• 9. مقدمه‌ای بر الگوهای طراحی رابط کاربری (UI Patterns)
• 10. اهمیت ثبات و یکپارچگی در طراحی UI
• 11. کاربرد الگوهای ناوبری (Navigation Patterns)
• 12. منوهای همبرگری (Hamburger Menus) و کاربرد آن‌ها
• 13. منوهای تب‌بار (Tab Bars) و مزایایشان
• 14. منوهای کشویی (Side Drawers) و موارد استفاده
• 15. ناوبری هدر (Header Navigation) و راهنمای عنوان
• 16. کاربرد کارت‌ها (Cards) در نمایش محتوا
• 17. الگوهای طراحی فرم (Form Design Patterns)
• 18. فیلدهای ورودی متن (Text Input Fields)
• 19. چک‌باکس‌ها و رادیو باتن‌ها (Checkboxes & Radio Buttons)
• 20. انتخابگرها (Pickers) و اسلایدرها (Sliders)
• 21. دکمه‌ها (Buttons) و انواع آن‌ها
• 22. عملگرهای اصلی (Primary Actions) و ثانویه (Secondary Actions)
• 23. الگوهای نمایش لیست‌ها (Lists Patterns)
• 24. لیست‌های ساده (Simple Lists)
• 25. لیست‌های با جزئیات (Detailed Lists)
• 26. لیست‌های قابل اسکرول (Scrollable Lists)
• 27. کاربرد آیکون‌ها (Icons) در رابط کاربری
• 28. اصول طراحی آیکون‌های گویا و قابل فهم
• 29. الگوهای اعلان (Notification Patterns)
• 30. هشدارها (Alerts) و مودال‌ها (Modals)
• 31. پیام‌های کوتاه (Toasts) و اسنک‌بارها (Snackbars)
• 32. نشانگرهای پیشرفت (Progress Indicators)
• 33. نوار پیشرفت (Progress Bars)
• 34. چرخ‌های بارگذاری (Loading Spinners)
• 35. کاربرد صفحات خالی (Empty States)
• 36. طراحی صفحات بارگذاری (Loading States)
• 37. صفحات خطا (Error States)
• 38. صفحات موفقیت (Success States)
• 39. الگوهای جستجو (Search Patterns)
• 40. فیلد جستجو (Search Field)
• 41. نتایج جستجو (Search Results)
• 42. فیلتر کردن و مرتب‌سازی نتایج
• 43. الگوهای دسترسی به محتوا (Content Access Patterns)
• 44. پیمایش صفحات (Pagination)
• 45. بارگذاری بیشتر (Infinite Scroll)
• 46. کاربرد گالری تصاویر (Image Galleries)
• 47. نمایش اسلایدر تصاویر (Image Carousels)
• 48. نمایش شبکه‌ای تصاویر (Image Grids)
• 49. الگوهای ورود و ثبت‌نام (Onboarding & Sign-up Patterns)
• 50. صفحات خوش‌آمدگویی (Welcome Screens)
• 51. راهنمای اولیه (Tutorials)
• 52. فرم‌های ثبت‌نام (Sign-up Forms)
• 53. الگوهای مدیریت حساب کاربری (Account Management Patterns)
• 54. پروفایل کاربری (User Profile)
• 55. تنظیمات حساب (Account Settings)
• 56. کاربرد دکمه‌های شناور (Floating Action Buttons - FABs)
• 57. طراحی مودال‌ها و پنجره‌های پاپ‌آپ (Modals & Pop-ups)
• 58. الگوهای انتخاب تاریخ و زمان (Date & Time Pickers)
• 59. استفاده از کارت‌های تعاملی (Interactive Cards)
• 60. طراحی جداول و ماتریس‌ها (Tables & Matrices)
• 61. الگوهای نمایش نمودارها و گراف‌ها (Charts & Graphs)
• 62. استفاده از عناصر بصری برای نمایش داده‌ها
• 63. الگوهای مدیریت ورودی‌های چندگانه (Multi-input Management)
• 64. طراحی ویجت‌های سفارشی (Custom Widgets)
• 65. کاربرد اسکرول عمودی و افقی (Vertical & Horizontal Scrolling)
• 66. الگوهای نمایش ویدئو و صدا (Video & Audio Playback)
• 67. طراحی کنترل‌های پخش (Playback Controls)
• 68. الگوهای اشتراک‌گذاری محتوا (Content Sharing Patterns)
• 69. دکمه‌های اشتراک‌گذاری (Share Buttons)
• 70. ادغام با شبکه‌های اجتماعی (Social Media Integration)
• 71. طراحی اعلان‌های درون‌برنامه‌ای (In-app Notifications)
• 72. کاربرد ابزارهای انتخاب (Selection Tools)
• 73. الگوهای مدیریت لیست‌های طولانی (Long List Management)
• 74. طراحی صفحات تنظیمات پیشرفته (Advanced Settings)
• 75. الگوهای بازخورد لمسی (Haptic Feedback)
• 76. اهمیت دسترسی‌پذیری (Accessibility) در طراحی UI
• 77. طراحی برای کاربران با نیازهای ویژه
• 78. اصول طراحی واکنش‌گرا (Responsive Design)
• 79. تطبیق طرح با اندازه‌های مختلف صفحه نمایش
• 80. کاربرد الگوهای بصری برای راهنمایی کاربر
• 81. طراحی انیمیشن‌های رابط کاربری (UI Animations)
• 82. نقش انیمیشن در بهبود تجربه کاربری
• 83. اصول طراحی برای پلتفرم‌های مختلف (iOS, Android)
• 84. تفاوت‌های کلیدی در الگوهای طراحی
• 85. بهینه‌سازی عملکرد رابط کاربری
• 86. تست A/B در طراحی UI
• 87. مقدمه‌ای بر طراحی تعاملی (Interaction Design)
• 88. ارتباط بین UI و UX در عمل
• 89. کاربرد الگوهای طراحی در اپلیکیشن‌های موفق
• 90. جمع‌بندی و نگاهی به آینده طراحی UI