آموزش طراحی رابط کاربری و پروتوتایپینگ (نمونه‌سازی) - آخرین آپدیت

Wireframes and mockups Wireframes and mockups

• مقدمه‌ای بر طراحی رابط کاربری و پروتوتایپینگ Introduction to User Interface Design and Prototyping

• پروتوتایپینگ چیست؟ What is prototyping?

• از طرح اولیه (Sketch) تا پروتوتایپ تعاملی From sketch to interactive prototype

• انتخاب ابزار مناسب برای پروتوتایپینگ Choosing the right prototying tool

• چرا باید با پروتوتایپ‌های با وفاداری پایین (Low Fidelity) شروع کنیم؟ Why start with low-fidelity prototypes?

• تکنیک‌ها و بهترین روش‌های وایر فریمینگ Wireframing techniques and best practies

• تبدیل وایر فریم به موکاپ: افزودن جزئیات بصری Wireframe to mockup: Adding visual polish

• نکات و ترفندهای طراحی موکاپ Mockup design tips and tricks

• چرا باید تست کاربردپذیری انجام دهیم؟ Why conduct usability testing?

• برنامه‌ریزی برای تست کاربردپذیری Usability testing plan

• جمع‌بندی وایر فریم‌ها و موکاپ‌ها Wireframes and mockups wrap up

Design systems and style guides Design systems and style guides

• مقدمه فصل: سیستم‌های طراحی و راهنمای سبک Module introduction: Design systems and style guides

• اهمیت یکپارچگی در طراحی تجربه کاربری (UX) The importance of consistency in UX design

• چالش‌های پروژه‌های طراحی The challenges of design projects

• سیستم طراحی (Design System) چیست؟ What is a design system?

• کاوش در سیستم‌های طراحی Design system exploration

• بازبینی زنده سیستم طراحی Fluent 2 Live tour Fluent 2 design system

• نقش راهنمای سبک (Style Guide) در سیستم‌های طراحی The role of style guides in design systems

• مطالعه موردی راهنمای سبک Style guide case study

• جمع‌بندی سیستم‌های طراحی و راهنماهای سبک Style guides wrap up

Interactive prototypes Interactive prototypes

• مقدمه فصل: پروتوتایپ‌های تعاملی Module introduction: Interactive prototypes

• چرا پروتوتایپ‌های تعاملی اهمیت دارند؟ Why interactive prototypes matter

• از موکاپ تا پروتوتایپ: جان بخشیدن به طرح From mockup to prototype: Adding magic

• بررسی ابزارهای محبوب پروتوتایپینگ Exploring popular prototyping tools

• متحرک‌سازی و زنده کردن موکاپ‌ها Bringing your mockups to life

• آموزش عملی پروتوتایپینگ Prototyping tutorial

• بهینه‌سازی برای وضوح و کاربردپذیری بیشتر Polishing for clarity and usability

• جمع‌بندی پروتوتایپ‌های تعاملی Interactive prototypes wrap up

Design critiques and user testing Design critiques and user testing

• مقدمه فصل: نقد طراحی و تست کاربر Module introduction: Design critiques and user testing

• چرا تست کاربر اهمیت دارد؟ Why user testing matters

• آماده‌سازی یک جلسه ساده تست کاربر Setting up a simple user test session

• انواع مختلف تست کاربر Different types of user testing

• نقد طراحی موثر: نحوه ارائه و دریافت بازخورد Effective design critiques: Giving and receiving feedback

• اصلاح و تکرار طراحی‌ها بر اساس بازخورد کاربر Iterating on designs based on user feedback

• جمع‌بندی نقد طراحی و تست کاربر Design critiques and user testing wrap up

• خلاصه‌ی دوره طراحی رابط کاربری و پروتوتایپینگ User Interface Design and Prototyping summary