آموزش طراح محصول شوید (طراحی زیبای UI UX)

سرفصل ها و درس ها

معرفی Introduction

• چرا این دوره؟ Why this course?

• چرا این دوره؟ Why this course?

• چرا این دوره؟ Why this course?

• این دوره برای چه کسانی است؟ Who is this course for?

• این دوره برای چه کسانی است؟ Who is this course for?

• این دوره برای چه کسانی است؟ Who is this course for?

• ساختار دوره Course structure

• ساختار دوره Course structure

• ساختار دوره Course structure

• درمورد من About me

• درمورد من About me

• درمورد من About me

معرفی Introduction

معرفی Introduction

اصول اولیه UX The basics of UX

• تعریف UX Definition of UX

• تعریف UX Definition of UX

• تعریف UX Definition of UX

• UX خوب Good UX

• UX خوب Good UX

• UX خوب Good UX

• چرا UX مهم است Why UX matters

• چرا UX مهم است Why UX matters

• چرا UX مهم است Why UX matters

• UI در مقابل UX UI vs UX

• UI در مقابل UX UI vs UX

• UI در مقابل UX UI vs UX

• رشته های UX UX disciplines

• رشته های UX UX disciplines

• رشته های UX UX disciplines

• طراح محصول Product designer

• طراح محصول Product designer

• طراح محصول Product designer

اصول اولیه UX The basics of UX

اصول اولیه UX The basics of UX

UX عملی Practical UX

• 0 به 1 و 1 تا 10 0 to 1 & 1 to 10

• 0 به 1 و 1 تا 10 0 to 1 & 1 to 10

• 0 به 1 و 1 تا 10 0 to 1 & 1 to 10

• HelloCar! HelloCar!

• HelloCar! HelloCar!

• HelloCar! HelloCar!

UX عملی Practical UX

UX عملی Practical UX

درک تجارت Understanding business

• درک کسب و کار Understanding the business

• درک کسب و کار Understanding the business

• درک کسب و کار Understanding the business

• مشکلات شناسایی شده است Problems identified

• مشکلات شناسایی شده است Problems identified

• مشکلات شناسایی شده است Problems identified

• USP ها USPs

• USP ها USPs

• USP ها USPs

• مدل کسب و کار هلوکار Hellocar business model

• مدل کسب و کار هلوکار Hellocar business model

• مدل کسب و کار هلوکار Hellocar business model

• معیارهای موفقیت Success metrics

• معیارهای موفقیت Success metrics

• معیارهای موفقیت Success metrics

درک تجارت Understanding business

درک تجارت Understanding business

درک کاربران Understanding users

• تحقیق کاربر User research

• تحقیق کاربر User research

• تحقیق کاربر User research

• شخصیت ها Personas

• شخصیت ها Personas

• شخصیت ها Personas

درک کاربران Understanding users

درک کاربران Understanding users

سفرهای کاربر User journeys

• مقدمه Intro

• مقدمه Intro

• مقدمه Intro

• وظیفه اصلی HelloCar Core task of HelloCar

• وظیفه اصلی HelloCar Core task of HelloCar

• وظیفه اصلی HelloCar Core task of HelloCar

• سمت چپ وظیفه اصلی Left side of core task

• سمت چپ وظیفه اصلی Left side of core task

• سمت چپ وظیفه اصلی Left side of core task

• سمت راست وظیفه اصلی Right side of core task

• سمت راست وظیفه اصلی Right side of core task

• سمت راست وظیفه اصلی Right side of core task

• صفحه لیست ماشین ها List of cars page

• صفحه لیست ماشین ها List of cars page

• صفحه لیست ماشین ها List of cars page

• صفحه مشخصات خودرو Car details page

• صفحه مشخصات خودرو Car details page

• صفحه مشخصات خودرو Car details page

• رزرو جریان تست درایو Booking a test drive flow

• رزرو جریان تست درایو Booking a test drive flow

• رزرو جریان تست درایو Booking a test drive flow

سفرهای کاربر User journeys

سفرهای کاربر User journeys

وایرفریمینگ Wireframing

• مقدمه Intro

• مقدمه Intro

• مقدمه Intro

• کیت های طراحی روی Figma Design kits on Figma

• کیت های طراحی روی Figma Design kits on Figma

• کیت های طراحی روی Figma Design kits on Figma

• نمای فهرستی List view

• نمای فهرستی List view

• نمای فهرستی List view

• فیلترها، جستجو، مرتب سازی Filters, Search, Sort

• فیلترها، جستجو، مرتب سازی Filters, Search, Sort

• فیلترها، جستجو، مرتب سازی Filters, Search, Sort

• نمایش جزئیات Detail view

• نمایش جزئیات Detail view

• نمایش جزئیات Detail view

وایرفریمینگ Wireframing

وایرفریمینگ Wireframing

طراحی UI UI design

• مقدمه Intro

• مقدمه Intro

• مقدمه Intro

• اصول رابط کاربری خوب Good UI principles

• اصول رابط کاربری خوب Good UI principles

• اصول رابط کاربری خوب Good UI principles

• پایه ها Foundations

• پایه ها Foundations

• پایه ها Foundations

• Protip #1 (فاصله ها، ویژگی های قلم، رنگ ها) Protip #1 (Spacings, Font properties, Colors)

• Protip #1 (فاصله ها، ویژگی های قلم، رنگ ها) Protip #1 (Spacings, Font properties, Colors)

• Protip #1 (فاصله ها، ویژگی های قلم، رنگ ها) Protip #1 (Spacings, Font properties, Colors)

• نکته شماره 2 (قسمت های خالی را با تصاویر پر کنید) Protip #2 (Fill empty parts with visuals)

• نکته شماره 2 (قسمت های خالی را با تصاویر پر کنید) Protip #2 (Fill empty parts with visuals)

• نکته شماره 2 (قسمت های خالی را با تصاویر پر کنید) Protip #2 (Fill empty parts with visuals)

• نکته شماره 3 (عناصر رابط کاربری جدید را معرفی نکنید) Protip #3 (Don't introduce new UI elements)

• نکته شماره 3 (عناصر رابط کاربری جدید را معرفی نکنید) Protip #3 (Don't introduce new UI elements)

• نکته شماره 3 (عناصر رابط کاربری جدید را معرفی نکنید) Protip #3 (Don't introduce new UI elements)

• نکته شماره 4 (همه چیز را تراز و مرتب کنید) Protip #4 (Align and tidy up everything)

• نکته شماره 4 (همه چیز را تراز و مرتب کنید) Protip #4 (Align and tidy up everything)

• نکته شماره 4 (همه چیز را تراز و مرتب کنید) Protip #4 (Align and tidy up everything)

• نکته شماره 5 (هر عنصر رابط کاربری را زیر سوال ببرید) Protip #5 (Question every UI element)

• نکته شماره 5 (هر عنصر رابط کاربری را زیر سوال ببرید) Protip #5 (Question every UI element)

• نکته شماره 5 (هر عنصر رابط کاربری را زیر سوال ببرید) Protip #5 (Question every UI element)

• طراحی مجدد شماره 1 Redesign #1

• طراحی مجدد شماره 1 Redesign #1

• طراحی مجدد شماره 1 Redesign #1

• طراحی مجدد شماره 2 Redesign #2

• طراحی مجدد شماره 2 Redesign #2

• طراحی مجدد شماره 2 Redesign #2

• رابط کاربری صفحه فهرست خودروها Cars list page UI

• رابط کاربری صفحه فهرست خودروها Cars list page UI

• رابط کاربری صفحه فهرست خودروها Cars list page UI

• فیلترها، مرتب سازی UI Filters, Sort UI

• فیلترها، مرتب سازی UI Filters, Sort UI

• فیلترها، مرتب سازی UI Filters, Sort UI

• رابط کاربری صفحه جزئیات خودرو Car detail page UI

• رابط کاربری صفحه جزئیات خودرو Car detail page UI

• رابط کاربری صفحه جزئیات خودرو Car detail page UI

طراحی UI UI design

طراحی UI UI design

کپی UX UX copy

• مقدمه Intro

• مقدمه Intro

• مقدمه Intro

• اصول کپی UX Principles of UX copy

• اصول کپی UX Principles of UX copy

• اصول کپی UX Principles of UX copy

• بهبود کپی Hellocar Hellocar copy improvements

• بهبود کپی Hellocar Hellocar copy improvements

• بهبود کپی Hellocar Hellocar copy improvements

کپی UX UX copy

کپی UX UX copy

طراحی اندازه گیری Measuring design

• مقدمه Intro

• مقدمه Intro

• مقدمه Intro

• آنالیز کمی Quantitative analysis

• آنالیز کمی Quantitative analysis

• آنالیز کمی Quantitative analysis

• تحلیل کیفی Qualitative analysis

• تحلیل کیفی Qualitative analysis

• تحلیل کیفی Qualitative analysis

طراحی اندازه گیری Measuring design

طراحی اندازه گیری Measuring design

موضوعات اضافی Additional topics

• نمونه های اولیه Prototypes

• نمونه های اولیه Prototypes

• نمونه های اولیه Prototypes

• واگذاری های مهندسی Engineering handoffs

• واگذاری های مهندسی Engineering handoffs

• واگذاری های مهندسی Engineering handoffs

• دسترسی Accessibility

• دسترسی Accessibility

• دسترسی Accessibility

موضوعات اضافی Additional topics

موضوعات اضافی Additional topics

محدودیت های طراحی Design constraints

• مقدمه Intro

• مقدمه Intro

• مقدمه Intro

• محدودیت های فنی Tech constraints

• محدودیت های فنی Tech constraints

• محدودیت های فنی Tech constraints

• محدودیت های محتوا Content constraints

• محدودیت های محتوا Content constraints

• محدودیت های محتوا Content constraints

• محدودیت زمان و بودجه Time & budget constraints

• محدودیت زمان و بودجه Time & budget constraints

• محدودیت زمان و بودجه Time & budget constraints

محدودیت های طراحی Design constraints

محدودیت های طراحی Design constraints

1 تا 10 ایده 1 to 10 ideas

• مقدمه Intro

• مقدمه Intro

• مقدمه Intro

• احساس فوریت Sense of urgency

• احساس فوریت Sense of urgency

• احساس فوریت Sense of urgency

• CTA در نمای لیست CTA on list view

• CTA در نمای لیست CTA on list view

• CTA در نمای لیست CTA on list view

• ارائه می دهد Offers

• ارائه می دهد Offers

• ارائه می دهد Offers

• متفرقه Miscellaneous

• متفرقه Miscellaneous

• متفرقه Miscellaneous

1 تا 10 ایده 1 to 10 ideas

1 تا 10 ایده 1 to 10 ideas

نقد طراحی Design critique

• مقدمه Intro

• مقدمه Intro

• مقدمه Intro

• بررسی رقیب Competitor review

• بررسی رقیب Competitor review

• بررسی رقیب Competitor review

نقد طراحی Design critique

نقد طراحی Design critique

نتیجه Conclusion

• آنچه تاکنون آموخته ایم + سفرهای دیگری که باید در نظر بگیریم What have we learned so far + other journeys to consider

• آنچه تاکنون آموخته ایم + سفرهای دیگری که باید در نظر بگیریم What have we learned so far + other journeys to consider

• آنچه تاکنون آموخته ایم + سفرهای دیگری که باید در نظر بگیریم What have we learned so far + other journeys to consider

• الگوی حل مطالعات موردی Template for solving case studies

• الگوی حل مطالعات موردی Template for solving case studies

• الگوی حل مطالعات موردی Template for solving case studies

• اپلیکیشنی برای رزرو بلیط سفر به ماه طراحی کنید Design an app to book tickets for a trip to moon

• اپلیکیشنی برای رزرو بلیط سفر به ماه طراحی کنید Design an app to book tickets for a trip to moon

• اپلیکیشنی برای رزرو بلیط سفر به ماه طراحی کنید Design an app to book tickets for a trip to moon

• تبریک و تشکر Congratulations & thank you!

• تبریک و تشکر Congratulations & thank you!

• تبریک و تشکر Congratulations & thank you!

نتیجه Conclusion

نتیجه Conclusion