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

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

دوره آموزش ایجاد رابط کاربری پویا (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   زیرنویس فارسی