مسیر یادگیری طراحی رابط کاربری (UI/UX)

مسیر اموزش طرحی رابط کاربری

در این دوره شما به عنوان یک طراح رابط کاربری آموزش میبینید.

📚 17 دوره آموزشی
🗺️ 17 گام یادگیری

نقشه راه تعاملی طراحی رابط کاربری (UI/UX)

طراحی رابط کاربری (UI/UX) چیست؟

طراح UI/UX بررسی می‌کند کاربران چه نیازی دارند و سپس صفحات، دکمه‌ها و فرم‌های برنامه را به‌گونه‌ای جذاب و راحت طراحی می‌کند.

روز کاری و فعالیت‌های اصلی: مصاحبه با کاربران، رسم وایرفریم‌ها، طراحی نمونه‌های بصری در Figma، و گفتگو با تیم برنامه‌نویسی.

مراحل و سرفصل‌های یادگیری طراحی رابط کاربری (UI/UX)

برای تسلط کامل بر طراحی رابط کاربری (UI/UX)، این نقشه راه به مراحل مشخص تقسیم شده است. پیشنهاد می‌کنیم مراحل را به ترتیب و همراه با تمرین عملی طی کنید:

مرحله 1

مرحله 1: دوره صفر: آشنایی با طراحی دیجیتال و طراحی محصول

فصل اول: طراحی چیست؟

طراحی به‌عنوان حل مسئله

درس 1: طراحی به‌عنوان حل مسئله

تفاوت هنر و طراحی

درس 2: تفاوت هنر و طراحی

زیبایی در برابر کاربردپذیری

درس 3: زیبایی در برابر کاربردپذیری

کاربر کیست؟

درس 4: کاربر کیست؟

نیاز کاربر چیست؟

درس 5: نیاز کاربر چیست؟

محدودیت چیست؟

درس 6: محدودیت چیست؟

تصمیم طراحی چیست؟

درس 7: تصمیم طراحی چیست؟

طراحی خوب چگونه ارزیابی می‌شود؟

درس 8: طراحی خوب چگونه ارزیابی می‌شود؟

طراحی براساس سلیقه یا شواهد

درس 9: طراحی براساس سلیقه یا شواهد

مثال‌های طراحی خوب و بد

درس 10: مثال‌های طراحی خوب و بد

فصل دوم: محصولات دیجیتال

وب‌سایت

درس 1: وب‌سایت

اپلیکیشن موبایل

درس 2: اپلیکیشن موبایل

داشبورد

درس 3: داشبورد

فروشگاه اینترنتی

درس 4: فروشگاه اینترنتی

شبکه اجتماعی

درس 5: شبکه اجتماعی

پلتفرم آموزشی

درس 6: پلتفرم آموزشی

ابزار سازمانی

درس 7: ابزار سازمانی

محصول رایگان و پولی

درس 8: محصول رایگان و پولی

محصول مصرف‌کننده و سازمانی

درس 9: محصول مصرف‌کننده و سازمانی

تفاوت طراحی هر نوع محصول

درس 10: تفاوت طراحی هر نوع محصول

فصل سوم: نقش‌های تیم محصول

Product Designer

درس 1: Product Designer

UI Designer

درس 2: UI Designer

UX Designer

درس 3: UX Designer

UX Researcher

درس 4: UX Researcher

UX Writer

درس 5: UX Writer

Product Manager

درس 6: Product Manager

Frontend Developer

درس 7: Frontend Developer

Backend Developer

درس 8: Backend Developer

Data Analyst

درس 9: Data Analyst

Marketing و Growth

درس 10: Marketing و Growth

ذی‌نفع یا Stakeholder

درس 11: ذی‌نفع یا Stakeholder

همکاری میان نقش‌ها

درس 12: همکاری میان نقش‌ها

فصل چهارم: فرایند طراحی محصول

کشف مسئله

درس 1: کشف مسئله

شناخت کاربر

درس 2: شناخت کاربر

تعریف مسئله

درس 3: تعریف مسئله

تولید ایده

درس 4: تولید ایده

Wireframe

درس 5: Wireframe

Prototype

درس 6: Prototype

آزمایش با کاربر

درس 7: آزمایش با کاربر

اصلاح طراحی

درس 8: اصلاح طراحی

تحویل به توسعه

درس 9: تحویل به توسعه

انتشار

درس 10: انتشار

اندازه‌گیری نتیجه

درس 11: اندازه‌گیری نتیجه

تکرار فرایند

درس 12: تکرار فرایند

فصل پنجم: اخلاق طراحی

طراحی فریبنده چیست؟

درس 1: طراحی فریبنده چیست؟

Dark Pattern

درس 2: Dark Pattern

اجبار کاربر

درس 3: اجبار کاربر

پنهان‌کردن هزینه

درس 4: پنهان‌کردن هزینه

لغو اشتراک دشوار

درس 5: لغو اشتراک دشوار

ایجاد اضطراب مصنوعی

درس 6: ایجاد اضطراب مصنوعی

اعتیادآوری محصول

درس 7: اعتیادآوری محصول

حریم خصوصی

درس 8: حریم خصوصی

داده نوجوانان

درس 9: داده نوجوانان

رضایت آگاهانه

درس 10: رضایت آگاهانه

طراحی مسئولانه

درس 11: طراحی مسئولانه

اثر اجتماعی محصول

درس 12: اثر اجتماعی محصول

مرحله 2

مرحله 2: دوره اول: مبانی طراحی بصری

فصل اول: نقطه، خط، شکل و فضا

عناصر پایه طراحی

درس 1: عناصر پایه طراحی

نقطه و تمرکز

درس 2: نقطه و تمرکز

خط و جهت

درس 3: خط و جهت

شکل‌های هندسی

درس 4: شکل‌های هندسی

شکل‌های طبیعی

درس 5: شکل‌های طبیعی

فضای مثبت

درس 6: فضای مثبت

فضای منفی

درس 7: فضای منفی

تعادل بصری

درس 8: تعادل بصری

وزن بصری

درس 9: وزن بصری

ساخت ترکیب‌بندی ساده

درس 10: ساخت ترکیب‌بندی ساده

فصل دوم: اصول Gestalt

Gestalt چیست؟

درس 1: Gestalt چیست؟

اصل نزدیکی

درس 2: اصل نزدیکی

اصل شباهت

درس 3: اصل شباهت

اصل تداوم

درس 4: اصل تداوم

اصل بسته‌شدن

درس 5: اصل بسته‌شدن

شکل و زمینه

درس 6: شکل و زمینه

ناحیه مشترک

درس 7: ناحیه مشترک

اتصال بصری

درس 8: اتصال بصری

کاربرد در فرم و کارت

درس 9: کاربرد در فرم و کارت

تحلیل یک رابط براساس Gestalt

درس 10: تحلیل یک رابط براساس Gestalt

فصل سوم: سلسله‌مراتب بصری

توجه کاربر

درس 1: توجه کاربر

نقطه کانونی

درس 2: نقطه کانونی

اندازه

درس 3: اندازه

وزن

درس 4: وزن

رنگ

درس 5: رنگ

کنتراست

درس 6: کنتراست

موقعیت

درس 7: موقعیت

فضای خالی

درس 8: فضای خالی

ترتیب مشاهده

درس 9: ترتیب مشاهده

بازطراحی صفحه بدون سلسله‌مراتب

درس 10: بازطراحی صفحه بدون سلسله‌مراتب

فصل چهارم: رنگ

رنگ چگونه دیده می‌شود؟

درس 1: رنگ چگونه دیده می‌شود؟

Hue، Saturation و Lightness

درس 2: Hue، Saturation و Lightness

رنگ‌های گرم و سرد

درس 3: رنگ‌های گرم و سرد

رنگ اصلی و مکمل

درس 4: رنگ اصلی و مکمل

پالت تک‌رنگ

درس 5: پالت تک‌رنگ

پالت مشابه

درس 6: پالت مشابه

پالت مکمل

درس 7: پالت مکمل

رنگ خنثی

درس 8: رنگ خنثی

رنگ معنایی

درس 9: رنگ معنایی

رنگ موفقیت، هشدار و خطا

درس 10: رنگ موفقیت، هشدار و خطا

رنگ برند

درس 11: رنگ برند

ساخت پالت رابط کاربری

درس 12: ساخت پالت رابط کاربری

فصل پنجم: کنتراست

کنتراست چیست؟

درس 1: کنتراست چیست؟

کنتراست رنگ

درس 2: کنتراست رنگ

کنتراست اندازه

درس 3: کنتراست اندازه

کنتراست وزن

درس 4: کنتراست وزن

کنتراست شکل

درس 5: کنتراست شکل

کنتراست فضای خالی

درس 6: کنتراست فضای خالی

کنتراست بیش از حد

درس 7: کنتراست بیش از حد

کنتراست ناکافی

درس 8: کنتراست ناکافی

خوانایی متن

درس 9: خوانایی متن

بررسی رابط در حالت خاکستری

درس 10: بررسی رابط در حالت خاکستری

فصل ششم: تایپوگرافی

Typeface و Font

درس 1: Typeface و Font

فونت فارسی و لاتین

درس 2: فونت فارسی و لاتین

وزن فونت

درس 3: وزن فونت

اندازه متن

درس 4: اندازه متن

فاصله خطوط

درس 5: فاصله خطوط

فاصله حروف

درس 6: فاصله حروف

طول خط

درس 7: طول خط

تراز متن

درس 8: تراز متن

سلسله‌مراتب تایپوگرافی

درس 9: سلسله‌مراتب تایپوگرافی

تیتر و متن بدنه

درس 10: تیتر و متن بدنه

عدد و داده

درس 11: عدد و داده

ساخت Typography Scale

درس 12: ساخت Typography Scale

فصل هفتم: Grid و چیدمان

Grid چیست؟

درس 1: Grid چیست؟

ستون

درس 2: ستون

Margin

درس 3: Margin

Gutter

درس 4: Gutter

Baseline Grid

درس 5: Baseline Grid

تراز

درس 6: تراز

چیدمان متقارن

درس 7: چیدمان متقارن

چیدمان نامتقارن

درس 8: چیدمان نامتقارن

شکستن کنترل‌شده Grid

درس 9: شکستن کنترل‌شده Grid

ساخت Layout صفحه فرود

درس 10: ساخت Layout صفحه فرود

فصل هشتم: فاصله و ریتم

Spacing چیست؟

درس 1: Spacing چیست؟

فاصله داخلی

درس 2: فاصله داخلی

فاصله خارجی

درس 3: فاصله خارجی

ریتم عمودی

درس 4: ریتم عمودی

سیستم فاصله‌گذاری

درس 5: سیستم فاصله‌گذاری

مضرب‌های چهار و هشت

درس 6: مضرب‌های چهار و هشت

گروه‌بندی با فاصله

درس 7: گروه‌بندی با فاصله

فاصله در فرم‌ها

درس 8: فاصله در فرم‌ها

تراکم اطلاعات

درس 9: تراکم اطلاعات

اصلاح صفحه شلوغ

درس 10: اصلاح صفحه شلوغ

مرحله 3

مرحله 3: دوره دوم: ابزار طراحی Figma

فصل اول: شروع کار با Figma

ساخت حساب

درس 1: ساخت حساب

File و Project

درس 2: File و Project

محیط Figma

درس 3: محیط Figma

Toolbar

درس 4: Toolbar

Layers Panel

درس 5: Layers Panel

Properties Panel

درس 6: Properties Panel

Page

درس 7: Page

Frame

درس 8: Frame

انتخاب و جابه‌جایی

درس 9: انتخاب و جابه‌جایی

ذخیره و تاریخچه تغییرات

درس 10: ذخیره و تاریخچه تغییرات

فصل دوم: اشکال و ابزارهای برداری

Rectangle

درس 1: Rectangle

Ellipse

درس 2: Ellipse

Line و Arrow

درس 3: Line و Arrow

Polygon

درس 4: Polygon

Star

درس 5: Star

Pen Tool

درس 6: Pen Tool

Vector Point

درس 7: Vector Point

Boolean Operation

درس 8: Boolean Operation

Stroke

درس 9: Stroke

ساخت آیکون ساده

درس 10: ساخت آیکون ساده

فصل سوم: رنگ، تصویر و افکت

Fill

درس 1: Fill

Solid Color

درس 2: Solid Color

Gradient

درس 3: Gradient

Opacity

درس 4: Opacity

Stroke

درس 5: Stroke

Shadow

درس 6: Shadow

Blur

درس 7: Blur

Mask

درس 8: Mask

Crop و Fill Image

درس 9: Crop و Fill Image

Export تصویر

درس 10: Export تصویر

فصل چهارم: متن

ساخت Text Layer

درس 1: ساخت Text Layer

انتخاب فونت

درس 2: انتخاب فونت

اندازه و وزن

درس 3: اندازه و وزن

Line Height

درس 4: Line Height

Letter Spacing

درس 5: Letter Spacing

Text Alignment

درس 6: Text Alignment

Auto Width

درس 7: Auto Width

Auto Height

درس 8: Auto Height

Fixed Size

درس 9: Fixed Size

Text Style

درس 10: Text Style

فصل پنجم: Frame و Constraint

تفاوت Frame و Group

درس 1: تفاوت Frame و Group

Frame تو‌در‌تو

درس 2: Frame تو‌در‌تو

Clip Content

درس 3: Clip Content

Constraint افقی

درس 4: Constraint افقی

Constraint عمودی

درس 5: Constraint عمودی

ثابت‌ماندن در مرکز

درس 6: ثابت‌ماندن در مرکز

کشیده‌شدن عنصر

درس 7: کشیده‌شدن عنصر

رفتار در تغییر Frame

درس 8: رفتار در تغییر Frame

تست اندازه‌های مختلف

درس 9: تست اندازه‌های مختلف

بازسازی یک صفحه واکنش‌پذیر

درس 10: بازسازی یک صفحه واکنش‌پذیر

فصل ششم: Auto Layout

Auto Layout چه مسئله‌ای را حل می‌کند؟

درس 1: Auto Layout چه مسئله‌ای را حل می‌کند؟

جهت افقی

درس 2: جهت افقی

جهت عمودی

درس 3: جهت عمودی

Gap

درس 4: Gap

Padding

درس 5: Padding

Hug Contents

درس 6: Hug Contents

Fill Container

درس 7: Fill Container

Fixed Size

درس 8: Fixed Size

Wrap

درس 9: Wrap

Nested Auto Layout

درس 10: Nested Auto Layout

ساخت دکمه انعطاف‌پذیر

درس 11: ساخت دکمه انعطاف‌پذیر

ساخت کارت واکنش‌پذیر

درس 12: ساخت کارت واکنش‌پذیر

فصل هفتم: Component

کامپوننت چیست؟

درس 1: کامپوننت چیست؟

ساخت Main Component

درس 2: ساخت Main Component

Instance

درس 3: Instance

Override

درس 4: Override

Reset Instance

درس 5: Reset Instance

Swap Instance

درس 6: Swap Instance

Nested Component

درس 7: Nested Component

Property متنی

درس 8: Property متنی

Property Boolean

درس 9: Property Boolean

Property تعویض Instance

درس 10: Property تعویض Instance

نام‌گذاری کامپوننت

درس 11: نام‌گذاری کامپوننت

ساخت کتابخانه کوچک

درس 12: ساخت کتابخانه کوچک

فصل هشتم: Variant

Variant چیست؟

درس 1: Variant چیست؟

ساخت Component Set

درس 2: ساخت Component Set

ویژگی Size

درس 3: ویژگی Size

ویژگی State

درس 4: ویژگی State

ویژگی Type

درس 5: ویژگی Type

Default State

درس 6: Default State

Hover

درس 7: Hover

Pressed

درس 8: Pressed

Disabled

درس 9: Disabled

Error

درس 10: Error

جلوگیری از Variantهای اضافی

درس 11: جلوگیری از Variantهای اضافی

ساخت مجموعه دکمه‌ها

درس 12: ساخت مجموعه دکمه‌ها

فصل نهم: Style و Variable

Color Style

درس 1: Color Style

Text Style

درس 2: Text Style

Effect Style

درس 3: Effect Style

Grid Style

درس 4: Grid Style

Variable چیست؟

درس 5: Variable چیست؟

Color Variable

درس 6: Color Variable

Number Variable

درس 7: Number Variable

String Variable

درس 8: String Variable

Mode

درس 9: Mode

Light و Dark Mode

درس 10: Light و Dark Mode

Semantic Token

درس 11: Semantic Token

استفاده در سیستم طراحی

درس 12: استفاده در سیستم طراحی

فصل دهم: Prototype

Prototype چیست؟

درس 1: Prototype چیست؟

Flow Starting Point

درس 2: Flow Starting Point

اتصال Frameها

درس 3: اتصال Frameها

Navigate To

درس 4: Navigate To

Back

درس 5: Back

Open Overlay

درس 6: Open Overlay

Close Overlay

درس 7: Close Overlay

Scroll

درس 8: Scroll

Fixed Element

درس 9: Fixed Element

Smart Animate

درس 10: Smart Animate

Interactive Component

درس 11: Interactive Component

اجرای Presentation

درس 12: اجرای Presentation

فصل یازدهم: همکاری تیمی

Share

درس 1: Share

Permission مشاهده و ویرایش

درس 2: Permission مشاهده و ویرایش

Comment

درس 3: Comment

Mention

درس 4: Mention

Version History

درس 5: Version History

Branching مفهومی

درس 6: Branching مفهومی

Library

درس 7: Library

انتشار Component

درس 8: انتشار Component

دریافت Update

درس 9: دریافت Update

سازمان‌دهی Pageها

درس 10: سازمان‌دهی Pageها

نام‌گذاری Layerها

درس 11: نام‌گذاری Layerها

آماده‌سازی فایل برای تیم

درس 12: آماده‌سازی فایل برای تیم

مرحله 4

مرحله 4: دوره سوم: طراحی اجزای رابط کاربری

فصل اول: دکمه‌ها

نقش دکمه

درس 1: نقش دکمه

Primary Button

درس 2: Primary Button

Secondary Button

درس 3: Secondary Button

Tertiary Button

درس 4: Tertiary Button

Destructive Button

درس 5: Destructive Button

Icon Button

درس 6: Icon Button

Text Button

درس 7: Text Button

Hover

درس 8: Hover

Focus

درس 9: Focus

Pressed

درس 10: Pressed

Loading

درس 11: Loading

Disabled

درس 12: Disabled

فصل دوم: ورودی‌های فرم

Text Field

درس 1: Text Field

Label

درس 2: Label

Placeholder

درس 3: Placeholder

Helper Text

درس 4: Helper Text

Prefix و Suffix

درس 5: Prefix و Suffix

Focus State

درس 6: Focus State

Filled State

درس 7: Filled State

Error State

درس 8: Error State

Disabled State

درس 9: Disabled State

Password Field

درس 10: Password Field

Textarea

درس 11: Textarea

جست‌وجو

درس 12: جست‌وجو

فصل سوم: کنترل‌های انتخاب

Checkbox

درس 1: Checkbox

Radio Button

درس 2: Radio Button

Switch

درس 3: Switch

Select

درس 4: Select

Dropdown

درس 5: Dropdown

Segmented Control

درس 6: Segmented Control

Chip

درس 7: Chip

انتخاب تکی

درس 8: انتخاب تکی

انتخاب چندگانه

درس 9: انتخاب چندگانه

حالت انتخاب‌شده

درس 10: حالت انتخاب‌شده

حالت غیرفعال

درس 11: حالت غیرفعال

انتخاب کنترل مناسب

درس 12: انتخاب کنترل مناسب

فصل چهارم: Navigation

Navigation Bar

درس 1: Navigation Bar

Sidebar

درس 2: Sidebar

Tab

درس 3: Tab

Breadcrumb

درس 4: Breadcrumb

Bottom Navigation

درس 5: Bottom Navigation

Drawer

درس 6: Drawer

Pagination

درس 7: Pagination

Stepper

درس 8: Stepper

Back Navigation

درس 9: Back Navigation

Active State

درس 10: Active State

Navigation عمیق

درس 11: Navigation عمیق

انتخاب الگوی مناسب

درس 12: انتخاب الگوی مناسب

فصل پنجم: کارت و فهرست

Card چیست؟

درس 1: Card چیست؟

کارت محصول

درس 2: کارت محصول

کارت مقاله

درس 3: کارت مقاله

کارت دوره

درس 4: کارت دوره

List Item

درس 5: List Item

Avatar

درس 6: Avatar

Metadata

درس 7: Metadata

Action

درس 8: Action

Selected State

درس 9: Selected State

کارت تعاملی

درس 10: کارت تعاملی

تراکم محتوا

درس 11: تراکم محتوا

استفاده نامناسب از کارت

درس 12: استفاده نامناسب از کارت

فصل ششم: بازخورد سیستم

Feedback چیست؟

درس 1: Feedback چیست؟

Toast

درس 2: Toast

Snackbar

درس 3: Snackbar

Alert

درس 4: Alert

Modal

درس 5: Modal

Confirmation

درس 6: Confirmation

Progress Bar

درس 7: Progress Bar

Spinner

درس 8: Spinner

Skeleton

درس 9: Skeleton

Inline Message

درس 10: Inline Message

Success State

درس 11: Success State

Error State

درس 12: Error State

فصل هفتم: جدول و نمایش داده

Table

درس 1: Table

Header

درس 2: Header

Row

درس 3: Row

Column

درس 4: Column

Sort

درس 5: Sort

Filter

درس 6: Filter

Search

درس 7: Search

Selection

درس 8: Selection

Bulk Action

درس 9: Bulk Action

Pagination

درس 10: Pagination

Empty Table

درس 11: Empty Table

جدول در موبایل

درس 12: جدول در موبایل

فصل هشتم: حالت‌های ضروری صفحه

Default State

درس 1: Default State

Loading

درس 2: Loading

Empty

درس 3: Empty

No Result

درس 4: No Result

Error

درس 5: Error

Offline

درس 6: Offline

Permission Denied

درس 7: Permission Denied

Success

درس 8: Success

Partial Data

درس 9: Partial Data

Disabled

درس 10: Disabled

First-time User

درس 11: First-time User

طراحی تمام حالت‌ها

درس 12: طراحی تمام حالت‌ها

مرحله 5

مرحله 5: دوره چهارم: طراحی صفحات وب

فصل اول: ساختار صفحه وب

Header

درس 1: Header

Navigation

درس 2: Navigation

Hero Section

درس 3: Hero Section

محتوای اصلی

درس 4: محتوای اصلی

Section

درس 5: Section

Sidebar

درس 6: Sidebar

Footer

درس 7: Footer

CTA

درس 8: CTA

Trust Signal

درس 9: Trust Signal

ساختار Scanپذیر

درس 10: ساختار Scanپذیر

فصل دوم: صفحه فرود

هدف Landing Page

درس 1: هدف Landing Page

پیشنهاد ارزش

درس 2: پیشنهاد ارزش

تیتر اصلی

درس 3: تیتر اصلی

توضیح کوتاه

درس 4: توضیح کوتاه

CTA اصلی

درس 5: CTA اصلی

اثبات اجتماعی

درس 6: اثبات اجتماعی

معرفی امکانات

درس 7: معرفی امکانات

رفع اعتراض

درس 8: رفع اعتراض

FAQ

درس 9: FAQ

CTA پایانی

درس 10: CTA پایانی

صفحات طولانی و کوتاه

درس 11: صفحات طولانی و کوتاه

طراحی Landing کامل

درس 12: طراحی Landing کامل

فصل سوم: فروشگاه اینترنتی

صفحه دسته‌بندی

درس 1: صفحه دسته‌بندی

کارت محصول

درس 2: کارت محصول

فیلتر

درس 3: فیلتر

مرتب‌سازی

درس 4: مرتب‌سازی

صفحه محصول

درس 5: صفحه محصول

گالری تصاویر

درس 6: گالری تصاویر

انتخاب ویژگی

درس 7: انتخاب ویژگی

موجودی

درس 8: موجودی

افزودن به سبد

درس 9: افزودن به سبد

سبد خرید

درس 10: سبد خرید

Checkout

درس 11: Checkout

پیگیری سفارش

درس 12: پیگیری سفارش

فصل چهارم: داشبورد

داشبورد چیست؟

درس 1: داشبورد چیست؟

KPI

درس 2: KPI

Summary Card

درس 3: Summary Card

Chart

درس 4: Chart

Data Table

درس 5: Data Table

Filter زمانی

درس 6: Filter زمانی

Navigation جانبی

درس 7: Navigation جانبی

Action سریع

درس 8: Action سریع

سطح اهمیت داده

درس 9: سطح اهمیت داده

تراکم اطلاعات

درس 10: تراکم اطلاعات

داشبورد موبایل

درس 11: داشبورد موبایل

طراحی داشبورد آموزشی

درس 12: طراحی داشبورد آموزشی

فصل پنجم: فرم‌های چندمرحله‌ای

فرم کوتاه و بلند

درس 1: فرم کوتاه و بلند

تقسیم مراحل

درس 2: تقسیم مراحل

Step Indicator

درس 3: Step Indicator

ذخیره پیشرفت

درس 4: ذخیره پیشرفت

اعتبارسنجی

درس 5: اعتبارسنجی

خطای هر فیلد

درس 6: خطای هر فیلد

خطای کلی

درس 7: خطای کلی

بازگشت به مرحله قبل

درس 8: بازگشت به مرحله قبل

مرور اطلاعات

درس 9: مرور اطلاعات

تأیید نهایی

درس 10: تأیید نهایی

خروج بدون ذخیره

درس 11: خروج بدون ذخیره

طراحی فرم ثبت‌نام دوره

درس 12: طراحی فرم ثبت‌نام دوره

فصل ششم: طراحی راست‌به‌چپ

RTL چیست؟

درس 1: RTL چیست؟

جهت خواندن

درس 2: جهت خواندن

تراز متن

درس 3: تراز متن

جهت آیکون

درس 4: جهت آیکون

Navigation

درس 5: Navigation

Breadcrumb

درس 6: Breadcrumb

عدد و تاریخ

درس 7: عدد و تاریخ

متن ترکیبی فارسی و انگلیسی

درس 8: متن ترکیبی فارسی و انگلیسی

جدول RTL

درس 9: جدول RTL

نمودار

درس 10: نمودار

آینه‌کردن و نکردن عناصر

درس 11: آینه‌کردن و نکردن عناصر

تست رابط فارسی

درس 12: تست رابط فارسی

مرحله 6

مرحله 6: دوره پنجم: طراحی واکنش‌گرا و تطبیق‌پذیر

فصل اول: مبانی Responsive Design

صفحه ثابت و واکنش‌گرا

درس 1: صفحه ثابت و واکنش‌گرا

Viewport

درس 2: Viewport

Breakpoint

درس 3: Breakpoint

Mobile First

درس 4: Mobile First

Desktop First

درس 5: Desktop First

Fluid Layout

درس 6: Fluid Layout

Container

درس 7: Container

Max Width

درس 8: Max Width

محتوای اولویت‌دار

درس 9: محتوای اولویت‌دار

تغییر ساختار در اندازه‌های مختلف

درس 10: تغییر ساختار در اندازه‌های مختلف

فصل دوم: Grid واکنش‌گرا

Grid دسکتاپ

درس 1: Grid دسکتاپ

Grid تبلت

درس 2: Grid تبلت

Grid موبایل

درس 3: Grid موبایل

تغییر تعداد ستون

درس 4: تغییر تعداد ستون

Margin متغیر

درس 5: Margin متغیر

Gutter

درس 6: Gutter

کارت‌های منعطف

درس 7: کارت‌های منعطف

Layout تک‌ستونه

درس 8: Layout تک‌ستونه

Layout چندستونه

درس 9: Layout چندستونه

طراحی Grid پروژه

درس 10: طراحی Grid پروژه

فصل سوم: تایپوگرافی واکنش‌گرا

اندازه متن در موبایل

درس 1: اندازه متن در موبایل

تیترهای بزرگ

درس 2: تیترهای بزرگ

طول خط

درس 3: طول خط

Line Height

درس 4: Line Height

تغییر Scale

درس 5: تغییر Scale

متن روی تصویر

درس 6: متن روی تصویر

خوانایی در صفحه کوچک

درس 7: خوانایی در صفحه کوچک

شکستن عنوان

درس 8: شکستن عنوان

حذف متن غیرضروری

درس 9: حذف متن غیرضروری

تست چند اندازه

درس 10: تست چند اندازه

فصل چهارم: Navigation واکنش‌گرا

منوی دسکتاپ

درس 1: منوی دسکتاپ

منوی موبایل

درس 2: منوی موبایل

Hamburger Menu

درس 3: Hamburger Menu

Bottom Navigation

درس 4: Bottom Navigation

Sidebar جمع‌شونده

درس 5: Sidebar جمع‌شونده

Overflow

درس 6: Overflow

Priority Plus

درس 7: Priority Plus

جست‌وجوی موبایل

درس 8: جست‌وجوی موبایل

Navigation چندسطحی

درس 9: Navigation چندسطحی

طراحی مسیرهای پیچیده

درس 10: طراحی مسیرهای پیچیده

فصل پنجم: محتوای واکنش‌گرا

تصویر Responsive

درس 1: تصویر Responsive

Crop متفاوت

درس 2: Crop متفاوت

جدول در موبایل

درس 3: جدول در موبایل

نمودار در موبایل

درس 4: نمودار در موبایل

فرم در موبایل

درس 5: فرم در موبایل

Modal در صفحه کوچک

درس 6: Modal در صفحه کوچک

Sticky Action

درس 7: Sticky Action

لمس با انگشت

درس 8: لمس با انگشت

اولویت محتوا

درس 9: اولویت محتوا

کاهش بار شناختی

درس 10: کاهش بار شناختی

مرحله 7

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

فصل اول: ویژگی‌های طراحی موبایل

صفحه کوچک

درس 1: صفحه کوچک

تعامل لمسی

درس 2: تعامل لمسی

استفاده با یک دست

درس 3: استفاده با یک دست

جهت عمودی و افقی

درس 4: جهت عمودی و افقی

صفحه‌کلید

درس 5: صفحه‌کلید

Safe Area

درس 6: Safe Area

Status Bar

درس 7: Status Bar

Navigation Bar

درس 8: Navigation Bar

اینترنت ناپایدار

درس 9: اینترنت ناپایدار

وقفه در استفاده

درس 10: وقفه در استفاده

فصل دوم: الگوهای Android

Material Design

درس 1: Material Design

Top App Bar

درس 2: Top App Bar

Bottom App Bar

درس 3: Bottom App Bar

Navigation Bar

درس 4: Navigation Bar

Navigation Drawer

درس 5: Navigation Drawer

Floating Action Button

درس 6: Floating Action Button

Material Card

درس 7: Material Card

Bottom Sheet

درس 8: Bottom Sheet

Snackbar

درس 9: Snackbar

Material Form

درس 10: Material Form

Dynamic Color

درس 11: Dynamic Color

طراحی یک صفحه Android

درس 12: طراحی یک صفحه Android

فصل سوم: الگوهای iOS

اصول طراحی iOS

درس 1: اصول طراحی iOS

Navigation Bar

درس 2: Navigation Bar

Tab Bar

درس 3: Tab Bar

Sheet

درس 4: Sheet

Alert

درس 5: Alert

List

درس 6: List

Search

درس 7: Search

Swipe Action

درس 8: Swipe Action

Picker

درس 9: Picker

Toolbar

درس 10: Toolbar

Safe Area

درس 11: Safe Area

طراحی یک صفحه iOS

درس 12: طراحی یک صفحه iOS

فصل چهارم: Gesture و تعامل لمسی

Tap

درس 1: Tap

Double Tap

درس 2: Double Tap

Long Press

درس 3: Long Press

Swipe

درس 4: Swipe

Drag

درس 5: Drag

Pinch

درس 6: Pinch

Pull to Refresh

درس 7: Pull to Refresh

Swipe to Delete

درس 8: Swipe to Delete

Gesture پنهان

درس 9: Gesture پنهان

ارائه نشانه بصری

درس 10: ارائه نشانه بصری

جایگزین Gesture

درس 11: جایگزین Gesture

تست‌پذیری Gesture

درس 12: تست‌پذیری Gesture

فصل پنجم: Onboarding

هدف Onboarding

درس 1: هدف Onboarding

معرفی ارزش محصول

درس 2: معرفی ارزش محصول

آموزش قابلیت

درس 3: آموزش قابلیت

ثبت‌نام

درس 4: ثبت‌نام

ورود

درس 5: ورود

ورود مهمان

درس 6: ورود مهمان

درخواست Permission

درس 7: درخواست Permission

Progressive Onboarding

درس 8: Progressive Onboarding

Checklist شروع

درس 9: Checklist شروع

امکان Skip

درس 10: امکان Skip

کاهش تعداد مراحل

درس 11: کاهش تعداد مراحل

طراحی Onboarding کامل

درس 12: طراحی Onboarding کامل

فصل ششم: اعلان و Permission

Notification

درس 1: Notification

Push Notification

درس 2: Push Notification

In-app Notification

درس 3: In-app Notification

زمان مناسب ارسال

درس 4: زمان مناسب ارسال

متن اعلان

درس 5: متن اعلان

تنظیمات اعلان

درس 6: تنظیمات اعلان

Permission دوربین

درس 7: Permission دوربین

Permission موقعیت

درس 8: Permission موقعیت

توضیح دلیل دسترسی

درس 9: توضیح دلیل دسترسی

ردشدن Permission

درس 10: ردشدن Permission

طراحی بدون اجبار

درس 11: طراحی بدون اجبار

حریم خصوصی

درس 12: حریم خصوصی

فصل هفتم: طراحی برای وضعیت‌های موبایل

Offline

درس 1: Offline

اینترنت ضعیف

درس 2: اینترنت ضعیف

Sync

درس 3: Sync

Upload

درس 4: Upload

Retry

درس 5: Retry

Background Process

درس 6: Background Process

ذخیره پیش‌نویس

درس 7: ذخیره پیش‌نویس

قطع عملیات

درس 8: قطع عملیات

باتری کم

درس 9: باتری کم

فضای ذخیره‌سازی کم

درس 10: فضای ذخیره‌سازی کم

نسخه قدیمی اپلیکیشن

درس 11: نسخه قدیمی اپلیکیشن

خطای سرور

درس 12: خطای سرور

مرحله 8

مرحله 8: دوره هفتم: دسترس‌پذیری و طراحی فراگیر

فصل اول: دسترس‌پذیری چیست؟

Accessibility

درس 1: Accessibility

ناتوانی دائمی

درس 2: ناتوانی دائمی

محدودیت موقت

درس 3: محدودیت موقت

محدودیت موقعیتی

درس 4: محدودیت موقعیتی

طراحی فراگیر

درس 5: طراحی فراگیر

فناوری کمکی

درس 6: فناوری کمکی

Screen Reader

درس 7: Screen Reader

صفحه‌کلید

درس 8: صفحه‌کلید

بزرگ‌نمایی

درس 9: بزرگ‌نمایی

زیرنویس

درس 10: زیرنویس

فصل دوم: رنگ و کنتراست

کنتراست متن

درس 1: کنتراست متن

متن بزرگ و کوچک

درس 2: متن بزرگ و کوچک

کنتراست کنترل

درس 3: کنتراست کنترل

Color Blindness

درس 4: Color Blindness

انتقال معنا فقط با رنگ

درس 5: انتقال معنا فقط با رنگ

رنگ خطا

درس 6: رنگ خطا

نمودار دسترس‌پذیر

درس 7: نمودار دسترس‌پذیر

Focus Indicator

درس 8: Focus Indicator

حالت Disabled

درس 9: حالت Disabled

بررسی پالت پروژه

درس 10: بررسی پالت پروژه

فصل سوم: تایپوگرافی و خوانایی

اندازه خوانا

درس 1: اندازه خوانا

Line Height

درس 2: Line Height

طول خط

درس 3: طول خط

پاراگراف طولانی

درس 4: پاراگراف طولانی

متن ساده

درس 5: متن ساده

اختصار

درس 6: اختصار

متن تراز وسط

درس 7: متن تراز وسط

فونت تزئینی

درس 8: فونت تزئینی

بزرگ‌نمایی متن

درس 9: بزرگ‌نمایی متن

متن فارسی قابل‌خواندن

درس 10: متن فارسی قابل‌خواندن

فصل چهارم: تعامل با صفحه‌کلید

Focus

درس 1: Focus

Focus Order

درس 2: Focus Order

Tab

درس 3: Tab

Skip Link

درس 4: Skip Link

دکمه و لینک

درس 5: دکمه و لینک

Modal

درس 6: Modal

Dropdown

درس 7: Dropdown

Menu

درس 8: Menu

Focus Trap

درس 9: Focus Trap

طراحی بدون نیاز به ماوس

درس 10: طراحی بدون نیاز به ماوس

فصل پنجم: فرم دسترس‌پذیر

Label واضح

درس 1: Label واضح

Placeholder جای Label نیست

درس 2: Placeholder جای Label نیست

Required Field

درس 3: Required Field

دستورالعمل

درس 4: دستورالعمل

پیام خطا

درس 5: پیام خطا

محل نمایش خطا

درس 6: محل نمایش خطا

پیشنهاد اصلاح

درس 7: پیشنهاد اصلاح

خلاصه خطاها

درس 8: خلاصه خطاها

زمان کافی

درس 9: زمان کافی

جلوگیری از ورود دوباره داده

درس 10: جلوگیری از ورود دوباره داده

فصل ششم: لمس و حرکت

اندازه محل لمس

درس 1: اندازه محل لمس

فاصله کنترل‌ها

درس 2: فاصله کنترل‌ها

Gesture پیچیده

درس 3: Gesture پیچیده

جایگزین Gesture

درس 4: جایگزین Gesture

Motion Sensitivity

درس 5: Motion Sensitivity

کاهش حرکت

درس 6: کاهش حرکت

انیمیشن چشمک‌زن

درس 7: انیمیشن چشمک‌زن

زمان‌بندی

درس 8: زمان‌بندی

توقف محتوا

درس 9: توقف محتوا

طراحی تعاملی فراگیر

درس 10: طراحی تعاملی فراگیر

فصل هفتم: آزمون دسترس‌پذیری

بررسی خودکار

درس 1: بررسی خودکار

بررسی دستی

درس 2: بررسی دستی

تست کنتراست

درس 3: تست کنتراست

تست صفحه‌کلید

درس 4: تست صفحه‌کلید

تست بزرگ‌نمایی

درس 5: تست بزرگ‌نمایی

تست Screen Reader مقدماتی

درس 6: تست Screen Reader مقدماتی

تست بدون رنگ

درس 7: تست بدون رنگ

تست متن بزرگ

درس 8: تست متن بزرگ

ثبت مشکل

درس 9: ثبت مشکل

اولویت اصلاح

درس 10: اولویت اصلاح

مرحله 9

مرحله 9: دوره هشتم: مبانی تجربه کاربری و شناخت مسئله

فصل اول: تجربه کاربری چیست؟

تجربه قبل از استفاده

درس 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: شواهد

Problem Statement

درس 7: Problem Statement

How Might We

درس 8: How Might We

فرضیه

درس 9: فرضیه

سؤال تحقیق

درس 10: سؤال تحقیق

فصل چهارم: فرضیات

فرض چیست؟

درس 1: فرض چیست؟

فرض کاربر

درس 2: فرض کاربر

فرض مسئله

درس 3: فرض مسئله

فرض راه‌حل

درس 4: فرض راه‌حل

فرض کسب‌وکار

درس 5: فرض کسب‌وکار

فرض فنی

درس 6: فرض فنی

ریسک فرض

درس 7: ریسک فرض

شواهد موجود

درس 8: شواهد موجود

اولویت بررسی

درس 9: اولویت بررسی

Assumption Map

درس 10: Assumption Map

فصل پنجم: Jobs to Be Done مقدماتی

کاربر چه کاری می‌خواهد انجام دهد؟

درس 1: کاربر چه کاری می‌خواهد انجام دهد؟

وظیفه عملکردی

درس 2: وظیفه عملکردی

نیاز احساسی

درس 3: نیاز احساسی

نیاز اجتماعی

درس 4: نیاز اجتماعی

موقعیت استفاده

درس 5: موقعیت استفاده

انگیزه تغییر

درس 6: انگیزه تغییر

مانع تغییر

درس 7: مانع تغییر

راه‌حل فعلی

درس 8: راه‌حل فعلی

Job Statement

درس 9: Job Statement

کاربرد در طراحی

درس 10: کاربرد در طراحی

مرحله 10

مرحله 10: دوره نهم: تحقیق تجربه کاربری

فصل اول: برنامه تحقیق

هدف تحقیق

درس 1: هدف تحقیق

سؤال تحقیق

درس 2: سؤال تحقیق

روش تحقیق

درس 3: روش تحقیق

شرکت‌کننده مناسب

درس 4: شرکت‌کننده مناسب

تعداد شرکت‌کننده

درس 5: تعداد شرکت‌کننده

زمان‌بندی

درس 6: زمان‌بندی

ابزار ثبت

درس 7: ابزار ثبت

رضایت شرکت‌کننده

درس 8: رضایت شرکت‌کننده

داده حساس

درس 9: داده حساس

Research Plan

درس 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: تمرین مصاحبه دونفره

فصل چهارم: مشاهده و Contextual Inquiry

تفاوت گفته و رفتار

درس 1: تفاوت گفته و رفتار

مشاهده محیط

درس 2: مشاهده محیط

مشاهده انجام کار

درس 3: مشاهده انجام کار

پرسیدن هنگام کار

درس 4: پرسیدن هنگام کار

ثبت مانع

درس 5: ثبت مانع

ابزارهای مورد استفاده

درس 6: ابزارهای مورد استفاده

میان‌برهای کاربر

درس 7: میان‌برهای کاربر

خطاها

درس 8: خطاها

مداخله‌نکردن

درس 9: مداخله‌نکردن

گزارش مشاهده

درس 10: گزارش مشاهده

فصل پنجم: نظرسنجی

چه زمانی نظرسنجی؟

درس 1: چه زمانی نظرسنجی؟

سؤال تک‌انتخابی

درس 2: سؤال تک‌انتخابی

سؤال چندانتخابی

درس 3: سؤال چندانتخابی

مقیاس

درس 4: مقیاس

سؤال باز

درس 5: سؤال باز

ترتیب سؤال‌ها

درس 6: ترتیب سؤال‌ها

نمونه‌گیری

درس 7: نمونه‌گیری

نرخ پاسخ

درس 8: نرخ پاسخ

تفسیر بدون اغراق

درس 9: تفسیر بدون اغراق

فصل ششم: تحلیل تحقیق

پیاده‌سازی یادداشت‌ها

درس 1: پیاده‌سازی یادداشت‌ها

Affinity Mapping

درس 2: Affinity Mapping

گروه‌بندی مشاهدات

درس 3: گروه‌بندی مشاهدات

Theme

درس 4: Theme

Pattern

درس 5: Pattern

Insight

درس 6: Insight

Insight در برابر Observation

درس 7: Insight در برابر Observation

Evidence

درس 8: Evidence

شدت و تکرار

درس 9: شدت و تکرار

موارد متناقض

درس 10: موارد متناقض

محدودیت تحقیق

درس 11: محدودیت تحقیق

گزارش یافته‌ها

درس 12: گزارش یافته‌ها

فصل هفتم: Persona و Empathy Map

Persona چیست؟

درس 1: Persona چیست؟

Persona واقعی و خیالی

درس 2: Persona واقعی و خیالی

هدف

درس 3: هدف

رفتار

درس 4: رفتار

نیاز

درس 5: نیاز

مانع

درس 6: مانع

انگیزه

درس 7: انگیزه

داده پشتیبان

درس 8: داده پشتیبان

Empathy Map

درس 9: Empathy Map

استفاده صحیح از Persona

درس 10: استفاده صحیح از Persona

Anti-persona

درس 11: Anti-persona

جلوگیری از کلیشه

درس 12: جلوگیری از کلیشه

مرحله 11

مرحله 11: دوره دهم: معماری اطلاعات، User Flow و Wireframe

فصل اول: معماری اطلاعات

Information Architecture

درس 1: Information Architecture

محتوا و قابلیت

درس 2: محتوا و قابلیت

دسته‌بندی

درس 3: دسته‌بندی

سلسله‌مراتب

درس 4: سلسله‌مراتب

Label

درس 5: Label

Navigation

درس 6: Navigation

Search

درس 7: Search

Filter

درس 8: Filter

Metadata

درس 9: Metadata

یافتن‌پذیری

درس 10: یافتن‌پذیری

فصل دوم: Inventory محتوا

Content Inventory

درس 1: Content Inventory

فهرست صفحات

درس 2: فهرست صفحات

فهرست قابلیت‌ها

درس 3: فهرست قابلیت‌ها

مالک محتوا

درس 4: مالک محتوا

وضعیت محتوا

درس 5: وضعیت محتوا

محتوای تکراری

درس 6: محتوای تکراری

محتوای قدیمی

درس 7: محتوای قدیمی

اولویت محتوا

درس 8: اولویت محتوا

حذف محتوا

درس 9: حذف محتوا

ساخت جدول Inventory

درس 10: ساخت جدول Inventory

فصل سوم: Sitemap

Sitemap طراحی

درس 1: Sitemap طراحی

صفحه اصلی

درس 2: صفحه اصلی

صفحات سطح اول

درس 3: صفحات سطح اول

صفحات فرزند

درس 4: صفحات فرزند

مسیرهای فرعی

درس 5: مسیرهای فرعی

صفحه عمومی و خصوصی

درس 6: صفحه عمومی و خصوصی

صفحه تنظیمات

درس 7: صفحه تنظیمات

صفحه خطا

درس 8: صفحه خطا

عمق Navigation

درس 9: عمق Navigation

طراحی Sitemap محصول

درس 10: طراحی Sitemap محصول

فصل چهارم: Card Sorting

Card Sorting چیست؟

درس 1: Card Sorting چیست؟

Open Card Sort

درس 2: Open Card Sort

Closed Card Sort

درس 3: Closed Card Sort

Hybrid

درس 4: Hybrid

انتخاب کارت‌ها

درس 5: انتخاب کارت‌ها

انتخاب شرکت‌کننده

درس 6: انتخاب شرکت‌کننده

اجرای جلسه

درس 7: اجرای جلسه

گروه‌های پرتکرار

درس 8: گروه‌های پرتکرار

نام‌گذاری دسته‌ها

درس 9: نام‌گذاری دسته‌ها

اصلاح معماری اطلاعات

درس 10: اصلاح معماری اطلاعات

فصل پنجم: User Flow

User Flow چیست؟

درس 1: User Flow چیست؟

نقطه شروع

درس 2: نقطه شروع

هدف

درس 3: هدف

Action

درس 4: Action

Decision

درس 5: Decision

مسیر موفق

درس 6: مسیر موفق

مسیر خطا

درس 7: مسیر خطا

مسیر جایگزین

درس 8: مسیر جایگزین

ورود و ثبت‌نام

درس 9: ورود و ثبت‌نام

خرید

درس 10: خرید

ثبت‌نام دوره

درس 11: ثبت‌نام دوره

طراحی Flow کامل

درس 12: طراحی Flow کامل

فصل ششم: Task Flow و Screen Flow

Task Flow

درس 1: Task Flow

User Flow

درس 2: User Flow

Screen Flow

درس 3: Screen Flow

تفاوت این سه

درس 4: تفاوت این سه

مسیر خطی

درس 5: مسیر خطی

مسیر شاخه‌ای

درس 6: مسیر شاخه‌ای

حالت مهمان

درس 7: حالت مهمان

حالت کاربر واردشده

درس 8: حالت کاربر واردشده

Permission

درس 9: Permission

بازگشت و لغو

درس 10: بازگشت و لغو

فصل هفتم: Wireframe

Wireframe چیست؟

درس 1: Wireframe چیست؟

Low Fidelity

درس 2: Low Fidelity

Mid Fidelity

درس 3: Mid Fidelity

هدف Wireframe

درس 4: هدف Wireframe

Placeholder

درس 5: Placeholder

محتوای واقعی یا Lorem Ipsum

درس 6: محتوای واقعی یا Lorem Ipsum

سلسله‌مراتب

درس 7: سلسله‌مراتب

Layout

درس 8: Layout

Annotation

درس 9: Annotation

ساخت Wireframe دستی

درس 10: ساخت Wireframe دستی

ساخت در Figma

درس 11: ساخت در Figma

نقد Wireframe

درس 12: نقد Wireframe

مرحله 12

مرحله 12: دوره یازدهم: طراحی تعامل و Prototype پیشرفته

فصل اول: طراحی تعامل

Interaction Design

درس 1: Interaction Design

Action

درس 2: Action

Reaction

درس 3: Reaction

Feedback

درس 4: Feedback

Affordance

درس 5: Affordance

Signifier

درس 6: Signifier

Mapping

درس 7: Mapping

Constraint

درس 8: Constraint

Consistency

درس 9: Consistency

خطای انسانی

درس 10: خطای انسانی

فصل دوم: رفتار کامپوننت‌ها

Hover

درس 1: Hover

Focus

درس 2: Focus

Pressed

درس 3: Pressed

Selected

درس 4: Selected

Expanded

درس 5: Expanded

Collapsed

درس 6: Collapsed

Dragging

درس 7: Dragging

Loading

درس 8: Loading

Success

درس 9: Success

Error

درس 10: Error

Disabled

درس 11: Disabled

رفتار قابل‌پیش‌بینی

درس 12: رفتار قابل‌پیش‌بینی

فصل سوم: بازخورد و وضعیت سیستم

Visibility of System Status

درس 1: Visibility of System Status

شروع عملیات

درس 2: شروع عملیات

عملیات در حال انجام

درس 3: عملیات در حال انجام

عملیات موفق

درس 4: عملیات موفق

عملیات ناموفق

درس 5: عملیات ناموفق

عملیات طولانی

درس 6: عملیات طولانی

درصد پیشرفت

درس 7: درصد پیشرفت

زمان تقریبی

درس 8: زمان تقریبی

لغو عملیات

درس 9: لغو عملیات

ادامه در پس‌زمینه

درس 10: ادامه در پس‌زمینه

فصل چهارم: جلوگیری و بازیابی خطا

Error Prevention

درس 1: Error Prevention

محدودکردن انتخاب

درس 2: محدودکردن انتخاب

مقدار پیش‌فرض

درس 3: مقدار پیش‌فرض

اعتبارسنجی زودهنگام

درس 4: اعتبارسنجی زودهنگام

تأیید عملیات خطرناک

درس 5: تأیید عملیات خطرناک

Undo

درس 6: Undo

Autosave

درس 7: Autosave

Draft

درس 8: Draft

Error Message

درس 9: Error Message

Recovery Path

درس 10: Recovery Path

خطای فنی و قابل‌فهم

درس 11: خطای فنی و قابل‌فهم

طراحی سناریوی شکست

درس 12: طراحی سناریوی شکست

فصل پنجم: Microinteraction

Microinteraction چیست؟

درس 1: Microinteraction چیست؟

Trigger

درس 2: Trigger

Rule

درس 3: Rule

Feedback

درس 4: Feedback

Loop و Mode

درس 5: Loop و Mode

Like

درس 6: Like

Toggle

درس 7: Toggle

افزودن به سبد

درس 8: افزودن به سبد

Upload

درس 9: Upload

Success Animation

درس 10: Success Animation

استفاده بیش از حد

درس 11: استفاده بیش از حد

ساخت Microinteraction

درس 12: ساخت Microinteraction

فصل ششم: Motion Design مقدماتی

هدف Motion

درس 1: هدف Motion

پیوستگی

درس 2: پیوستگی

جهت

درس 3: جهت

Hierarchy

درس 4: Hierarchy

Duration

درس 5: Duration

Easing

درس 6: Easing

Enter و Exit

درس 7: Enter و Exit

Shared Element

درس 8: Shared Element

Loading Motion

درس 9: Loading Motion

Motion دسترس‌پذیر

درس 10: Motion دسترس‌پذیر

کاهش حرکت

درس 11: کاهش حرکت

Prototype متحرک

درس 12: Prototype متحرک

فصل هفتم: Fidelity در Prototype

Paper Prototype

درس 1: Paper Prototype

Low Fidelity

درس 2: Low Fidelity

Mid Fidelity

درس 3: Mid Fidelity

High Fidelity

درس 4: High Fidelity

Prototype کلیکی

درس 5: Prototype کلیکی

Prototype واقعی‌تر

درس 6: Prototype واقعی‌تر

هدف هر سطح

درس 7: هدف هر سطح

هزینه Prototype

درس 8: هزینه Prototype

Prototype برای ارائه

درس 9: Prototype برای ارائه

Prototype برای تست

درس 10: Prototype برای تست

Prototype برای توسعه

درس 11: Prototype برای توسعه

انتخاب Fidelity مناسب

درس 12: انتخاب Fidelity مناسب

مرحله 13

مرحله 13: دوره دوازدهم: تست کاربردپذیری و اصلاح طراحی

فصل اول: کاربردپذیری

Usability چیست؟

درس 1: Usability چیست؟

اثربخشی

درس 2: اثربخشی

کارایی

درس 3: کارایی

رضایت

درس 4: رضایت

یادگیری‌پذیری

درس 5: یادگیری‌پذیری

به‌خاطرسپاری

درس 6: به‌خاطرسپاری

خطا

درس 7: خطا

شدت خطا

درس 8: شدت خطا

موفقیت Task

درس 9: موفقیت Task

زمان انجام Task

درس 10: زمان انجام Task

فصل دوم: برنامه تست

هدف تست

درس 1: هدف تست

سؤال تحقیق

درس 2: سؤال تحقیق

Task

درس 3: Task

Scenario

درس 4: Scenario

معیار موفقیت

درس 5: معیار موفقیت

شرکت‌کننده

درس 6: شرکت‌کننده

تعداد جلسه

درس 7: تعداد جلسه

Prototype

درس 8: Prototype

ابزار ثبت

درس 9: ابزار ثبت

Test Plan

درس 10: Test Plan

فصل سوم: نوشتن Task

Task واقعی

درس 1: Task واقعی

هدف مشخص

درس 2: هدف مشخص

جلوگیری از راهنمایی

درس 3: جلوگیری از راهنمایی

زبان طبیعی

درس 4: زبان طبیعی

زمینه

درس 5: زمینه

نقطه شروع

درس 6: نقطه شروع

نقطه پایان

درس 7: نقطه پایان

Task ساده و پیچیده

درس 8: Task ساده و پیچیده

ترتیب Taskها

درس 9: ترتیب Taskها

Pilot Test

درس 10: Pilot Test

فصل چهارم: اجرای جلسه

معرفی جلسه

درس 1: معرفی جلسه

تأکید بر تست محصول، نه کاربر

درس 2: تأکید بر تست محصول، نه کاربر

Think Aloud

درس 3: Think Aloud

عدم کمک زودهنگام

درس 4: عدم کمک زودهنگام

سؤال خنثی

درس 5: سؤال خنثی

ثبت رفتار

درس 6: ثبت رفتار

ثبت نقل‌قول

درس 7: ثبت نقل‌قول

ثبت زمان

درس 8: ثبت زمان

سؤال پایانی

درس 9: سؤال پایانی

تشکر و حفظ محرمانگی

درس 10: تشکر و حفظ محرمانگی

فصل پنجم: تحلیل نتایج

Observation

درس 1: Observation

Issue

درس 2: Issue

Evidence

درس 3: Evidence

Frequency

درس 4: Frequency

Severity

درس 5: Severity

Impact

درس 6: Impact

Affinity Mapping

درس 7: Affinity Mapping

Success Rate

درس 8: Success Rate

Time on Task

درس 9: Time on Task

خطاهای پرتکرار

درس 10: خطاهای پرتکرار

یافته متناقض

درس 11: یافته متناقض

گزارش تست

درس 12: گزارش تست

فصل ششم: اولویت‌بندی اصلاحات

مشکل بحرانی

درس 1: مشکل بحرانی

مشکل جدی

درس 2: مشکل جدی

مشکل متوسط

درس 3: مشکل متوسط

مشکل جزئی

درس 4: مشکل جزئی

تعداد کاربران درگیر

درس 5: تعداد کاربران درگیر

اثر بر هدف اصلی

درس 6: اثر بر هدف اصلی

هزینه اصلاح

درس 7: هزینه اصلاح

اصلاح سریع

درس 8: اصلاح سریع

اصلاح ساختاری

درس 9: اصلاح ساختاری

تصمیم برای Iteration

درس 10: تصمیم برای Iteration

فصل هفتم: تست مقایسه‌ای

مقایسه دو طرح

درس 1: مقایسه دو طرح

Preference Test

درس 2: Preference Test

First Click Test

درس 3: First Click Test

Five-second Test

درس 4: Five-second Test

Tree Testing

درس 5: Tree Testing

Prototype Comparison

درس 6: Prototype Comparison

جلوگیری از سؤال سلیقه‌ای

درس 7: جلوگیری از سؤال سلیقه‌ای

اندازه نمونه

درس 8: اندازه نمونه

تفسیر نتیجه

درس 9: تفسیر نتیجه

انتخاب نسخه بعدی

درس 10: انتخاب نسخه بعدی

مرحله 14

مرحله 14: دوره سیزدهم: طراحی محتوا و UX Writing

فصل اول: نقش محتوا در محصول

محتوا بخشی از طراحی است

درس 1: محتوا بخشی از طراحی است

Microcopy

درس 2: Microcopy

Label

درس 3: Label

CTA

درس 4: CTA

Helper Text

درس 5: Helper Text

Error Message

درس 6: Error Message

Empty State

درس 7: Empty State

Notification

درس 8: Notification

Confirmation

درس 9: Confirmation

Onboarding Copy

درس 10: Onboarding Copy

فصل دوم: اصول نوشتن

وضوح

درس 1: وضوح

اختصار

درس 2: اختصار

کاربردی‌بودن

درس 3: کاربردی‌بودن

لحن

درس 4: لحن

صدای برند

درس 5: صدای برند

فعل مستقیم

درس 6: فعل مستقیم

جمله مثبت

درس 7: جمله مثبت

اصطلاح فنی

درس 8: اصطلاح فنی

زبان قابل‌فهم

درس 9: زبان قابل‌فهم

نوشتن برای نوجوان

درس 10: نوشتن برای نوجوان

فصل سوم: دکمه و Label

متن عملیاتی

درس 1: متن عملیاتی

«تأیید» در برابر اقدام مشخص

درس 2: «تأیید» در برابر اقدام مشخص

دکمه اصلی

درس 3: دکمه اصلی

دکمه ثانویه

درس 4: دکمه ثانویه

عملیات خطرناک

درس 5: عملیات خطرناک

لغو

درس 6: لغو

ذخیره

درس 7: ذخیره

ادامه

درس 8: ادامه

بازگشت

درس 9: بازگشت

آزمون وضوح متن

درس 10: آزمون وضوح متن

فصل چهارم: پیام خطا

چه اتفاقی افتاده؟

درس 1: چه اتفاقی افتاده؟

چرا اتفاق افتاده؟

درس 2: چرا اتفاق افتاده؟

کاربر چه کاری انجام دهد؟

درس 3: کاربر چه کاری انجام دهد؟

عدم سرزنش کاربر

درس 4: عدم سرزنش کاربر

خطای فیلد

درس 5: خطای فیلد

خطای شبکه

درس 6: خطای شبکه

خطای سرور

درس 7: خطای سرور

خطای Permission

درس 8: خطای Permission

خطای پرداخت

درس 9: خطای پرداخت

بازنویسی پیام‌های فنی

درس 10: بازنویسی پیام‌های فنی

فصل پنجم: Empty State

Empty State چیست؟

درس 1: Empty State چیست؟

اولین استفاده

درس 2: اولین استفاده

داده حذف‌شده

درس 3: داده حذف‌شده

نتیجه جست‌وجوی خالی

درس 4: نتیجه جست‌وجوی خالی

فیلتر بدون نتیجه

درس 5: فیلتر بدون نتیجه

توضیح وضعیت

درس 6: توضیح وضعیت

اقدام بعدی

درس 7: اقدام بعدی

تصویر یا Illustration

درس 8: تصویر یا Illustration

آموزش در Empty State

درس 9: آموزش در Empty State

طراحی چند سناریو

درس 10: طراحی چند سناریو

فصل ششم: Localization و فارسی

ترجمه در برابر بومی‌سازی

درس 1: ترجمه در برابر بومی‌سازی

متن بلندتر

درس 2: متن بلندتر

RTL

درس 3: RTL

عدد

درس 4: عدد

تاریخ

درس 5: تاریخ

واحد پول

درس 6: واحد پول

جنسیت در زبان

درس 7: جنسیت در زبان

اصطلاح فرهنگی

درس 8: اصطلاح فرهنگی

متن فارسی و انگلیسی

درس 9: متن فارسی و انگلیسی

تست رابط چندزبانه

درس 10: تست رابط چندزبانه

مرحله 15

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

فصل اول: Design System چیست؟

مشکل طراحی ناهماهنگ

درس 1: مشکل طراحی ناهماهنگ

UI Kit

درس 2: UI Kit

Design System

درس 3: Design System

Component Library

درس 4: Component Library

Guideline

درس 5: Guideline

Pattern

درس 6: Pattern

Token

درس 7: Token

Documentation

درس 8: Documentation

Governance

درس 9: Governance

چه زمانی Design System لازم است؟

درس 10: چه زمانی Design System لازم است؟

فصل دوم: Foundations

رنگ

درس 1: رنگ

تایپوگرافی

درس 2: تایپوگرافی

فاصله

درس 3: فاصله

اندازه

درس 4: اندازه

Radius

درس 5: Radius

Shadow

درس 6: Shadow

Grid

درس 7: Grid

Iconography

درس 8: Iconography

Motion

درس 9: Motion

اصول برند

درس 10: اصول برند

فصل سوم: Design Token

Token چیست؟

درس 1: Token چیست؟

Primitive Token

درس 2: Primitive Token

Semantic Token

درس 3: Semantic Token

Component Token

درس 4: Component Token

Color Token

درس 5: Color Token

Spacing Token

درس 6: Spacing Token

Typography Token

درس 7: Typography Token

Naming

درس 8: Naming

Theme

درس 9: Theme

Light و Dark Mode

درس 10: Light و Dark Mode

Token فارسی و RTL

درس 11: Token فارسی و RTL

اتصال مفهوم به کد

درس 12: اتصال مفهوم به کد

فصل چهارم: طراحی کامپوننت

Anatomy

درس 1: Anatomy

Property

درس 2: Property

Variant

درس 3: Variant

State

درس 4: State

Size

درس 5: Size

Content

درس 6: Content

رفتار

درس 7: رفتار

Accessibility

درس 8: Accessibility

Responsive Behavior

درس 9: Responsive Behavior

Do و Don't

درس 10: Do و Don't

نمونه کاربرد

درس 11: نمونه کاربرد

تست کامپوننت

درس 12: تست کامپوننت

فصل پنجم: مستندسازی

هدف کامپوننت

درس 1: هدف کامپوننت

Anatomy

درس 2: Anatomy

حالت‌ها

درس 3: حالت‌ها

رفتار

درس 4: رفتار

متن

درس 5: متن

دسترس‌پذیری

درس 6: دسترس‌پذیری

کاربرد درست

درس 7: کاربرد درست

کاربرد نادرست

درس 8: کاربرد نادرست

نمونه Figma

درس 9: نمونه Figma

نمونه کد

درس 10: نمونه کد

تاریخ تغییر

درس 11: تاریخ تغییر

مالک کامپوننت

درس 12: مالک کامپوننت

فصل ششم: تحویل به توسعه

Handoff چیست؟

درس 1: Handoff چیست؟

فایل مرتب

درس 2: فایل مرتب

نام‌گذاری Layer

درس 3: نام‌گذاری Layer

Component و Instance

درس 4: Component و Instance

اندازه و فاصله

درس 5: اندازه و فاصله

Token

درس 6: Token

Asset

درس 7: Asset

SVG

درس 8: SVG

رفتار Responsive

درس 9: رفتار Responsive

Stateها

درس 10: Stateها

Annotation

درس 11: Annotation

جلسه تحویل

درس 12: جلسه تحویل

فصل هفتم: شناخت فنی طراح

HTML چیست؟

درس 1: HTML چیست؟

CSS چیست؟

درس 2: CSS چیست؟

Component در Frontend

درس 3: Component در Frontend

Box Model

درس 4: Box Model

Flexbox

درس 5: Flexbox

Grid

درس 6: Grid

Breakpoint

درس 7: Breakpoint

API

درس 8: API

داده پویا

درس 9: داده پویا

محدودیت فنی

درس 10: محدودیت فنی

هزینه پیاده‌سازی

درس 11: هزینه پیاده‌سازی

گفت‌وگو با برنامه‌نویس

درس 12: گفت‌وگو با برنامه‌نویس

فصل هشتم: Design QA

بررسی نسخه پیاده‌سازی‌شده

درس 1: بررسی نسخه پیاده‌سازی‌شده

مقایسه با طراحی

درس 2: مقایسه با طراحی

فاصله و اندازه

درس 3: فاصله و اندازه

Typography

درس 4: Typography

رنگ

درس 5: رنگ

Responsive

درس 6: Responsive

State

درس 7: State

Interaction

درس 8: Interaction

Accessibility

درس 9: Accessibility

اولویت تفاوت‌ها

درس 10: اولویت تفاوت‌ها

ثبت Issue

درس 11: ثبت Issue

تأیید نهایی

درس 12: تأیید نهایی

مرحله 16

مرحله 16: دوره پانزدهم: تفکر محصول، داده و تصمیم‌گیری

فصل اول: ارزش محصول

محصول چه ارزشی ایجاد می‌کند؟

درس 1: محصول چه ارزشی ایجاد می‌کند؟

ارزش برای کاربر

درس 2: ارزش برای کاربر

ارزش برای کسب‌وکار

درس 3: ارزش برای کسب‌وکار

مسئله واقعی

درس 4: مسئله واقعی

شدت مسئله

درس 5: شدت مسئله

تکرار مسئله

درس 6: تکرار مسئله

راه‌حل جایگزین

درس 7: راه‌حل جایگزین

willingness to change

درس 8: willingness to change

Value Proposition

درس 9: Value Proposition

توضیح یک‌جمله‌ای محصول

درس 10: توضیح یک‌جمله‌ای محصول

فصل دوم: هدف و Outcome

Output

درس 1: Output

Outcome

درس 2: Outcome

Impact

درس 3: Impact

قابلیت جدید

درس 4: قابلیت جدید

تغییر رفتار

درس 5: تغییر رفتار

هدف کسب‌وکار

درس 6: هدف کسب‌وکار

هدف کاربر

درس 7: هدف کاربر

معیار موفقیت

درس 8: معیار موفقیت

نتیجه ناخواسته

درس 9: نتیجه ناخواسته

تعریف Outcome قابل‌سنجش

درس 10: تعریف Outcome قابل‌سنجش

فصل سوم: MVP

MVP چیست؟

درس 1: MVP چیست؟

محصول ناقص نیست

درس 2: محصول ناقص نیست

فرضیه اصلی

درس 3: فرضیه اصلی

کمترین راه آزمایش

درس 4: کمترین راه آزمایش

Prototype به‌عنوان MVP

درس 5: Prototype به‌عنوان MVP

Concierge MVP

درس 6: Concierge MVP

Wizard of Oz

درس 7: Wizard of Oz

قابلیت ضروری

درس 8: قابلیت ضروری

قابلیت قابل‌حذف

درس 9: قابلیت قابل‌حذف

طراحی نسخه اول

درس 10: طراحی نسخه اول

فصل چهارم: اولویت‌بندی

محدودیت زمان

درس 1: محدودیت زمان

محدودیت تیم

درس 2: محدودیت تیم

ارزش

درس 3: ارزش

هزینه

درس 4: هزینه

ریسک

درس 5: ریسک

Impact و Effort

درس 6: Impact و Effort

MoSCoW

درس 7: MoSCoW

RICE مقدماتی

درس 8: RICE مقدماتی

Kano مقدماتی

درس 9: Kano مقدماتی

تصمیم بدون قطعیت

درس 10: تصمیم بدون قطعیت

ثبت دلیل تصمیم

درس 11: ثبت دلیل تصمیم

بازبینی اولویت

درس 12: بازبینی اولویت

فصل پنجم: معیارهای محصول

Metric چیست؟

درس 1: Metric چیست؟

Vanity Metric

درس 2: Vanity Metric

Actionable Metric

درس 3: Actionable Metric

Conversion

درس 4: Conversion

Activation

درس 5: Activation

Engagement

درس 6: Engagement

Retention

درس 7: Retention

Churn

درس 8: Churn

Task Success

درس 9: Task Success

Time on Task

درس 10: Time on Task

Error Rate

درس 11: Error Rate

Satisfaction

درس 12: Satisfaction

فصل ششم: Funnel

Funnel چیست؟

درس 1: Funnel چیست؟

مرحله ورود

درس 2: مرحله ورود

مرحله فعال‌سازی

درس 3: مرحله فعال‌سازی

مرحله تکمیل هدف

درس 4: مرحله تکمیل هدف

Drop-off

درس 5: Drop-off

نرخ تبدیل

درس 6: نرخ تبدیل

تفکیک کاربران

درس 7: تفکیک کاربران

پیدا‌کردن گلوگاه

درس 8: پیدا‌کردن گلوگاه

ارتباط داده و تحقیق

درس 9: ارتباط داده و تحقیق

پیشنهاد بهبود Funnel

درس 10: پیشنهاد بهبود Funnel

فصل هفتم: Retention و Cohort

بازگشت کاربر

درس 1: بازگشت کاربر

کاربر فعال

درس 2: کاربر فعال

Retention

درس 3: Retention

Cohort

درس 4: Cohort

رفتار هفته اول

درس 5: رفتار هفته اول

رفتار ماه اول

درس 6: رفتار ماه اول

تفاوت گروه‌ها

درس 7: تفاوت گروه‌ها

علت ریزش

درس 8: علت ریزش

مصاحبه کاربران ریزش‌کرده

درس 9: مصاحبه کاربران ریزش‌کرده

طراحی برای بازگشت

درس 10: طراحی برای بازگشت

فصل هشتم: آزمایش محصول

Experiment

درس 1: Experiment

فرضیه

درس 2: فرضیه

گروه کنترل

درس 3: گروه کنترل

گروه آزمایش

درس 4: گروه آزمایش

متغیر اصلی

درس 5: متغیر اصلی

معیار موفقیت

درس 6: معیار موفقیت

Guardrail Metric

درس 7: Guardrail Metric

A/B Test

درس 8: A/B Test

نمونه ناکافی

درس 9: نمونه ناکافی

نتیجه معنادار

درس 10: نتیجه معنادار

اهمیت عملی

درس 11: اهمیت عملی

تصمیم پس از آزمایش

درس 12: تصمیم پس از آزمایش

فصل نهم: همکاری با مدیر محصول

Product Brief

درس 1: Product Brief

Requirement

درس 2: Requirement

User Story

درس 3: User Story

Acceptance Criteria

درس 4: Acceptance Criteria

Roadmap

درس 5: Roadmap

Backlog

درس 6: Backlog

Sprint

درس 7: Sprint

Discovery

درس 8: Discovery

Delivery

درس 9: Delivery

Design Review

درس 10: Design Review

Stakeholder Review

درس 11: Stakeholder Review

مدیریت اختلاف نظر

درس 12: مدیریت اختلاف نظر

مرحله 17

مرحله 17: دوره شانزدهم: پروژه نهایی و ورود به بازار کار

فصل اول: تعریف پروژه

زمینه پروژه

درس 1: زمینه پروژه

کاربران اصلی

درس 2: کاربران اصلی

کاربران ثانویه

درس 3: کاربران ثانویه

مسئله نوجوان

درس 4: مسئله نوجوان

مسئله والدین

درس 5: مسئله والدین

مسئله مشاور

درس 6: مسئله مشاور

هدف کسب‌وکار

درس 7: هدف کسب‌وکار

محدودیت فنی

درس 8: محدودیت فنی

محدودیت زمانی

درس 9: محدودیت زمانی

معیار موفقیت

درس 10: معیار موفقیت

ریسک‌ها

درس 11: ریسک‌ها

Project Brief

درس 12: Project Brief

فصل دوم: تحقیق

سؤال‌های تحقیق

درس 1: سؤال‌های تحقیق

برنامه تحقیق

درس 2: برنامه تحقیق

انتخاب دانش‌آموزان

درس 3: انتخاب دانش‌آموزان

انتخاب والدین

درس 4: انتخاب والدین

انتخاب مشاور

درس 5: انتخاب مشاور

مصاحبه

درس 6: مصاحبه

مشاهده فرایند فعلی

درس 7: مشاهده فرایند فعلی

تحلیل رقبا

درس 8: تحلیل رقبا

Affinity Mapping

درس 9: Affinity Mapping

Insight

درس 10: Insight

Persona

درس 11: Persona

گزارش تحقیق

درس 12: گزارش تحقیق

فصل سوم: تعریف مسئله

نیازهای اصلی

درس 1: نیازهای اصلی

Pain Point

درس 2: Pain Point

فرصت‌ها

درس 3: فرصت‌ها

Job to Be Done

درس 4: Job to Be Done

Problem Statement

درس 5: Problem Statement

How Might We

درس 6: How Might We

فرضیات

درس 7: فرضیات

Assumption Map

درس 8: Assumption Map

مهم‌ترین ریسک

درس 9: مهم‌ترین ریسک

تعریف Outcome

درس 10: تعریف Outcome

معیار موفقیت

درس 11: معیار موفقیت

ارائه مسئله

درس 12: ارائه مسئله

فصل چهارم: ایده‌پردازی

Brainstorming

درس 1: Brainstorming

Crazy 8s

درس 2: Crazy 8s

ایده فردی

درس 3: ایده فردی

ایده گروهی

درس 4: ایده گروهی

ترکیب ایده‌ها

درس 5: ترکیب ایده‌ها

محدودیت

درس 6: محدودیت

Impact

درس 7: Impact

Effort

درس 8: Effort

انتخاب ایده

درس 9: انتخاب ایده

Storyboard

درس 10: Storyboard

Concept Sketch

درس 11: Concept Sketch

نقد ایده

درس 12: نقد ایده

فصل پنجم: معماری اطلاعات

Content Inventory

درس 1: Content Inventory

Capability Inventory

درس 2: Capability Inventory

Sitemap

درس 3: Sitemap

Navigation

درس 4: Navigation

دسته‌بندی مسیرها

درس 5: دسته‌بندی مسیرها

جست‌وجو

درس 6: جست‌وجو

فیلتر

درس 7: فیلتر

پروفایل

درس 8: پروفایل

داشبورد

درس 9: داشبورد

پنل والدین

درس 10: پنل والدین

پنل مشاور

درس 11: پنل مشاور

آزمایش معماری

درس 12: آزمایش معماری

فصل ششم: User Flow

ثبت‌نام

درس 1: ثبت‌نام

تکمیل پروفایل

درس 2: تکمیل پروفایل

انجام ارزیابی

درس 3: انجام ارزیابی

دریافت پیشنهاد

درس 4: دریافت پیشنهاد

انتخاب پروژه آزمایشی

درس 5: انتخاب پروژه آزمایشی

تکمیل پروژه

درس 6: تکمیل پروژه

دریافت بازخورد

درس 7: دریافت بازخورد

انتخاب مسیر یادگیری

درس 8: انتخاب مسیر یادگیری

رزرو مشاوره

درس 9: رزرو مشاوره

پرداخت

درس 10: پرداخت

مشاهده گزارش

درس 11: مشاهده گزارش

مسیرهای خطا

درس 12: مسیرهای خطا

فصل هفتم: Wireframe

طراحی دستی

درس 1: طراحی دستی

صفحه ورود

درس 2: صفحه ورود

داشبورد

درس 3: داشبورد

آزمون علاقه

درس 4: آزمون علاقه

نتیجه ارزیابی

درس 5: نتیجه ارزیابی

صفحه مسیر شغلی

درس 6: صفحه مسیر شغلی

صفحه دوره

درس 7: صفحه دوره

صفحه درس

درس 8: صفحه درس

رزرو مشاوره

درس 9: رزرو مشاوره

گزارش والدین

درس 10: گزارش والدین

پنل مشاور

درس 11: پنل مشاور

نقد Wireframe

درس 12: نقد Wireframe

فصل هشتم: Prototype اولیه و تست

انتخاب Flow اصلی

درس 1: انتخاب Flow اصلی

ساخت Prototype

درس 2: ساخت Prototype

برنامه تست

درس 3: برنامه تست

نوشتن Task

درس 4: نوشتن Task

Pilot Test

درس 5: Pilot Test

تست با نوجوان

درس 6: تست با نوجوان

تست با والد

درس 7: تست با والد

ثبت مشکلات

درس 8: ثبت مشکلات

تحلیل شدت

درس 9: تحلیل شدت

اصلاح Flow

درس 10: اصلاح Flow

تست مجدد

درس 11: تست مجدد

گزارش Iteration

درس 12: گزارش Iteration

فصل نهم: طراحی رابط

Moodboard

درس 1: Moodboard

جهت بصری

درس 2: جهت بصری

رنگ

درس 3: رنگ

تایپوگرافی

درس 4: تایپوگرافی

Grid

درس 5: Grid

Spacing

درس 6: Spacing

Icon

درس 7: Icon

Illustration

درس 8: Illustration

Component

درس 9: Component

صفحات اصلی

درس 10: صفحات اصلی

Dark Mode اختیاری

درس 11: Dark Mode اختیاری

طراحی واکنش‌گرا

درس 12: طراحی واکنش‌گرا

فصل دهم: سیستم طراحی

Tokenهای رنگ

درس 1: Tokenهای رنگ

Tokenهای متن

درس 2: Tokenهای متن

Tokenهای فاصله

درس 3: Tokenهای فاصله

Button

درس 4: Button

Input

درس 5: Input

Select

درس 6: Select

Card

درس 7: Card

Navigation

درس 8: Navigation

Modal

درس 9: Modal

Feedback

درس 10: Feedback

Documentation

درس 11: Documentation

انتشار Library

درس 12: انتشار Library

فصل یازدهم: حالت‌های کامل محصول

Loading

درس 1: Loading

Empty

درس 2: Empty

Error

درس 3: Error

Offline

درس 4: Offline

No Result

درس 5: No Result

Permission

درس 6: Permission

Disabled

درس 7: Disabled

Success

درس 8: Success

Payment Failed

درس 9: Payment Failed

Expired Session

درس 10: Expired Session

First-time User

درس 11: First-time User

Returning User

درس 12: Returning User

فصل دوازدهم: دسترس‌پذیری

کنتراست

درس 1: کنتراست

Focus

درس 2: Focus

صفحه‌کلید

درس 3: صفحه‌کلید

Label

درس 4: Label

خطا

درس 5: خطا

اندازه لمس

درس 6: اندازه لمس

متن جایگزین

درس 7: متن جایگزین

ترتیب محتوا

درس 8: ترتیب محتوا

Motion

درس 9: Motion

متن ساده

درس 10: متن ساده

بررسی WCAG

درس 11: بررسی WCAG

گزارش اصلاحات

درس 12: گزارش اصلاحات

فصل سیزدهم: تحویل به تیم توسعه

مرتب‌سازی فایل

درس 1: مرتب‌سازی فایل

نام‌گذاری

درس 2: نام‌گذاری

Componentها

درس 3: Componentها

Tokenها

درس 4: Tokenها

Assets

درس 5: Assets

Responsive Behavior

درس 6: Responsive Behavior

Stateها

درس 7: Stateها

User Flow

درس 8: User Flow

Annotation

درس 9: Annotation

جلسه Handoff

درس 10: جلسه Handoff

پاسخ به سؤال فنی

درس 11: پاسخ به سؤال فنی

ثبت تغییرات

درس 12: ثبت تغییرات

فصل چهاردهم: طراحی معیارها

تکمیل ثبت‌نام

درس 1: تکمیل ثبت‌نام

تکمیل ارزیابی

درس 2: تکمیل ارزیابی

مشاهده نتیجه

درس 3: مشاهده نتیجه

شروع پروژه آزمایشی

درس 4: شروع پروژه آزمایشی

تکمیل پروژه

درس 5: تکمیل پروژه

انتخاب مسیر

درس 6: انتخاب مسیر

رزرو مشاوره

درس 7: رزرو مشاوره

بازگشت کاربر

درس 8: بازگشت کاربر

رضایت نوجوان

درس 9: رضایت نوجوان

رضایت والدین

درس 10: رضایت والدین

Drop-off

درس 11: Drop-off

Guardrail Metric

درس 12: Guardrail Metric

فصل پانزدهم: Case Study

معرفی پروژه

درس 1: معرفی پروژه

نقش من

درس 2: نقش من

زمان و تیم

درس 3: زمان و تیم

مسئله

درس 4: مسئله

تحقیق

درس 5: تحقیق

یافته‌ها

درس 6: یافته‌ها

تصمیم‌های طراحی

درس 7: تصمیم‌های طراحی

Flow

درس 8: Flow

Wireframe

درس 9: Wireframe

تست

درس 10: تست

Iteration

درس 11: Iteration

رابط نهایی

درس 12: رابط نهایی

Design System

درس 13: Design System

نتیجه

درس 14: نتیجه

محدودیت

درس 15: محدودیت

آموخته‌ها

درس 16: آموخته‌ها

فصل اول: دکمه‌ها

پروژه‌های پیشنهادی برای ساخت نمونه‌کار

🛠️ بازطراحی صفحه ورود یک اپلیکیشن مشهور در Figma

صفحه ورود یک اپ مثل تاکسی اینترنتی را در Figma بازطراحی کن و دکمه‌ها و رنگ‌ها را ارتقا بده.

مراحل اجرای پروژه آزمایشی:

  • یک حساب رایگان Figma بساز.
  • اندازه فریم گوشی موبایل را انتخاب کن.
  • ورودی شماره موبایل، دکمه ورود و لوگو را با رعایت فاصله و رنگ مناسب بچین.

بازار کار و فرصت‌های شغلی طراحی رابط کاربری (UI/UX)

🎯 راه‌های ورود به بازار کار

  • طراح UI/UX کارآموز
  • طراح محصول جونیور

⏱️ زمان و هزینه موردنیاز

۳ تا ۵ ماه تمرین در فیگما و دیدن نمونه کارهای استاندارد.

شیوه‌های کاری: فریلنسری فراوان، استخدام در تمام شرکت‌های دارای اپلیکیشن و وب‌سایت.

سوالات متداول و باورهای غلط درباره طراحی رابط کاربری (UI/UX)

خیر! این تصور یکی از باورهای اشتباهی است که افراد تازه‌کار درباره طراحی رابط کاربری (UI/UX) دارند. با آموزش گام‌به‌گام موازی و تمرین مستمر، هر علاقمندی می‌تواند بر مفاهیم تسلط پیدا کند.

خیر! این تصور یکی از باورهای اشتباهی است که افراد تازه‌کار درباره طراحی رابط کاربری (UI/UX) دارند. با آموزش گام‌به‌گام موازی و تمرین مستمر، هر علاقمندی می‌تواند بر مفاهیم تسلط پیدا کند.

footer-big-guy

به خبرنامه ما بپیوندید

اولین نفری باشید که از آخرین به‌روزرسانی‌ها، پیشنهادهای ویژه و موارد دیگر باخبر می‌شود.

کلیه حقوق مادی و معنوی این وب‌سایت متعلق به موازی می باشد.