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

برنامه‌ریزی برای یک وب‌سایت ریسپانسیو Plan a responsive website

• درک وب‌سایت‌های ریسپانسیو Understand responsive websites

• تفاوت بین اپلیکیشن‌های اختصاصی موبایل و وب‌اپلیکیشن‌های ریسپانسیو Differentiate between dedicated mobile apps and responsive web apps

• برنامه‌ریزی معماری اطلاعات برای یک وب‌سایت Plan information architecture for a website

• بررسی ساختارهای رایج وب‌سایت Explore common website structures

• بررسی نقشه‌های سایت (Sitemaps) Explore sitemaps

• ساخت نقشه سایت برای وب‌سایت شما Build a sitemap for your website

• بررسی چیدمان‌های رایج برای صفحات اصلی وب‌سایت Explore common layouts for website home pages

• مبانی وایرفریم‌ها The basics of wireframes

• ترسیم یک چیدمان ریسپانسیو Plot a responsive layout

• تنظیم چیدمان صفحات بر اساس اندازه صفحه نمایش Adjust page layouts based on screen size

• انتقال از وایرفریم‌های کاغذی به دیجیتال Transition from paper to digital wireframes

• بهبود وایرفریم‌ها برای افزایش دسترسی‌پذیری (Accessibility) Refine wireframes to enhance accessibility

• ارزیابی وایرفریم‌ها با استفاده از اصول گشتالت Evaluate wireframes using Gestalt Principles

• جمع‌بندی: ایجاد وایرفریم برای یک وب‌سایت ریسپانسیو Wrap-up: Creating wireframes for a responsive website

ساخت و تست پروتوتایپ‌ها Create and test prototypes

• درک پروتوتایپ‌های با دقت پایین (Low-fidelity) Understand low-fidelity prototypes

• شروع طراحی موکاپ‌ها Begin to design mockups

• کار با سیستم‌های طراحی Work with design systems

• مرور: آشنایی با پروتوتایپ‌های با دقت بالا (High-fidelity) Review: Introduction to high-fidelity prototypes

• مرور: ایجاد یک پروتوتایپ با دقت بالا در فیگما Review: Create a high-fidelity prototype in Figma

• توضیح و یادداشت‌گذاری پروتوتایپ‌ها برای دسترسی‌پذیری وب Annotate prototypes for web accessibility

• جمع‌بندی: ایجاد و تست طرح‌های با دقت بالا Wrap-up: Creating and testing high-fidelity designs

شرکت در جلسات نقد طراحی Participating in design critique sessions

• ارائه و دریافت بازخورد به عنوان طراح UX Give and receive feedback as a UX designer

• مبانی جلسات نقد طراحی The basics of design critique sessions

• بهترین روش‌ها برای جلسات نقد طراحی Best practices for design critique sessions

• کونال: تجربه من در جلسات نقد طراحی Kunal - My experience with design critique sessions

• مقدمه‌ای بر جلسه نقد شبیه‌سازی شده Introduction to a mock crit session

• مشاهده یک جلسه نقد شبیه‌سازی شده Observe a mock crit session

• تبدیل بازخوردهای جلسه نقد به اقدامات عملی Turn crit session feedback into actions

• بهبود موکاپ‌ها بر اساس بازخوردهای جلسات نقد Iterate on mockups based on feedback from crit sessions

• جمع‌بندی: شرکت در جلسات نقد طراحی Wrap-up: Participating in design critique sessions

مستندسازی کارهای طراحی و جستجوی شغل Document design work and search for jobs

• شناخت مشاغل رایج برای طراحان UX Understand common jobs for UX designers

• بررسی انواع شرکت‌هایی که طراحان UX در آن‌ها فعالیت می‌کنند Explore types of companies that UX designers work at

• کنی: پشتکار Kenny - Perseverance

• دین: توصیه‌های من برای رزومه‌های طراحی UX Dane - My advice for UX design resumes

• تیم: توصیه‌های یک استخدام‌کننده برای رزومه‌های طراحی UX Tim - A recruiter's advice for UX design resumes

• همکاری با تیم‌های مهندسی و برنامه‌نویسی Collaborate with engineering teams

• افزودن یک پروژه به پورتفولیو Add a project to your portfolio

• تبریک برای به پایان رساندن دوره ۶: طراحی رابط کاربری (UI) پویا برای وب‌سایت‌ها Congratulations on completing Course 6: Build Dynamic User Interfaces (UI) for Websites