مسیر اموزش طرحی رابط کاربری
در این دوره شما به عنوان یک طراح رابط کاربری آموزش میبینید.
طراح UI/UX بررسی می‌کند کاربران چه نیازی دارند و سپس صفحات، دکمه‌ها و فرم‌های برنامه را به‌گونه‌ای جذاب و راحت طراحی می‌کند.
روز کاری و فعالیت‌های اصلی: مصاحبه با کاربران، رسم وایرفریم‌ها، طراحی نمونه‌های بصری در Figma، و گفتگو با تیم برنامه‌نویسی.
برای تسلط کامل بر طراحی رابط کاربری (UI/UX)، این نقشه راه به مراحل مشخص تقسیم شده است. پیشنهاد می‌کنیم مراحل را به ترتیب و همراه با تمرین عملی طی کنید:
درس 1: طراحی به‌عنوان حل مسئله
درس 2: تفاوت هنر و طراحی
درس 3: زیبایی در برابر کاربردپذیری
درس 4: کاربر کیست؟
درس 5: نیاز کاربر چیست؟
درس 6: محدودیت چیست؟
درس 7: تصمیم طراحی چیست؟
درس 8: طراحی خوب چگونه ارزیابی می‌شود؟
درس 9: طراحی براساس سلیقه یا شواهد
درس 10: مثال‌های طراحی خوب و بد
درس 1: وب‌سایت
درس 2: اپلیکیشن موبایل
درس 3: داشبورد
درس 4: فروشگاه اینترنتی
درس 5: شبکه اجتماعی
درس 6: پلتفرم آموزشی
درس 7: ابزار سازمانی
درس 8: محصول رایگان و پولی
درس 9: محصول مصرف‌کننده و سازمانی
درس 10: تفاوت طراحی هر نوع محصول
درس 1: Product Designer
درس 2: UI Designer
درس 3: UX Designer
درس 4: UX Researcher
درس 5: UX Writer
درس 6: Product Manager
درس 7: Frontend Developer
درس 8: Backend Developer
درس 9: Data Analyst
درس 10: Marketing و Growth
درس 11: ذی‌نفع یا Stakeholder
درس 12: همکاری میان نقش‌ها
درس 1: کشف مسئله
درس 2: شناخت کاربر
درس 3: تعریف مسئله
درس 4: تولید ایده
درس 5: Wireframe
درس 6: Prototype
درس 7: آزمایش با کاربر
درس 8: اصلاح طراحی
درس 9: تحویل به توسعه
درس 10: انتشار
درس 11: اندازه‌گیری نتیجه
درس 12: تکرار فرایند
درس 1: طراحی فریبنده چیست؟
درس 2: Dark Pattern
درس 3: اجبار کاربر
درس 4: پنهان‌کردن هزینه
درس 5: لغو اشتراک دشوار
درس 6: ایجاد اضطراب مصنوعی
درس 7: اعتیادآوری محصول
درس 8: حریم خصوصی
درس 9: داده نوجوانان
درس 10: رضایت آگاهانه
درس 11: طراحی مسئولانه
درس 12: اثر اجتماعی محصول
درس 1: عناصر پایه طراحی
درس 2: نقطه و تمرکز
درس 3: خط و جهت
درس 4: شکل‌های هندسی
درس 5: شکل‌های طبیعی
درس 6: فضای مثبت
درس 7: فضای منفی
درس 8: تعادل بصری
درس 9: وزن بصری
درس 10: ساخت ترکیب‌بندی ساده
درس 1: Gestalt چیست؟
درس 2: اصل نزدیکی
درس 3: اصل شباهت
درس 4: اصل تداوم
درس 5: اصل بسته‌شدن
درس 6: شکل و زمینه
درس 7: ناحیه مشترک
درس 8: اتصال بصری
درس 9: کاربرد در فرم و کارت
درس 10: تحلیل یک رابط براساس Gestalt
درس 1: توجه کاربر
درس 2: نقطه کانونی
درس 3: اندازه
درس 4: وزن
درس 5: رنگ
درس 6: کنتراست
درس 7: موقعیت
درس 8: فضای خالی
درس 9: ترتیب مشاهده
درس 10: بازطراحی صفحه بدون سلسله‌مراتب
درس 1: رنگ چگونه دیده می‌شود؟
درس 2: Hue، Saturation و Lightness
درس 3: رنگ‌های گرم و سرد
درس 4: رنگ اصلی و مکمل
درس 5: پالت تک‌رنگ
درس 6: پالت مشابه
درس 7: پالت مکمل
درس 8: رنگ خنثی
درس 9: رنگ معنایی
درس 10: رنگ موفقیت، هشدار و خطا
درس 11: رنگ برند
درس 12: ساخت پالت رابط کاربری
درس 1: کنتراست چیست؟
درس 2: کنتراست رنگ
درس 3: کنتراست اندازه
درس 4: کنتراست وزن
درس 5: کنتراست شکل
درس 6: کنتراست فضای خالی
درس 7: کنتراست بیش از حد
درس 8: کنتراست ناکافی
درس 9: خوانایی متن
درس 10: بررسی رابط در حالت خاکستری
درس 1: Typeface و Font
درس 2: فونت فارسی و لاتین
درس 3: وزن فونت
درس 4: اندازه متن
درس 5: فاصله خطوط
درس 6: فاصله حروف
درس 7: طول خط
درس 8: تراز متن
درس 9: سلسله‌مراتب تایپوگرافی
درس 10: تیتر و متن بدنه
درس 11: عدد و داده
درس 12: ساخت Typography Scale
درس 1: Grid چیست؟
درس 2: ستون
درس 3: Margin
درس 4: Gutter
درس 5: Baseline Grid
درس 6: تراز
درس 7: چیدمان متقارن
درس 8: چیدمان نامتقارن
درس 9: شکستن کنترل‌شده Grid
درس 10: ساخت Layout صفحه فرود
درس 1: Spacing چیست؟
درس 2: فاصله داخلی
درس 3: فاصله خارجی
درس 4: ریتم عمودی
درس 5: سیستم فاصله‌گذاری
درس 6: مضرب‌های چهار و هشت
درس 7: گروه‌بندی با فاصله
درس 8: فاصله در فرم‌ها
درس 9: تراکم اطلاعات
درس 10: اصلاح صفحه شلوغ
درس 1: ساخت حساب
درس 2: File و Project
درس 3: محیط Figma
درس 4: Toolbar
درس 5: Layers Panel
درس 6: Properties Panel
درس 7: Page
درس 8: Frame
درس 9: انتخاب و جابه‌جایی
درس 10: ذخیره و تاریخچه تغییرات
درس 1: Rectangle
درس 2: Ellipse
درس 3: Line و Arrow
درس 4: Polygon
درس 5: Star
درس 6: Pen Tool
درس 7: Vector Point
درس 8: Boolean Operation
درس 9: Stroke
درس 10: ساخت آیکون ساده
درس 1: Fill
درس 2: Solid Color
درس 3: Gradient
درس 4: Opacity
درس 5: Stroke
درس 6: Shadow
درس 7: Blur
درس 8: Mask
درس 9: Crop و Fill Image
درس 10: Export تصویر
درس 1: ساخت Text Layer
درس 2: انتخاب فونت
درس 3: اندازه و وزن
درس 4: Line Height
درس 5: Letter Spacing
درس 6: Text Alignment
درس 7: Auto Width
درس 8: Auto Height
درس 9: Fixed Size
درس 10: Text Style
درس 1: تفاوت Frame و Group
درس 2: Frame تو‌در‌تو
درس 3: Clip Content
درس 4: Constraint افقی
درس 5: Constraint عمودی
درس 6: ثابت‌ماندن در مرکز
درس 7: کشیده‌شدن عنصر
درس 8: رفتار در تغییر Frame
درس 9: تست اندازه‌های مختلف
درس 10: بازسازی یک صفحه واکنش‌پذیر
درس 1: Auto Layout چه مسئله‌ای را حل می‌کند؟
درس 2: جهت افقی
درس 3: جهت عمودی
درس 4: Gap
درس 5: Padding
درس 6: Hug Contents
درس 7: Fill Container
درس 8: Fixed Size
درس 9: Wrap
درس 10: Nested Auto Layout
درس 11: ساخت دکمه انعطاف‌پذیر
درس 12: ساخت کارت واکنش‌پذیر
درس 1: کامپوننت چیست؟
درس 2: ساخت Main Component
درس 3: Instance
درس 4: Override
درس 5: Reset Instance
درس 6: Swap Instance
درس 7: Nested Component
درس 8: Property متنی
درس 9: Property Boolean
درس 10: Property تعویض Instance
درس 11: نام‌گذاری کامپوننت
درس 12: ساخت کتابخانه کوچک
درس 1: Variant چیست؟
درس 2: ساخت Component Set
درس 3: ویژگی Size
درس 4: ویژگی State
درس 5: ویژگی Type
درس 6: Default State
درس 7: Hover
درس 8: Pressed
درس 9: Disabled
درس 10: Error
درس 11: جلوگیری از Variantهای اضافی
درس 12: ساخت مجموعه دکمه‌ها
درس 1: Color Style
درس 2: Text Style
درس 3: Effect Style
درس 4: Grid Style
درس 5: Variable چیست؟
درس 6: Color Variable
درس 7: Number Variable
درس 8: String Variable
درس 9: Mode
درس 10: Light و Dark Mode
درس 11: Semantic Token
درس 12: استفاده در سیستم طراحی
درس 1: Prototype چیست؟
درس 2: Flow Starting Point
درس 3: اتصال Frameها
درس 4: Navigate To
درس 5: Back
درس 6: Open Overlay
درس 7: Close Overlay
درس 8: Scroll
درس 9: Fixed Element
درس 10: Smart Animate
درس 11: Interactive Component
درس 12: اجرای Presentation
درس 1: Share
درس 2: Permission مشاهده و ویرایش
درس 3: Comment
درس 4: Mention
درس 5: Version History
درس 6: Branching مفهومی
درس 7: Library
درس 8: انتشار Component
درس 9: دریافت Update
درس 10: سازمان‌دهی Pageها
درس 11: نام‌گذاری Layerها
درس 12: آماده‌سازی فایل برای تیم
درس 1: نقش دکمه
درس 2: Primary Button
درس 3: Secondary Button
درس 4: Tertiary Button
درس 5: Destructive Button
درس 6: Icon Button
درس 7: Text Button
درس 8: Hover
درس 9: Focus
درس 10: Pressed
درس 11: Loading
درس 12: Disabled
درس 1: Text Field
درس 2: Label
درس 3: Placeholder
درس 4: Helper Text
درس 5: Prefix و Suffix
درس 6: Focus State
درس 7: Filled State
درس 8: Error State
درس 9: Disabled State
درس 10: Password Field
درس 11: Textarea
درس 12: جست‌وجو
درس 1: Checkbox
درس 2: Radio Button
درس 3: Switch
درس 4: Select
درس 5: Dropdown
درس 6: Segmented Control
درس 7: Chip
درس 8: انتخاب تکی
درس 9: انتخاب چندگانه
درس 10: حالت انتخاب‌شده
درس 11: حالت غیرفعال
درس 12: انتخاب کنترل مناسب
درس 1: Navigation Bar
درس 2: Sidebar
درس 3: Tab
درس 4: Breadcrumb
درس 5: Bottom Navigation
درس 6: Drawer
درس 7: Pagination
درس 8: Stepper
درس 9: Back Navigation
درس 10: Active State
درس 11: Navigation عمیق
درس 12: انتخاب الگوی مناسب
درس 1: Card چیست؟
درس 2: کارت محصول
درس 3: کارت مقاله
درس 4: کارت دوره
درس 5: List Item
درس 6: Avatar
درس 7: Metadata
درس 8: Action
درس 9: Selected State
درس 10: کارت تعاملی
درس 11: تراکم محتوا
درس 12: استفاده نامناسب از کارت
درس 1: Feedback چیست؟
درس 2: Toast
درس 3: Snackbar
درس 4: Alert
درس 5: Modal
درس 6: Confirmation
درس 7: Progress Bar
درس 8: Spinner
درس 9: Skeleton
درس 10: Inline Message
درس 11: Success State
درس 12: Error State
درس 1: Table
درس 2: Header
درس 3: Row
درس 4: Column
درس 5: Sort
درس 6: Filter
درس 7: Search
درس 8: Selection
درس 9: Bulk Action
درس 10: Pagination
درس 11: Empty Table
درس 12: جدول در موبایل
درس 1: Default State
درس 2: Loading
درس 3: Empty
درس 4: No Result
درس 5: Error
درس 6: Offline
درس 7: Permission Denied
درس 8: Success
درس 9: Partial Data
درس 10: Disabled
درس 11: First-time User
درس 12: طراحی تمام حالت‌ها
درس 1: Header
درس 2: Navigation
درس 3: Hero Section
درس 4: محتوای اصلی
درس 5: Section
درس 6: Sidebar
درس 7: Footer
درس 8: CTA
درس 9: Trust Signal
درس 10: ساختار Scanپذیر
درس 1: هدف Landing Page
درس 2: پیشنهاد ارزش
درس 3: تیتر اصلی
درس 4: توضیح کوتاه
درس 5: CTA اصلی
درس 6: اثبات اجتماعی
درس 7: معرفی امکانات
درس 8: رفع اعتراض
درس 9: FAQ
درس 10: CTA پایانی
درس 11: صفحات طولانی و کوتاه
درس 12: طراحی Landing کامل
درس 1: صفحه دسته‌بندی
درس 2: کارت محصول
درس 3: فیلتر
درس 4: مرتب‌سازی
درس 5: صفحه محصول
درس 6: گالری تصاویر
درس 7: انتخاب ویژگی
درس 8: موجودی
درس 9: افزودن به سبد
درس 10: سبد خرید
درس 11: Checkout
درس 12: پیگیری سفارش
درس 1: داشبورد چیست؟
درس 2: KPI
درس 3: Summary Card
درس 4: Chart
درس 5: Data Table
درس 6: Filter زمانی
درس 7: Navigation جانبی
درس 8: Action سریع
درس 9: سطح اهمیت داده
درس 10: تراکم اطلاعات
درس 11: داشبورد موبایل
درس 12: طراحی داشبورد آموزشی
درس 1: فرم کوتاه و بلند
درس 2: تقسیم مراحل
درس 3: Step Indicator
درس 4: ذخیره پیشرفت
درس 5: اعتبارسنجی
درس 6: خطای هر فیلد
درس 7: خطای کلی
درس 8: بازگشت به مرحله قبل
درس 9: مرور اطلاعات
درس 10: تأیید نهایی
درس 11: خروج بدون ذخیره
درس 12: طراحی فرم ثبت‌نام دوره
درس 1: RTL چیست؟
درس 2: جهت خواندن
درس 3: تراز متن
درس 4: جهت آیکون
درس 5: Navigation
درس 6: Breadcrumb
درس 7: عدد و تاریخ
درس 8: متن ترکیبی فارسی و انگلیسی
درس 9: جدول RTL
درس 10: نمودار
درس 11: آینه‌کردن و نکردن عناصر
درس 12: تست رابط فارسی
درس 1: صفحه ثابت و واکنش‌گرا
درس 2: Viewport
درس 3: Breakpoint
درس 4: Mobile First
درس 5: Desktop First
درس 6: Fluid Layout
درس 7: Container
درس 8: Max Width
درس 9: محتوای اولویت‌دار
درس 10: تغییر ساختار در اندازه‌های مختلف
درس 1: Grid دسکتاپ
درس 2: Grid تبلت
درس 3: Grid موبایل
درس 4: تغییر تعداد ستون
درس 5: Margin متغیر
درس 6: Gutter
درس 7: کارت‌های منعطف
درس 8: Layout تک‌ستونه
درس 9: Layout چندستونه
درس 10: طراحی Grid پروژه
درس 1: اندازه متن در موبایل
درس 2: تیترهای بزرگ
درس 3: طول خط
درس 4: Line Height
درس 5: تغییر Scale
درس 6: متن روی تصویر
درس 7: خوانایی در صفحه کوچک
درس 8: شکستن عنوان
درس 9: حذف متن غیرضروری
درس 10: تست چند اندازه
درس 1: منوی دسکتاپ
درس 2: منوی موبایل
درس 3: Hamburger Menu
درس 4: Bottom Navigation
درس 5: Sidebar جمع‌شونده
درس 6: Overflow
درس 7: Priority Plus
درس 8: جست‌وجوی موبایل
درس 9: Navigation چندسطحی
درس 10: طراحی مسیرهای پیچیده
درس 1: تصویر Responsive
درس 2: Crop متفاوت
درس 3: جدول در موبایل
درس 4: نمودار در موبایل
درس 5: فرم در موبایل
درس 6: Modal در صفحه کوچک
درس 7: Sticky Action
درس 8: لمس با انگشت
درس 9: اولویت محتوا
درس 10: کاهش بار شناختی
درس 1: صفحه کوچک
درس 2: تعامل لمسی
درس 3: استفاده با یک دست
درس 4: جهت عمودی و افقی
درس 5: صفحه‌کلید
درس 6: Safe Area
درس 7: Status Bar
درس 8: Navigation Bar
درس 9: اینترنت ناپایدار
درس 10: وقفه در استفاده
درس 1: Material Design
درس 2: Top App Bar
درس 3: Bottom App Bar
درس 4: Navigation Bar
درس 5: Navigation Drawer
درس 6: Floating Action Button
درس 7: Material Card
درس 8: Bottom Sheet
درس 9: Snackbar
درس 10: Material Form
درس 11: Dynamic Color
درس 12: طراحی یک صفحه Android
درس 1: اصول طراحی iOS
درس 2: Navigation Bar
درس 3: Tab Bar
درس 4: Sheet
درس 5: Alert
درس 6: List
درس 7: Search
درس 8: Swipe Action
درس 9: Picker
درس 10: Toolbar
درس 11: Safe Area
درس 12: طراحی یک صفحه iOS
درس 1: Tap
درس 2: Double Tap
درس 3: Long Press
درس 4: Swipe
درس 5: Drag
درس 6: Pinch
درس 7: Pull to Refresh
درس 8: Swipe to Delete
درس 9: Gesture پنهان
درس 10: ارائه نشانه بصری
درس 11: جایگزین Gesture
درس 12: تست‌پذیری Gesture
درس 1: هدف Onboarding
درس 2: معرفی ارزش محصول
درس 3: آموزش قابلیت
درس 4: ثبت‌نام
درس 5: ورود
درس 6: ورود مهمان
درس 7: درخواست Permission
درس 8: Progressive Onboarding
درس 9: Checklist شروع
درس 10: امکان Skip
درس 11: کاهش تعداد مراحل
درس 12: طراحی Onboarding کامل
درس 1: Notification
درس 2: Push Notification
درس 3: In-app Notification
درس 4: زمان مناسب ارسال
درس 5: متن اعلان
درس 6: تنظیمات اعلان
درس 7: Permission دوربین
درس 8: Permission موقعیت
درس 9: توضیح دلیل دسترسی
درس 10: ردشدن Permission
درس 11: طراحی بدون اجبار
درس 12: حریم خصوصی
درس 1: Offline
درس 2: اینترنت ضعیف
درس 3: Sync
درس 4: Upload
درس 5: Retry
درس 6: Background Process
درس 7: ذخیره پیش‌نویس
درس 8: قطع عملیات
درس 9: باتری کم
درس 10: فضای ذخیره‌سازی کم
درس 11: نسخه قدیمی اپلیکیشن
درس 12: خطای سرور
درس 1: Accessibility
درس 2: ناتوانی دائمی
درس 3: محدودیت موقت
درس 4: محدودیت موقعیتی
درس 5: طراحی فراگیر
درس 6: فناوری کمکی
درس 7: Screen Reader
درس 8: صفحه‌کلید
درس 9: بزرگ‌نمایی
درس 10: زیرنویس
درس 1: کنتراست متن
درس 2: متن بزرگ و کوچک
درس 3: کنتراست کنترل
درس 4: Color Blindness
درس 5: انتقال معنا فقط با رنگ
درس 6: رنگ خطا
درس 7: نمودار دسترس‌پذیر
درس 8: Focus Indicator
درس 9: حالت Disabled
درس 10: بررسی پالت پروژه
درس 1: اندازه خوانا
درس 2: Line Height
درس 3: طول خط
درس 4: پاراگراف طولانی
درس 5: متن ساده
درس 6: اختصار
درس 7: متن تراز وسط
درس 8: فونت تزئینی
درس 9: بزرگ‌نمایی متن
درس 10: متن فارسی قابل‌خواندن
درس 1: Focus
درس 2: Focus Order
درس 3: Tab
درس 4: Skip Link
درس 5: دکمه و لینک
درس 6: Modal
درس 7: Dropdown
درس 8: Menu
درس 9: Focus Trap
درس 10: طراحی بدون نیاز به ماوس
درس 1: Label واضح
درس 2: Placeholder جای Label نیست
درس 3: Required Field
درس 4: دستورالعمل
درس 5: پیام خطا
درس 6: محل نمایش خطا
درس 7: پیشنهاد اصلاح
درس 8: خلاصه خطاها
درس 9: زمان کافی
درس 10: جلوگیری از ورود دوباره داده
درس 1: اندازه محل لمس
درس 2: فاصله کنترل‌ها
درس 3: Gesture پیچیده
درس 4: جایگزین Gesture
درس 5: Motion Sensitivity
درس 6: کاهش حرکت
درس 7: انیمیشن چشمک‌زن
درس 8: زمان‌بندی
درس 9: توقف محتوا
درس 10: طراحی تعاملی فراگیر
درس 1: بررسی خودکار
درس 2: بررسی دستی
درس 3: تست کنتراست
درس 4: تست صفحه‌کلید
درس 5: تست بزرگ‌نمایی
درس 6: تست Screen Reader مقدماتی
درس 7: تست بدون رنگ
درس 8: تست متن بزرگ
درس 9: ثبت مشکل
درس 10: اولویت اصلاح
درس 1: تجربه قبل از استفاده
درس 2: تجربه هنگام استفاده
درس 3: تجربه بعد از استفاده
درس 4: کاربردپذیری
درس 5: مطلوبیت
درس 6: اعتماد
درس 7: رضایت
درس 8: احساس کاربر
درس 9: تجربه چندکاناله
درس 10: اندازه‌گیری تجربه
درس 1: مسئله چیست؟
درس 2: نشانه و علت
درس 3: راه‌حل زودهنگام
درس 4: مسئله فرضی
درس 5: مسئله تأییدشده
درس 6: درخواست کاربر
درس 7: نیاز اصلی
درس 8: محدودیت
درس 9: سؤال «چرا؟»
درس 10: بازنویسی مسئله
درس 1: کاربر هدف
درس 2: هدف کاربر
درس 3: مانع
درس 4: زمینه
درس 5: اثر مسئله
درس 6: شواهد
درس 7: Problem Statement
درس 8: How Might We
درس 9: فرضیه
درس 10: سؤال تحقیق
درس 1: فرض چیست؟
درس 2: فرض کاربر
درس 3: فرض مسئله
درس 4: فرض راه‌حل
درس 5: فرض کسب‌وکار
درس 6: فرض فنی
درس 7: ریسک فرض
درس 8: شواهد موجود
درس 9: اولویت بررسی
درس 10: Assumption Map
درس 1: کاربر چه کاری می‌خواهد انجام دهد؟
درس 2: وظیفه عملکردی
درس 3: نیاز احساسی
درس 4: نیاز اجتماعی
درس 5: موقعیت استفاده
درس 6: انگیزه تغییر
درس 7: مانع تغییر
درس 8: راه‌حل فعلی
درس 9: Job Statement
درس 10: کاربرد در طراحی
درس 1: هدف تحقیق
درس 2: سؤال تحقیق
درس 3: روش تحقیق
درس 4: شرکت‌کننده مناسب
درس 5: تعداد شرکت‌کننده
درس 6: زمان‌بندی
درس 7: ابزار ثبت
درس 8: رضایت شرکت‌کننده
درس 9: داده حساس
درس 10: Research Plan
درس 1: داده کیفی
درس 2: داده کمی
درس 3: مصاحبه
درس 4: مشاهده
درس 5: نظرسنجی
درس 6: تحلیل رفتار
درس 7: هر روش چه سؤالی را پاسخ می‌دهد؟
درس 8: ترکیب روش‌ها
درس 9: محدودیت هر روش
درس 10: انتخاب روش مناسب
درس 1: هدف مصاحبه
درس 2: سؤال باز
درس 3: سؤال بسته
درس 4: سؤال هدایت‌کننده
درس 5: سؤال درباره گذشته
درس 6: پرسیدن مثال واقعی
درس 7: سکوت و گوش‌دادن
درس 8: پیگیری پاسخ
درس 9: یادداشت‌برداری
درس 10: ضبط با رضایت
درس 11: پایان مصاحبه
درس 12: تمرین مصاحبه دونفره
درس 1: تفاوت گفته و رفتار
درس 2: مشاهده محیط
درس 3: مشاهده انجام کار
درس 4: پرسیدن هنگام کار
درس 5: ثبت مانع
درس 6: ابزارهای مورد استفاده
درس 7: میان‌برهای کاربر
درس 8: خطاها
درس 9: مداخله‌نکردن
درس 10: گزارش مشاهده
درس 1: چه زمانی نظرسنجی؟
درس 2: سؤال تک‌انتخابی
درس 3: سؤال چندانتخابی
درس 4: مقیاس
درس 5: سؤال باز
درس 6: ترتیب سؤال‌ها
درس 7: نمونه‌گیری
درس 8: نرخ پاسخ
درس 9: تفسیر بدون اغراق
درس 1: پیاده‌سازی یادداشت‌ها
درس 2: Affinity Mapping
درس 3: گروه‌بندی مشاهدات
درس 4: Theme
درس 5: Pattern
درس 6: Insight
درس 7: Insight در برابر Observation
درس 8: Evidence
درس 9: شدت و تکرار
درس 10: موارد متناقض
درس 11: محدودیت تحقیق
درس 12: گزارش یافته‌ها
درس 1: Persona چیست؟
درس 2: Persona واقعی و خیالی
درس 3: هدف
درس 4: رفتار
درس 5: نیاز
درس 6: مانع
درس 7: انگیزه
درس 8: داده پشتیبان
درس 9: Empathy Map
درس 10: استفاده صحیح از Persona
درس 11: Anti-persona
درس 12: جلوگیری از کلیشه
درس 1: Information Architecture
درس 2: محتوا و قابلیت
درس 3: دسته‌بندی
درس 4: سلسله‌مراتب
درس 5: Label
درس 6: Navigation
درس 7: Search
درس 8: Filter
درس 9: Metadata
درس 10: یافتن‌پذیری
درس 1: Content Inventory
درس 2: فهرست صفحات
درس 3: فهرست قابلیت‌ها
درس 4: مالک محتوا
درس 5: وضعیت محتوا
درس 6: محتوای تکراری
درس 7: محتوای قدیمی
درس 8: اولویت محتوا
درس 9: حذف محتوا
درس 10: ساخت جدول Inventory
درس 1: Sitemap طراحی
درس 2: صفحه اصلی
درس 3: صفحات سطح اول
درس 4: صفحات فرزند
درس 5: مسیرهای فرعی
درس 6: صفحه عمومی و خصوصی
درس 7: صفحه تنظیمات
درس 8: صفحه خطا
درس 9: عمق Navigation
درس 10: طراحی Sitemap محصول
درس 1: Card Sorting چیست؟
درس 2: Open Card Sort
درس 3: Closed Card Sort
درس 4: Hybrid
درس 5: انتخاب کارت‌ها
درس 6: انتخاب شرکت‌کننده
درس 7: اجرای جلسه
درس 8: گروه‌های پرتکرار
درس 9: نام‌گذاری دسته‌ها
درس 10: اصلاح معماری اطلاعات
درس 1: User Flow چیست؟
درس 2: نقطه شروع
درس 3: هدف
درس 4: Action
درس 5: Decision
درس 6: مسیر موفق
درس 7: مسیر خطا
درس 8: مسیر جایگزین
درس 9: ورود و ثبت‌نام
درس 10: خرید
درس 11: ثبت‌نام دوره
درس 12: طراحی Flow کامل
درس 1: Task Flow
درس 2: User Flow
درس 3: Screen Flow
درس 4: تفاوت این سه
درس 5: مسیر خطی
درس 6: مسیر شاخه‌ای
درس 7: حالت مهمان
درس 8: حالت کاربر واردشده
درس 9: Permission
درس 10: بازگشت و لغو
درس 1: Wireframe چیست؟
درس 2: Low Fidelity
درس 3: Mid Fidelity
درس 4: هدف Wireframe
درس 5: Placeholder
درس 6: محتوای واقعی یا Lorem Ipsum
درس 7: سلسله‌مراتب
درس 8: Layout
درس 9: Annotation
درس 10: ساخت Wireframe دستی
درس 11: ساخت در Figma
درس 12: نقد Wireframe
درس 1: Interaction Design
درس 2: Action
درس 3: Reaction
درس 4: Feedback
درس 5: Affordance
درس 6: Signifier
درس 7: Mapping
درس 8: Constraint
درس 9: Consistency
درس 10: خطای انسانی
درس 1: Hover
درس 2: Focus
درس 3: Pressed
درس 4: Selected
درس 5: Expanded
درس 6: Collapsed
درس 7: Dragging
درس 8: Loading
درس 9: Success
درس 10: Error
درس 11: Disabled
درس 12: رفتار قابل‌پیش‌بینی
درس 1: Visibility of System Status
درس 2: شروع عملیات
درس 3: عملیات در حال انجام
درس 4: عملیات موفق
درس 5: عملیات ناموفق
درس 6: عملیات طولانی
درس 7: درصد پیشرفت
درس 8: زمان تقریبی
درس 9: لغو عملیات
درس 10: ادامه در پس‌زمینه
درس 1: Error Prevention
درس 2: محدودکردن انتخاب
درس 3: مقدار پیش‌فرض
درس 4: اعتبارسنجی زودهنگام
درس 5: تأیید عملیات خطرناک
درس 6: Undo
درس 7: Autosave
درس 8: Draft
درس 9: Error Message
درس 10: Recovery Path
درس 11: خطای فنی و قابل‌فهم
درس 12: طراحی سناریوی شکست
درس 1: Microinteraction چیست؟
درس 2: Trigger
درس 3: Rule
درس 4: Feedback
درس 5: Loop و Mode
درس 6: Like
درس 7: Toggle
درس 8: افزودن به سبد
درس 9: Upload
درس 10: Success Animation
درس 11: استفاده بیش از حد
درس 12: ساخت Microinteraction
درس 1: هدف Motion
درس 2: پیوستگی
درس 3: جهت
درس 4: Hierarchy
درس 5: Duration
درس 6: Easing
درس 7: Enter و Exit
درس 8: Shared Element
درس 9: Loading Motion
درس 10: Motion دسترس‌پذیر
درس 11: کاهش حرکت
درس 12: Prototype متحرک
درس 1: Paper Prototype
درس 2: Low Fidelity
درس 3: Mid Fidelity
درس 4: High Fidelity
درس 5: Prototype کلیکی
درس 6: Prototype واقعی‌تر
درس 7: هدف هر سطح
درس 8: هزینه Prototype
درس 9: Prototype برای ارائه
درس 10: Prototype برای تست
درس 11: Prototype برای توسعه
درس 12: انتخاب Fidelity مناسب
درس 1: Usability چیست؟
درس 2: اثربخشی
درس 3: کارایی
درس 4: رضایت
درس 5: یادگیری‌پذیری
درس 6: به‌خاطرسپاری
درس 7: خطا
درس 8: شدت خطا
درس 9: موفقیت Task
درس 10: زمان انجام Task
درس 1: هدف تست
درس 2: سؤال تحقیق
درس 3: Task
درس 4: Scenario
درس 5: معیار موفقیت
درس 6: شرکت‌کننده
درس 7: تعداد جلسه
درس 8: Prototype
درس 9: ابزار ثبت
درس 10: Test Plan
درس 1: Task واقعی
درس 2: هدف مشخص
درس 3: جلوگیری از راهنمایی
درس 4: زبان طبیعی
درس 5: زمینه
درس 6: نقطه شروع
درس 7: نقطه پایان
درس 8: Task ساده و پیچیده
درس 9: ترتیب Taskها
درس 10: Pilot Test
درس 1: معرفی جلسه
درس 2: تأکید بر تست محصول، نه کاربر
درس 3: Think Aloud
درس 4: عدم کمک زودهنگام
درس 5: سؤال خنثی
درس 6: ثبت رفتار
درس 7: ثبت نقل‌قول
درس 8: ثبت زمان
درس 9: سؤال پایانی
درس 10: تشکر و حفظ محرمانگی
درس 1: Observation
درس 2: Issue
درس 3: Evidence
درس 4: Frequency
درس 5: Severity
درس 6: Impact
درس 7: Affinity Mapping
درس 8: Success Rate
درس 9: Time on Task
درس 10: خطاهای پرتکرار
درس 11: یافته متناقض
درس 12: گزارش تست
درس 1: مشکل بحرانی
درس 2: مشکل جدی
درس 3: مشکل متوسط
درس 4: مشکل جزئی
درس 5: تعداد کاربران درگیر
درس 6: اثر بر هدف اصلی
درس 7: هزینه اصلاح
درس 8: اصلاح سریع
درس 9: اصلاح ساختاری
درس 10: تصمیم برای Iteration
درس 1: مقایسه دو طرح
درس 2: Preference Test
درس 3: First Click Test
درس 4: Five-second Test
درس 5: Tree Testing
درس 6: Prototype Comparison
درس 7: جلوگیری از سؤال سلیقه‌ای
درس 8: اندازه نمونه
درس 9: تفسیر نتیجه
درس 10: انتخاب نسخه بعدی
درس 1: محتوا بخشی از طراحی است
درس 2: Microcopy
درس 3: Label
درس 4: CTA
درس 5: Helper Text
درس 6: Error Message
درس 7: Empty State
درس 8: Notification
درس 9: Confirmation
درس 10: Onboarding Copy
درس 1: وضوح
درس 2: اختصار
درس 3: کاربردی‌بودن
درس 4: لحن
درس 5: صدای برند
درس 6: فعل مستقیم
درس 7: جمله مثبت
درس 8: اصطلاح فنی
درس 9: زبان قابل‌فهم
درس 10: نوشتن برای نوجوان
درس 1: متن عملیاتی
درس 2: «تأیید» در برابر اقدام مشخص
درس 3: دکمه اصلی
درس 4: دکمه ثانویه
درس 5: عملیات خطرناک
درس 6: لغو
درس 7: ذخیره
درس 8: ادامه
درس 9: بازگشت
درس 10: آزمون وضوح متن
درس 1: چه اتفاقی افتاده؟
درس 2: چرا اتفاق افتاده؟
درس 3: کاربر چه کاری انجام دهد؟
درس 4: عدم سرزنش کاربر
درس 5: خطای فیلد
درس 6: خطای شبکه
درس 7: خطای سرور
درس 8: خطای Permission
درس 9: خطای پرداخت
درس 10: بازنویسی پیام‌های فنی
درس 1: Empty State چیست؟
درس 2: اولین استفاده
درس 3: داده حذف‌شده
درس 4: نتیجه جست‌وجوی خالی
درس 5: فیلتر بدون نتیجه
درس 6: توضیح وضعیت
درس 7: اقدام بعدی
درس 8: تصویر یا Illustration
درس 9: آموزش در Empty State
درس 10: طراحی چند سناریو
درس 1: ترجمه در برابر بومی‌سازی
درس 2: متن بلندتر
درس 3: RTL
درس 4: عدد
درس 5: تاریخ
درس 6: واحد پول
درس 7: جنسیت در زبان
درس 8: اصطلاح فرهنگی
درس 9: متن فارسی و انگلیسی
درس 10: تست رابط چندزبانه
درس 1: مشکل طراحی ناهماهنگ
درس 2: UI Kit
درس 3: Design System
درس 4: Component Library
درس 5: Guideline
درس 6: Pattern
درس 7: Token
درس 8: Documentation
درس 9: Governance
درس 10: چه زمانی Design System لازم است؟
درس 1: رنگ
درس 2: تایپوگرافی
درس 3: فاصله
درس 4: اندازه
درس 5: Radius
درس 6: Shadow
درس 7: Grid
درس 8: Iconography
درس 9: Motion
درس 10: اصول برند
درس 1: Token چیست؟
درس 2: Primitive Token
درس 3: Semantic Token
درس 4: Component Token
درس 5: Color Token
درس 6: Spacing Token
درس 7: Typography Token
درس 8: Naming
درس 9: Theme
درس 10: Light و Dark Mode
درس 11: Token فارسی و RTL
درس 12: اتصال مفهوم به کد
درس 1: Anatomy
درس 2: Property
درس 3: Variant
درس 4: State
درس 5: Size
درس 6: Content
درس 7: رفتار
درس 8: Accessibility
درس 9: Responsive Behavior
درس 10: Do و Don't
درس 11: نمونه کاربرد
درس 12: تست کامپوننت
درس 1: هدف کامپوننت
درس 2: Anatomy
درس 3: حالت‌ها
درس 4: رفتار
درس 5: متن
درس 6: دسترس‌پذیری
درس 7: کاربرد درست
درس 8: کاربرد نادرست
درس 9: نمونه Figma
درس 10: نمونه کد
درس 11: تاریخ تغییر
درس 12: مالک کامپوننت
درس 1: Handoff چیست؟
درس 2: فایل مرتب
درس 3: نام‌گذاری Layer
درس 4: Component و Instance
درس 5: اندازه و فاصله
درس 6: Token
درس 7: Asset
درس 8: SVG
درس 9: رفتار Responsive
درس 10: Stateها
درس 11: Annotation
درس 12: جلسه تحویل
درس 1: HTML چیست؟
درس 2: CSS چیست؟
درس 3: Component در Frontend
درس 4: Box Model
درس 5: Flexbox
درس 6: Grid
درس 7: Breakpoint
درس 8: API
درس 9: داده پویا
درس 10: محدودیت فنی
درس 11: هزینه پیاده‌سازی
درس 12: گفت‌وگو با برنامه‌نویس
درس 1: بررسی نسخه پیاده‌سازی‌شده
درس 2: مقایسه با طراحی
درس 3: فاصله و اندازه
درس 4: Typography
درس 5: رنگ
درس 6: Responsive
درس 7: State
درس 8: Interaction
درس 9: Accessibility
درس 10: اولویت تفاوت‌ها
درس 11: ثبت Issue
درس 12: تأیید نهایی
درس 1: محصول چه ارزشی ایجاد می‌کند؟
درس 2: ارزش برای کاربر
درس 3: ارزش برای کسب‌وکار
درس 4: مسئله واقعی
درس 5: شدت مسئله
درس 6: تکرار مسئله
درس 7: راه‌حل جایگزین
درس 8: willingness to change
درس 9: Value Proposition
درس 10: توضیح یک‌جمله‌ای محصول
درس 1: Output
درس 2: Outcome
درس 3: Impact
درس 4: قابلیت جدید
درس 5: تغییر رفتار
درس 6: هدف کسب‌وکار
درس 7: هدف کاربر
درس 8: معیار موفقیت
درس 9: نتیجه ناخواسته
درس 10: تعریف Outcome قابل‌سنجش
درس 1: MVP چیست؟
درس 2: محصول ناقص نیست
درس 3: فرضیه اصلی
درس 4: کمترین راه آزمایش
درس 5: Prototype به‌عنوان MVP
درس 6: Concierge MVP
درس 7: Wizard of Oz
درس 8: قابلیت ضروری
درس 9: قابلیت قابل‌حذف
درس 10: طراحی نسخه اول
درس 1: محدودیت زمان
درس 2: محدودیت تیم
درس 3: ارزش
درس 4: هزینه
درس 5: ریسک
درس 6: Impact و Effort
درس 7: MoSCoW
درس 8: RICE مقدماتی
درس 9: Kano مقدماتی
درس 10: تصمیم بدون قطعیت
درس 11: ثبت دلیل تصمیم
درس 12: بازبینی اولویت
درس 1: Metric چیست؟
درس 2: Vanity Metric
درس 3: Actionable Metric
درس 4: Conversion
درس 5: Activation
درس 6: Engagement
درس 7: Retention
درس 8: Churn
درس 9: Task Success
درس 10: Time on Task
درس 11: Error Rate
درس 12: Satisfaction
درس 1: Funnel چیست؟
درس 2: مرحله ورود
درس 3: مرحله فعال‌سازی
درس 4: مرحله تکمیل هدف
درس 5: Drop-off
درس 6: نرخ تبدیل
درس 7: تفکیک کاربران
درس 8: پیدا‌کردن گلوگاه
درس 9: ارتباط داده و تحقیق
درس 10: پیشنهاد بهبود Funnel
درس 1: بازگشت کاربر
درس 2: کاربر فعال
درس 3: Retention
درس 4: Cohort
درس 5: رفتار هفته اول
درس 6: رفتار ماه اول
درس 7: تفاوت گروه‌ها
درس 8: علت ریزش
درس 9: مصاحبه کاربران ریزش‌کرده
درس 10: طراحی برای بازگشت
درس 1: Experiment
درس 2: فرضیه
درس 3: گروه کنترل
درس 4: گروه آزمایش
درس 5: متغیر اصلی
درس 6: معیار موفقیت
درس 7: Guardrail Metric
درس 8: A/B Test
درس 9: نمونه ناکافی
درس 10: نتیجه معنادار
درس 11: اهمیت عملی
درس 12: تصمیم پس از آزمایش
درس 1: Product Brief
درس 2: Requirement
درس 3: User Story
درس 4: Acceptance Criteria
درس 5: Roadmap
درس 6: Backlog
درس 7: Sprint
درس 8: Discovery
درس 9: Delivery
درس 10: Design Review
درس 11: Stakeholder Review
درس 12: مدیریت اختلاف نظر
درس 1: زمینه پروژه
درس 2: کاربران اصلی
درس 3: کاربران ثانویه
درس 4: مسئله نوجوان
درس 5: مسئله والدین
درس 6: مسئله مشاور
درس 7: هدف کسب‌وکار
درس 8: محدودیت فنی
درس 9: محدودیت زمانی
درس 10: معیار موفقیت
درس 11: ریسک‌ها
درس 12: Project Brief
درس 1: سؤال‌های تحقیق
درس 2: برنامه تحقیق
درس 3: انتخاب دانش‌آموزان
درس 4: انتخاب والدین
درس 5: انتخاب مشاور
درس 6: مصاحبه
درس 7: مشاهده فرایند فعلی
درس 8: تحلیل رقبا
درس 9: Affinity Mapping
درس 10: Insight
درس 11: Persona
درس 12: گزارش تحقیق
درس 1: نیازهای اصلی
درس 2: Pain Point
درس 3: فرصت‌ها
درس 4: Job to Be Done
درس 5: Problem Statement
درس 6: How Might We
درس 7: فرضیات
درس 8: Assumption Map
درس 9: مهم‌ترین ریسک
درس 10: تعریف Outcome
درس 11: معیار موفقیت
درس 12: ارائه مسئله
درس 1: Brainstorming
درس 2: Crazy 8s
درس 3: ایده فردی
درس 4: ایده گروهی
درس 5: ترکیب ایده‌ها
درس 6: محدودیت
درس 7: Impact
درس 8: Effort
درس 9: انتخاب ایده
درس 10: Storyboard
درس 11: Concept Sketch
درس 12: نقد ایده
درس 1: Content Inventory
درس 2: Capability Inventory
درس 3: Sitemap
درس 4: Navigation
درس 5: دسته‌بندی مسیرها
درس 6: جست‌وجو
درس 7: فیلتر
درس 8: پروفایل
درس 9: داشبورد
درس 10: پنل والدین
درس 11: پنل مشاور
درس 12: آزمایش معماری
درس 1: ثبت‌نام
درس 2: تکمیل پروفایل
درس 3: انجام ارزیابی
درس 4: دریافت پیشنهاد
درس 5: انتخاب پروژه آزمایشی
درس 6: تکمیل پروژه
درس 7: دریافت بازخورد
درس 8: انتخاب مسیر یادگیری
درس 9: رزرو مشاوره
درس 10: پرداخت
درس 11: مشاهده گزارش
درس 12: مسیرهای خطا
درس 1: طراحی دستی
درس 2: صفحه ورود
درس 3: داشبورد
درس 4: آزمون علاقه
درس 5: نتیجه ارزیابی
درس 6: صفحه مسیر شغلی
درس 7: صفحه دوره
درس 8: صفحه درس
درس 9: رزرو مشاوره
درس 10: گزارش والدین
درس 11: پنل مشاور
درس 12: نقد Wireframe
درس 1: انتخاب Flow اصلی
درس 2: ساخت Prototype
درس 3: برنامه تست
درس 4: نوشتن Task
درس 5: Pilot Test
درس 6: تست با نوجوان
درس 7: تست با والد
درس 8: ثبت مشکلات
درس 9: تحلیل شدت
درس 10: اصلاح Flow
درس 11: تست مجدد
درس 12: گزارش Iteration
درس 1: Moodboard
درس 2: جهت بصری
درس 3: رنگ
درس 4: تایپوگرافی
درس 5: Grid
درس 6: Spacing
درس 7: Icon
درس 8: Illustration
درس 9: Component
درس 10: صفحات اصلی
درس 11: Dark Mode اختیاری
درس 12: طراحی واکنش‌گرا
درس 1: Tokenهای رنگ
درس 2: Tokenهای متن
درس 3: Tokenهای فاصله
درس 4: Button
درس 5: Input
درس 6: Select
درس 7: Card
درس 8: Navigation
درس 9: Modal
درس 10: Feedback
درس 11: Documentation
درس 12: انتشار Library
درس 1: Loading
درس 2: Empty
درس 3: Error
درس 4: Offline
درس 5: No Result
درس 6: Permission
درس 7: Disabled
درس 8: Success
درس 9: Payment Failed
درس 10: Expired Session
درس 11: First-time User
درس 12: Returning User
درس 1: کنتراست
درس 2: Focus
درس 3: صفحه‌کلید
درس 4: Label
درس 5: خطا
درس 6: اندازه لمس
درس 7: متن جایگزین
درس 8: ترتیب محتوا
درس 9: Motion
درس 10: متن ساده
درس 11: بررسی WCAG
درس 12: گزارش اصلاحات
درس 1: مرتب‌سازی فایل
درس 2: نام‌گذاری
درس 3: Componentها
درس 4: Tokenها
درس 5: Assets
درس 6: Responsive Behavior
درس 7: Stateها
درس 8: User Flow
درس 9: Annotation
درس 10: جلسه Handoff
درس 11: پاسخ به سؤال فنی
درس 12: ثبت تغییرات
درس 1: تکمیل ثبت‌نام
درس 2: تکمیل ارزیابی
درس 3: مشاهده نتیجه
درس 4: شروع پروژه آزمایشی
درس 5: تکمیل پروژه
درس 6: انتخاب مسیر
درس 7: رزرو مشاوره
درس 8: بازگشت کاربر
درس 9: رضایت نوجوان
درس 10: رضایت والدین
درس 11: Drop-off
درس 12: Guardrail Metric
درس 1: معرفی پروژه
درس 2: نقش من
درس 3: زمان و تیم
درس 4: مسئله
درس 5: تحقیق
درس 6: یافته‌ها
درس 7: تصمیم‌های طراحی
درس 8: Flow
درس 9: Wireframe
درس 10: تست
درس 11: Iteration
درس 12: رابط نهایی
درس 13: Design System
درس 14: نتیجه
درس 15: محدودیت
درس 16: آموخته‌ها
صفحه ورود یک اپ مثل تاکسی اینترنتی را در Figma بازطراحی کن و دکمه‌ها و رنگ‌ها را ارتقا بده.
۳ تا ۵ ماه تمرین در فیگما و دیدن نمونه کارهای استاندارد.
شیوه‌های کاری: فریلنسری فراوان، استخدام در تمام شرکت‌های دارای اپلیکیشن و وب‌سایت.
خیر! این تصور یکی از باورهای اشتباهی است که افراد تازه‌کار درباره طراحی رابط کاربری (UI/UX) دارند. با آموزش گام‌به‌گام موازی و تمرین مستمر، هر علاقمندی می‌تواند بر مفاهیم تسلط پیدا کند.
خیر! این تصور یکی از باورهای اشتباهی است که افراد تازه‌کار درباره طراحی رابط کاربری (UI/UX) دارند. با آموزش گام‌به‌گام موازی و تمرین مستمر، هر علاقمندی می‌تواند بر مفاهیم تسلط پیدا کند.
