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

دوره آموزش ایجاد رابط کاربری پویا (UI) برای وب‌سایت‌ها، مهارت‌های لازم جهت ورود به شغل طراحی تجربه کاربری (UX) را به شما یاد می‌دهد. در این دوره شما طراحی یک وب‌سایت، ایجاد طرح و نمونه ... ادامه

ارائه دهنده:  Coursera  Coursera
مدرس دوره:
سطح: مقدماتی
 پلاس
  
زمان مورد نیاز برای گذارندن دوره:  3 ساعت
مجموع محتوای آموزشی:  3 ساعت ویدئو
 (قابل دانلود می‌باشد)
course-feature   زیرنویس فارسی

آنچه در این دوره می‌آموزیم:

 ایجاد یک وب‌سایت پویا با استفاده از هر مرحله از چارچوب تفکر طراحی UX (همدلی، تعریف، ایده پردازی، نمونه سازی، آزمایش)

 طراحی معماری اطلاعات و ایجاد نقشه سایت برای طراحی وب‌سایت‌ها

 استفاده از طرح‌های رایج برای صفحات وب

 تکمیل یک پروژه طراحی و قرار دادن آن در نمونه کار حرفه‌ای UX خود

پیش‌نیاز‌ها

دانشجویان برای درک و استفاده بیشتر از این دوره، باید دارای دانش و مهارت‌های زیر باشند:

  • درک بنیادی قوی از روند طراحی UX، به ویژه مراحل همدلی، تعریف، ایده‌پردازی، نمونه‌سازی و آزمایش.
  • تجربه ایجاد وایرفریم، موکاپ‌ها و نمونه‌های اولیه، با استفاده از ابزارهای مختلف.
  • توانایی انجام مطالعات قابلیت استفاده، به منظور جمع‌آوری بازخورد از کاربران و بهبود طراحی.

تجربه قبلی با Figma مورد نیاز نیست.

سرفصل‌های دوره آموزش ایجاد رابط کاربری پویا (UI) برای وب‌سایت‌ها

طراحی وب‌سایت Responsive

در این فصل با اصول طراحی وب Responsive شروع می‌کنید. برای ایجاد یک وب‌سایت Responsive، مراحل فرآیند طراحی UX را دنبال خواهید کرد: همدلی، تعریف، ایده پردازی، نمونه سازی و آزمایش. در این فصل از دوره، شما مراحل همدلی و تعریف را تکمیل خواهید کرد.

  آشنایی با وب‌سایت‌های واکنش‌گرا
"03:11  
  تفاوت میان برنامه‌های موبایل اختصاصی و برنامه‌های وب واکنش‌گرا
"04:28  
  طراحی معماری اطلاعات برای وب‌سایت
"02:14  
  کاوش ساختارهای رایج وب‌سایت
"07:21  
  کاوش سایت‌مپ
"02:41  
  ساخت یک نقشه سایت برای وب‌سایت خود
"05:33  
  کاوش طرح‌بندی‌های رایج برای صفحات اصلی وب‌سایت
"07:34  
  اصول وایرفریم‌ها
"09:20  
  ترسیم طرح واکنش‌گرا
"03:01  
  تنظیم طرح‌بندی صفحه را بر اساس اندازه صفحه
"03:34  
  انتقال از کاغذ به وایرفریم دیجیتال
"01:36  
  اصلاح وایرفریم‌ها برای افزایش دسترسی
"06:20  
  ارزیابی وایرفریم‌ها با استفاده از اصول گشتالت
"03:33  
  جمع‌بندی
"01:14  
ایجاد و تست پرتوتایپ‌ها

اکنون که نمونه‌های اولیه  دیجیتالی ایجاد کرده‌اید، وقت آن است که یک نمونه اولیه کم دقت را ایجاد، آزمایش و تکرار کنید. در این فصل ابتدا، نحوه ساخت یک نمونه اولیه با دقت پایین را یاد خواهید گرفت. شما با برنامه‌ریزی و انجام یک مطالعه قابل استفاده، بازخوردی در مورد نمونه اولیه خود دریافت خواهید کرد. سپس، بر اساس بینش‌های تحقیقاتی خود تغییراتی در طرح‌های کم دقت خود ایجاد خواهید کرد.

  درک نمونه‌های اولیه با دقت پایین
"02:39  
  شروع طراحی موکاپ‌ها
"02:23  
  کار با سیستم‌های طراحی
"03:26  
  بررسی: مقدمه‌ای بر نمونه‌های اولیه با دقت بالا
"04:29  
  بررسی: ایجاد یک نمونه اولیه با دقت بالا در Figma
"03:54  
  حاشیه‌نگاری نمونه‌های اولیه برای web accessibility
"04:40  
  جمع‌بندی
"01:07  
شرکت در جلسات نقد طراحی

پس از همدلی با کاربران، تعریف مشکل کاربر برای حل کردن و شروع به فکر کردن در مورد راه‌حل‌های احتمالی، وقت آن است که ایده‌های خود را در طرح‌های اولیه به واقعیت تبدیل کنید. وب‌سایت واکنشگرای شما بسته به دستگاه و اندازه صفحه نمایشی که برای طراحی آن طراحی می‌کنید، دارای طرح‌های مختلف خواهد بود، بنابراین شما تعداد زیادی طرح اولیه مختلف ایجاد خواهید کرد. ابتدا طرح‌های رایج وب‌سایت را بررسی خواهید کرد و طرح‌های اولیه کاغذی ایجاد خواهید کرد. سپس، چند عنصر و جزء رایج در طراحی وب واکنشگرا را خواهید شناخت. سپس، به ایجاد طرح‌های اولیه دیجیتالی تغییر مسیر خواهید داد. سرانجام، طرح‌های اولیه خود را برای بهبود دسترس‌پذیری به روز کرده و تصحیح خواهید کرد.

  همکاری با تیم‌های مهندسی
"02:36  
  افزودن پروژه به نمونه کار
"01:58  
  ارائه و دریافت بازخورد به عنوان یک طراح UX
"05:11  
  مبانی جلسات نقد و بررسی طراحی
"04:08  
  بهترین شیوه‌های جلسات نقد و بررسی طراحی
"03:25  
  Kunal: تجربه من با جلسات نقد و بررسی طراحی
"03:41  
  مقدمه‌ای بر یک جلسه نقد و بررسی موکاپ
"02:11  
  مشاهده یک جلسه نقد و بررسی موکاپ
"05:54  
  تبدیل بازخورد جلسه نقد و بررسی به اقدامات
"05:55  
  تکرار موکاپ‌ها بر اساس بازخورد از جلسات نقد و بررسی
"04:42  
  جمع‌بندی
"01:01  
مستندسازی کارهای طراحی و جستجوی شغل

با تکمیل طراحی‌های وب واکنشگرای خود، آماده اشتراک‌گذاری کار خود با دیگران خواهید بود. برای شروع، یاد خواهید گرفت که چگونه طراحی‌ها را برای مهندسان آماده کرده و تحویل دهید که محصول نهایی را ایجاد خواهند کرد. همچنین یک مطالعه موردی را به نمونه کار حرفه‌ای UX خود اضافه خواهید کرد که طراحی‌های وب واکنشگرای شما را برجسته می‌کند. سپس، شما تغییر جهت داده و بر هدف بزرگ خود تمرکز خواهید کرد: یافتن شغل به عنوان یک طراح UX. شما نکات و ترفندهایی را برای اسکن آگهی‌های شغلی یاد خواهید گرفت و یک رزومه قانع کننده ایجاد خواهید کرد که مهارت‌های جدید UX شما را برجسته می‌کند.

  درک مشاغل رایج برای طراحان UX
"05:58  
  بررسی انواع شرکت‌هایی که طراحان UX در آن کار می‌کنند
"06:18  
  Kenny - پافشاری
"04:31  
  شناسایی مکان‌هایی برای درخواست مشاغل طراحی UX
"05:05  
  بررسی شرح شغل‌ها برای کلمات کلیدی
"05:13  
  درک رزومه‌های طراحی UX
"03:35  
  Dane - مشاوره من برای رزومه‌های طراحی UX
"03:19  
  Tim - مشاوره یک استخدام کننده برای رزومه‌های طراحی UX
"03:12  
  به روز رسانی رزومه بر اساس شرح شغل
"04:24  
  تبریک
"01:30  

ویژگی‌های دوره

زیرنویس فارسی
زیرنویس فارسی

این دوره دارای زیرنویس اختصاصی است.

درباره دوره

دوره آموزش ایجاد رابط کاربری پویا (UI) برای وب‌سایت‌ها، مهارت‌های لازم جهت ورود به شغل طراحی تجربه کاربری (UX) را به شما یاد می‌دهد. در این دوره شما طراحی یک وب‌سایت، ایجاد طرح و نمونه اولیه را برنامه‌ریزی می‌کنید و طراحی ها را برای دریافت بازخورد آزمایش خواهید کرد. همچنین، شما یاد می‌گیرید که چگونه در جلسات نقد و بررسی طراحی درگیر بحث شوید و چگونه بازخورد بدهید و دریافت کنید. در پایان این دوره، شما یک پروژه طراحی جدید برای گنجاندن در پورتال حرفه‌ای UX خود خواهید داشت.

علاوه بر این، شما یاد خواهید گرفت که چگونه برای مشاغل طراحی UX سطح ابتدایی جستجو کنید، رزومه‌ای ایجاد کنید که مهارت‌ها و دستاوردهایتان را برجسته کند و وب‌سایت نمونه کار حرفه‌ای خود را ایجاد کنید. مدرسان این دوره طراحان و محققان UX فعلی Google هستند و شما فعالیت‌های عملی را انجام می‌دهید که سناریوهای طراحی UX واقعی را شبیه‌سازی می کنند.

در پایان این دوره، شما قادر خواهید بود:

  • هر مرحله از چارچوب تفکر طراحی UX (همدلی، تعریف، ایده پردازی، نمونه‌سازی، آزمایش) را برای ایجاد یک وب‌سایت واکنش‌گرا اعمال کنید.
  • طراحی معماری اطلاعات و ایجاد نقشه سایت برای طراحی وب‌سایت‌ها.
  • طرح‌های رایج برای صفحات وب را اعمال کنید.
  • یک مطالعه قابل استفاده را برنامه‌ریزی کنید و انجام دهید تا بازخورد در مورد طراحی‌ها جمع‌آوری کنید.
  • بر اساس بینش‌های تحقیقاتی، طراحی‌ها را تکرار کنید.
  • با سیستم‌های طراحی کار کنید.
  • یک پروژه طراحی جدید را به پورتال حرفه‌ای UX خود اضافه کنید.

درباره استاد

maktabkhooneh-teacher Google Career Certificates

گواهی‌های شغلی Google بخشی از برنامه Grow with Google است که از طریق آموزش‌هایی مانند این درس در تلاش است تا به همه  کسانی که نیروی کار امروز را تشکیل می‌دهند و دانش‌آموزانی که نیروی کار فردا را هدایت می‌کنند آموزش دهد و با ایجاد بستری مناسب زمینه دسترسی به بهترین آموزش‌ها و ابزارهای Google برای رشد مهارت‌ها، مشاغل و کسب‌وکارها را ایجاد کند.

مشاهده پروفایل و دوره‌‌های استاد

نظرات کاربران

تا کنون نظری برای این دوره ثبت نشده است. برای ثبت نظر باید ابتدا در دوره ثبت نام کرده و دانشجوی دوره باشید.

دوره‌های پیشنهادی

سوالات پرتکرار

پس از سپری شدن زمان دوره، به محتوای دوره دسترسی خواهم داشت؟
بله؛ پس از سپری شدن مدت زمان دوره شما به محتوای دوره دسترسی خواهید داشت و می توانید از ویدئوها، تمارین، پروژه و دیگر محتوای دوره در صورت وجود استفاده کنید ولی امکان تصحیح تمارین توسط پشتیبان و دریافت گواهی نامه برای شما وجود نخواهد داشت.
poster
  
برگزار کننده:  Coursera
  
زمان مورد نیاز برای گذارندن دوره:  3 ساعت
مجموع محتوای آموزشی:  3 ساعت ویدئو
 (قابل دانلود می‌باشد)
course-feature   زیرنویس فارسی