آموزش UX: طراحی تعاملی (Interaction Design) - آخرین آپدیت

خلق تجربه‌های کاربری Creating User Experiences

• خوش‌آمدگویی به تجربه کاربری Welcome to User Experience

• کاربران چه کسانی هستند Who Are Users

• چرا تجربه کاربری اهمیت دارد Why Do User Experiences Matter

• تئوری‌های پایه UX UX Basic Theory

• تفاوت طراحی UX و UI UX vs UI Design

• UX در محیط واقعی UX in Context

• اهمیت کاربران The Importance of Users

• اهمیت طراحی برای کاربران The Importance of Designing for Users

• تعیین پرسونای کاربران شما Determining Your Users Personas

• همدلی با کاربران Empathy for Your Users

• درک اهداف کاربران Understanding Your Users' Goals

• تفکر درباره اهداف شما Thinking of Your Goals

• ترکیب اهداف شما با اهداف کاربران Combining Your Goals with Your Users' Goals

• ساختاربندی تجربه‌ها حول اهداف خاص Structuring Experiences Around Specific Goals

• انتظارات کاربران از فرآیند: درک جریان‌های کاربر Users Expect a Process - Understanding User Flows

• مرتب‌سازی مراحل Getting Our Steps in Order

• مقایسه اهداف کاربران Contrasting User Goals

• ساخت جریان‌های کاربر (User Flows) Making User Flows

• مرور آموخته‌های این فصل Recap What We've Learned

الگوهای طراحی UX UX Design Patterns

• الگوهای طراحی چیستند What Are Design Patterns

• روانشناسی الگوهای طراحی The Psychology of Design Patterns

• پیاده‌سازی الگوهای طراحی Implementing Design Patterns

• فراتر از الگوهای طراحی Beyond Design Patterns

• ناوبری اصلی (Primary Navigation) Primary Navigation

• منوهای کشویی و ناوبری فرعی Dropdowns and Subnavigation

• breadcrumbs یا مسیر راهنما Breadcrumbs

• صفحه‌بندی و فیلترینگ Pagination and Filtering

• پای‌بندها (Footers) Footers

• برداشت‌های اولیه First Impressions

• الگوهای اسکن بصری Scanning Patterns

• به‌کارگیری الگوی لایه لایه (Layer Cake) Applying the Layer Cake Pattern

آشنایی با طراحی محصول Introduction to Product Design

• خوش‌آمدگویی به طراحی محصول Welcome to Product Design

• رشته‌های تخصصی طراحی محصول Disciplines of Product Design

• اصول طراحی جهانی Universal Design Principles

• اصول طراحی تعاملی Interaction Design Principles

• اصول طراحی شرکتی Company Design Principles

• مرحله کشف (Discover) Discover

• مرحله تعریف (Definition) Definition

• مرحله ایده‌پردازی (Ideation) Ideation

• مرحله راهکار (Solution) Solution

• مرحله تست (Test) Test

• مرحله عرضه (Ship) Ship

• گام‌های بعدی Next Steps

آشنایی با سیستم‌های طراحی Introduction to Design Systems

• سیستم طراحی چیست What Is a Design System

• بررسی سیستم‌های طراحی Exploring Design Systems

• اجزای سیستم طراحی Design System Components

• رنگ Color

• تایپوگرافی Typography

• فاصله‌گذاری (Space) Space

• تصویر Image

• موشن و حرکت Motion

• معرفی کتابخانه‌های رابط کاربری Introducing User Interface Libraries

• بررسی کتابخانه‌های رابط کاربری Exploring User Interface Libraries

• معرفی لحن و بیان (Voice and Tone) Introducing Voice and Tone

• بررسی لحن و بیان Exploring Voice and Tone

تمرین استفاده از سیستم طراحی Practice Using a Design System

• معرفی پروژه Introducing the Project

• تحقیق Research

• کاوش‌های طراحی Design Explorations

• شروع وایرفریم موبایل Starting the Mobile Wireframe

• طراحی منوی آکاردئونی Creating the Accordion Menu

• گسترش پنل آکاردئونی Expanding the Accordion Panel

شروع کار با دستورالعمل‌های رابط انسانی (HIG) Getting Started with Human Interface Guidelines

• معرفی دستورالعمل‌های رابط انسانی (HIG) Introducing Human Interface Guidelines

• تکامل طراحی iOS The Evolution of iOS Design

• تم‌های طراحی iOS iOS Design Themes

• معرفی پروژه ما Introducing Our Project

• راه‌اندازی پروژه Project Setup

• صفحه اول The First Screen

• صفحه دوم The Second Screen

شروع کار با متریال دیزاین Getting Started with Material Design

• معرفی متریال دیزاین Introducing Material Design

• چرا متریال دیزاین Why Material Design

• متریال به عنوان یک استعاره Material Is the Metaphor

• اصول متریال دیزاین Material Design Principles

• معرفی پروژه ما Introducing Our Project

• طراحی ناوبری پایینی (Bottom Navigation) Design a Bottom Navigation

• طراحی پنل جانبی (Side Sheet) Design a Side Sheet

• طراحی دکمه عملیات شناور (FAB) Design a Floating Action Button

طراحی برای نقش‌های کاربری Designing for User Roles

• خلق تجربه‌ها برای نقش‌های کاربری Creating Experiences for User Roles

• مزایای تعریف نقش‌های کاربر Benefits of User Roles

• عناصر یک نقش کاربری Elements of a User Role

• نموداری کردن جریان نقش‌های کاربر Diagramming the Flow of User Roles

• بهترین شیوه‌های اجرایی Best Practices

دسترسی‌پذیری برای طراحان UX Accessibility for UX Designers

• طراحی دسترسی‌پذیر چیست What Is Accessible Design

• دستورالعمل‌های دسترسی‌پذیری محتوای وب (WCAG) Web Content Accessibility Guidelines

• اصول WCAG: قابل درک بودن (Perceivable) WCAG Principles - Perceivable

• اصول WCAG: قابل اجرا بودن (Operable) WCAG Principles - Operable

• اصول WCAG: قابل فهم بودن (Understandable) WCAG Principles - Understandable

• اصول WCAG: مستحکم بودن (Robust) WCAG Principles - Robust

• دسترسی‌پذیری و فرآیند طراحی Accessibility and the Design Process

• دسترسی‌پذیری فرم‌ها Form Accessibility

• صفحه اطلاعات ارسال Delivery Information Screen

• صفحه گزارش خطا Error Reporting Screen

طراحی تعاملات Designing Interactions

• طراحی تعاملی چیست What's Interaction Design

• ابعاد پنج‌گانه Five Dimensions

• انواع تعاملات Types of Interactions

• میکرو-تعاملات (Microinteractions) Microinteractions

• پیام‌های بازخورد Feedback Messages

• روانشناسی شناختی: مدل‌های ذهنی Cognitive Psychology - Mental Models

• روانشناسی شناختی: قابلیت‌ها (Affordances) Cognitive Psychology - Affordances

• اصول روانشناختی Psychological Principles

• حس و ادراک Sensation and Perception

• مقدمه‌ای بر طراحی تعاملات Intro to Designing Interactions

• نحوه طراحی تعاملات How to Design Interactions