مسترکورس طراحی وب و UX - استراتژی، طراحی و توسعه
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- درک واضحی از اصول و مزایای تجربه کاربری (UX) خوب و نحوه اعمال آن در وبسایت خود
- یک استراتژی که اطمینان میدهد نیازهای کاربران وبسایت و اهداف شما یا مشتریان برای موفقیت مشخص باشد.
- اعتماد به نفس برای تعیین اینکه چه اطلاعاتی باید در وبسایت قرار گیرد و چطور آن را به گونهای طراحی کنید که نرخ تبدیل افزایش یابد.
- توانایی کدنویسی انواع وبسایتها با HTML ،CSS، وردپرس و سایر ابزارها
پیشنیازهای دوره
- تمایل به یادگیری
- نسخه آزمایشی رایگان ادوبی فوتوشاپ
- نسخه آزمایشی رایگان Axure RP
- برای نصب و پیکربندی وردپرس در دو بخش آخر، نیاز به یک برنامه هاست (چه رایگان و چه پولی) دارید. (برای گزینهها میتوانید هاست رایگان وردپرس را جستجو کنید).
توضیحات دوره
این دوره همه آنچه باید درباره تجربه کاربری (UX) بدانید، از جمله طراحی، محتوا و کدنویسی را به شما آموزش میدهد. شما از پایه میآموزید، بنابراین میزان تجربه اولیهتان اهمیتی ندارد.
شما با اصول و استراتژیها آشنا خواهید شد و مهمتر از آن، یاد میگیرید چگونه این مفاهیم انتزاعی را با کدنویسی سه وبسایت مختلف برای سه گروه مخاطب کاملاً متفاوت اعمال کنید.
بهبود وبسایت خود با استراتژیهای UX
- اعمال استراتژیهای UX در محتوای سایت و طراحی آن
- درک معماری اطلاعات برای سازماندهی محتوای وبسایت خود
- درک اینکه چه عواملی ظاهر وبسایت شما را تعیین میکنند.
- طراحی و کدنویسی وبسایتهای B2B، وبلاگ B2C و سایت تجارت الکترونیک
درک UX و یادگیری توسعه وبسایتهای موفق
این دوره به شما کمک میکند که به عنوان طراح وب متمایز شوید و استراتژیهای تجربه کاربری (UX) را که هر سایتی را مفید، قابل استفاده و ارزشمند میکند، بیاموزید.
شما دانش خود را با استفاده از کتابچه راهنمای UX قابل دانلود سی صفحهای تقویت میکنید. این کتابچه پر از تمرینها و فعالیتها است که میتواند در طول دوره یا هنگام توسعه سایتهای سفارشی خود به آن مراجعه کنید.
شما همچنین تجربه عملی طراحی و کدنویسی سه نوع مختلف وبسایت را خواهید داشت. این تجربه به شما اعتماد به نفس میدهد تا پروژههای مشابه را دنبال کنید، چه طراح وب هستید، چه میخواهید وارد این حوزه شوید یا سایت کسبوکار خود را بهبود دهید.
محتوای دوره و بررسی آن
حتی اگر کاملاً تازهکار هستید، این دوره به شما نشان میدهد چگونه یک وبسایت کارآمد، جذاب و موفق بسازید. دوره تمامی مراحل بهبود تجربه کاربری هر سایتی را از کد، محتوا و طراحی به شما آموزش میدهد.
شما ابتدا یاد میگیرید کاربران سایت چه کسانی هستند و چه انتظاراتی از سایت دارند. همچنین میآموزید چگونه اهداف کسبوکار - چه شما و چه مشتریتان - را کشف کرده و برای موفقیت سایت به آنها پاسخ دهید.
شما یاد میگیرید چه سوالاتی باید از هر دو گروه پرسیده شود و پاسخها را برای تصمیمگیریهای مربوط به محتوا و طراحی به کار میبرید.
سپس به معماری اطلاعات (IA) میپردازید. این بخش به محتوای سایت، نحوه دستهبندی آن، انتخاب نام مناسب برای بخشها و موارد دیگر میپردازد.
این دوره پایه و اساس روش ساخت وبسایت شما است تا کاربران جذب آن شوند، در سایت بمانند و ترجیحاً خرید انجام دهند.
علاوه بر این، یاد میگیرید چگونه بسته به مخاطب سایت، سایت خود را طراحی کنید؛ خواه سایت B2B (کسبوکار به کسبوکار)، B2C (کسبوکار به مصرفکننده) یا سایت تجارت الکترونیک برای فروش محصولات آنلاین باشد.
مخاطبان مختلف نیازهای متفاوتی دارند، پس یادگیری اینکه کاربر هدف از سایت شما چه توقعی دارد به شما کمک میکند سایتی طراحی کرده و بسازید که این انتظارها را برآورده کند و نرخ تبدیل را افزایش دهد.
علاوه بر دانستن محتوای لازم برای برجسته کردن سایت، یاد میگیرید چگونه موانع مرتبط با تجربه کاربری و رابط کاربری (UX و UI) را شناسایی و حذف کنید.
توانایی یافتن و حل این مشکلات باعث میشود هر سایتی که میسازید برای کاربران مفید، قابل استفاده و ارزشمند باشد.
مهمتر از همه، یاد میگیرید چگونه این نوع سایتها را با استفاده از HTML ،CSS، وردپرس و ابزارهای دیگر ساخته و کدنویسی کنید.
شما نه تنها یاد میگیرید چگونه سایتهای تجارت الکترونیک، B2B و B2C را بهصورت موثر طراحی کنید، بلکه میآموزید چطور آنها را از ابتدا تا انتها توسعه دهید.
در پایان دوره، درک عمیقی از UX و طراحی وب کسب کرده و ابزارهای لازم برای توسعه انواع سایتها با کدهای مناسب را به دست میآورید.
شما میآموزید چرا UX برای کاربران و کسبوکارها اهمیت دارد، چه محتوایی در سایت لازم است، چه نوع طراحی UI مناسب است و چگونه ایده خود را به وبسایتی کاملا تابعی با موثرترین ابزارها تبدیل کنید.
این دوره برای چه کسانی مناسب است؟
- مالکان کسبوکار جدید یا قدیمی که میخواهند حضور آنلاین خود را افزایش دهند.
- مبتدیانی که می خواهند UX، طراحی و یا توسعه وب را بیاموزند.
- طراحان وبسایت که میخواهند مهارتهای خود را ارتقا دهند.
- طراحان چاپ که میخواهند وارد حوزه طراحی وب شوند.
مسترکورس طراحی وب و UX - استراتژی، طراحی و توسعه
-
خوشآمدگویی - آماده شدن برای تعریف، طراحی و کدنویسی 02:32
-
دانلود کتابچه راهنمای دوره 30 صفحهای جایزه 01:08
-
آشنایی با UX 03:23
-
چرا این کار را انجام میدهیم؟ 03:43
-
سه سوال حیاتی (که حتماً باید بپرسید) 01:17
-
چه کاری ارزش انجام دادن دارد؟ 04:26
-
آنچه ما میسازیم؟ 07:16
-
چه ارزشهایی ایجاد میکند؟ 05:47
-
استراحت کوتاه - کاربران شما چه کسانی هستند؟ 01:18
-
تمرین - تعیین ارزش و فرصتهای استراتژیک 10:27
-
موضوع فقط کاربران نیستند - حلقه ارزش UX 02:50
-
تحقیقات ذینفعان کسبوکار 02:49
-
شناسایی اهداف کسبوکار 13:30
-
استراحت کوتاه - اهداف کسبوکار خود (یا مشتریتان) چیست؟ 01:01
-
تحقیق کاربران - اولویت دادن به افراد 02:46
-
شناسایی نیازهای کاربران 08:11
-
مسیرهای تصمیمگیری - اتصال نیازهای کاربر به استراتژی 04:53
-
تمرین - ایجاد مسیر تصمیمگیری 04:31
-
آشنایی با الزامات 02:30
-
تولید الزامات معنادار 03:58
-
سه نوع الزامات 06:27
-
مستندسازی الزامات 04:53
-
تعیین محدوده پروژه 02:57
-
کنترل Creep محدوده 06:38
-
تمرین - محدودهبندی هوشمندانه پروژه 06:41
-
برنامهریزی برای تست کاربران 03:59
-
ایجاد برنامه تست - برای چه کسی تست میکنیم؟ 03:22
-
اولویتبندی پشتیبانی دستگاه و مرورگر 02:49
-
چه مواردی را تست کنیم؟ - قابلیت 05:48
-
چه مواردی را تست کنیم؟ - کاربردپذیری 04:41
-
چه مواردی را تست کنیم؟ - خطاها و استثناها 01:57
-
چه مواردی را تست کنیم؟ - سازگاری 02:18
-
چه مواردی را تست کنیم؟ - عملکرد 01:31
-
چه مواردی را تست کنیم؟ - امنیت 02:30
-
نکات کلیدی تعریف - مواردی که باید به یاد بسپارید 03:46
-
معماری اطلاعات - سازماندهی محتوا و جریان 03:05
-
معماری اطلاعات (IA) چیست؟ 05:02
-
استراتژی محتوا - شناسایی، سازماندهی و تحویل 05:53
-
تعیین الزامات محتوا 07:24
-
تمرین - شناسایی گردشکارهای محتوا 09:42
-
نکات من برای مدلسازی موفق معماری اطلاعات 12:50
-
ایجاد و اولویتبندی معماری اطلاعات 03:30
-
برچسبگذاری محتوا 07:40
-
نامگذاری فایل 07:13
-
گروهبندی و طبقهبندی محتوا 03:00
-
تمرین - تعیین اولویت اطلاعات 05:50
-
تمرین - تبدیل اولویت اطلاعات به مدل معماری اطلاعات 04:01
-
مدلهای معماری اطلاعات - کدام برای سایت من مناسب است؟ 02:36
-
مدل معماری اطلاعات - درخت سلسلهمراتبی 01:06
-
مدل معماری اطلاعات - لیستهای تودرتو 00:55
-
مدل معماری اطلاعات - هاب و اسپوک 01:03
-
مدل معماری اطلاعات - بنتو باکس 01:51
-
مدل معماری اطلاعات ۰ View فیلتر شده 01:12
-
ترکیب مدلهای معماری اطلاعات 01:46
-
ابزارها برای ایجاد مدلهای معماری اطلاعات 03:39
-
اشتراکگذاری و اعتبارسنجی مدل معماری اطلاعات شما 08:21
-
استراحت کوتاه - ایجاد مدل معماری اطلاعات برای وبسایت خود 01:28
-
طراحی ناوبری 00:55
-
ناوبری اولیه و ثانویه 03:52
-
ناوبری گلوبال و محلی 04:15
-
ناوبری برای انواع مختلف کاربران 04:34
-
اعتبارسنجی اسکیمای ناوبری شما 06:00
-
تمرین - تعیین مسیرهای کلیدی ناوبری 10:12
-
وایرفریمینگ 101 01:45
-
وایرفریمینگ ISN'T چیست؟ 05:05
-
وایرفریمینگ IS چیست؟ 06:33
-
نکات من برای ایجاد نمونههای اولیه وایرفریمینگ موفق 12:16
-
ایجاد وایرفریمها - ابزارهای معامله 09:41
-
استراحت کوتاه - ساخت یک وایرفریم اولیه را به تنهایی امتحان کنید 01:27
-
تمرین - ایجاد وایرفریم B2B با Axure RP Pro 52:00
-
اشتراکگذاری و اعتبارسنجی وایرفریمها 05:35
-
نکات کلیدی معماری اطلاعات - مواردی که باید به خاطر بسپارید 04:42
-
ظاهراً چگونه خواهد بود؟ - آشنایی با طراحی 03:10
-
تعریف طراحی رابط کاربری مناسب 17:12
-
چگونه تعریف و معماری اطلاعات طراحی رابط کاربری را شکل میدهند؟ 05:11
-
اصول طراحی رابط کاربری نامحدود - بخش 1 13:11
-
اصول طراحی رابط کاربری نامحدود - بخش 2 16:19
-
اصول طراحی رابط کاربری نامحدود - بخش 3 12:50
-
اصول طراحی رابط کاربری نامحدود - بخش 4 19:03
-
استراحت کوتاه - شناسایی اصول طراحی در رابط کاربری موجود 01:21
-
نکات من برای حل مشکلات ویژوال 16:29
-
سازماندهی اطلاعات ویژوال - بخش 1 17:25
-
سازماندهی اطلاعات ویژوال - بخش 2 22:52
-
طراحی سلسلهمراتب ویژوال مناسب 28:02
-
طراحی بر اساس انتظارات مخاطب 14:55
-
طراحی برای تعامل 28:54
-
تمرین - ایجاد طراحی رابط کاربری برای وبسایت B2B 50:16
-
تمرین - ایجاد طرحبندی طراحی رابط کاربری برای وبلاگ وردپرس - بخش 1 13:21
-
تمرین - ایجاد طرحبندی طراحی رابط کاربری برای وبلاگ وردپرس - بخش 2 11:17
-
تمرین - ایجاد طرحبندی طراحی رابط کاربری برای وبلاگ وردپرس - بخش 3 15:29
-
تمرین - ایجاد طرحبندی طراحی رابط کاربری برای وبلاگ وردپرس - بخش 4 28:00
-
تمرین - ایجاد طرحبندی طراحی رابط کاربری برای وبسایت تجارت الکترونیک 01:18:12
-
استراحت کوتاه - ارزیابی طراحی رابط کاربری خود 01:37
-
نکات کلیدی طراحی - مواردی که باید به یاد بسپارید 07:20
-
توسعه - کدنویسی، سفارشیسازی و پیکربندی 02:24
-
رویاپردازی در کد - شما قدرت لازم را دارید 03:15
-
ملاحظات مربوط به هاست و دامنه 03:58
-
ساختار فایل و FTP - سازماندهی و آپلود 07:38
-
ساختار اولیه HTML - ایجاد اصول منسجم 03:56
-
تگها، عناصر و Attributes - توضیح محتوای HTML 02:56
-
اسم چه اهمیتی دارد؟ عناوین و هدینگها 06:56
-
فرمتبندی پاراگرافها - ایجاد و استایلدهی محتوای متنی 04:09
-
سازماندهی کد - استفاده از Indentation و کامنتها 03:48
-
ایجاد اولین صفحه وب شما - اعمال آنچه آموختهاید 04:40
-
عناصر محتوا - هایپرلینکها - جابجایی از اینجا به آنجا 03:09
-
عناصر محتوا - لیستهای نامرتب و مرتب - ایجاد و فرمتبندی 02:54
-
عناصر محتوا - تصاویر - افزودن تصاویر و تعریف Attributes 04:54
-
عناصر محتوا - صدا و ویدئو - افزودن رسانه به صفحه وب خود 07:22
-
استایلدهی فونت - تعریف استایل، رنگ و اندازه 02:59
-
تمرین - افزودن تصاویر، لیستهای نامرتب و هایپرلینکها 05:23
-
CSS - استایلدهی محتوا - افزودن ظاهر مناسب به ساختار خوب 04:12
-
CSS - درون خطی، داخلی یا خارجی؟ هوشمندانه انتخاب کنید 04:43
-
CSS - وراثت - اشتراکگذاری موثر Attributes 03:21
-
CSS - رنگ و تصویر پسزمینه - ایجاد افکتهای پسزمینه 03:54
-
CSS - رنگ و وزن فونت - ایجاد تاثیر و تأکید بر متن 04:30
-
CSS - کلاسها و اسپنها - خاص شدن با استایلدهی 07:04
-
CSS - کار با Divs - تقسیم و غلبه با کلاسها و شناسهها 06:30
-
CSS - استایلدهی لینک - استفاده از دکوراسیون متن 05:51
-
تمرین - ایجاد منوی ناوبری - استفاده از CSS برای مسیریابی 07:06
-
ساختار اولیه جدول - سازماندهی محتوا 07:44
-
استایلدهی جداول با CSS - ارتقای ارتباطات و قابلیت خواندن 07:10
-
مارجینها و Padding - ایجاد فضای منفی هدفمند 07:14
-
نمایش و موقعیتیابی - چیست، کجا و چگونه؟ 12:07
-
مدل جعبهای - اجزا و کل 04:48
-
Float و Clear - کنترل جریان ویژوال 07:53
-
طرحبندیهای تودرتو - استفاده از Divs برای دقت و انعطافپذیری 08:44
-
فرمها - ایجاد ورودی (و خروجی) خوب 15:05
-
ایجاد فرمها - گروهبندی داده فرم 02:46
-
استایلدهی فرمها با CSS - ایجاد ثبات و کاربردپذیری 04:46
-
تمرین - ایجاد هدر وبسایت B2B خود 15:08
-
تمرین - ایجاد محتوای وبسایت B2B خود 17:46
-
تمرین - ساخت فوتر وبسایت B2B خود 09:11
-
تمرین - ایجاد صفحه وب B2B خود - جمعبندی 04:32
-
تست مرورگر - نکات و ابزارها 04:36
-
نصب خودکار وردپرس - استفاده از سی پنل ارائه دهنده هاست خود 02:56
-
نصب دستی وردپرس - استفاده از کلاینت FTP 08:27
-
داشبورد وردپرس - بررسی کوتاه ویژگیها و توابع 05:56
-
پستها در مقابل صفحات - ایجاد محتوا در وردپرس 05:27
-
دستهبندیها - سازماندهی محتوای وردپرس 05:25
-
تگها - افزودن کانتکس به پستهای خود 04:57
-
کامنتها - ارتصال و مدیریت مکالمات 03:42
-
فرمتبندی متن - استفاده از ویرایشگر متن وردپرس 05:50
-
افزودن هایپرلینکها - ایجاد و مدیریت لینکها در وردپرس 01:55
-
افزودن تصاویر - درج و مدیریت تصاویر در وردپرس 05:32
-
افزودن ویدئو - درج و مدیریت ویدئو در وردپرس 06:35
-
کار با پلاگینها - توسعه ویژگیها و توابع وردپرس 08:19
-
تمرین - افزودن پلاگین فرم تماس با ما 12:14
-
استفاده از ویجتها - ارتقای طرحبندی وردپرس خود 07:00
-
تمرین - افزودن یک ویجت 05:11
-
انتخاب تم وردپرس - یافتن، ارزیابی و نصب 07:06
-
سفارشیسازی تم خود - ساختار، محتوا و ظاهر 05:14
-
ساخت منوهای سفارشی - جایگزینی منوهای تم 06:58
-
استفاده از ویرایشگر کد - اصلاح تم وردپرس خود 05:51
-
تنظیمات وردپرس - عمومی، خواندن، نوشتن و لینکهای یکتا 09:38
-
کاربران و نقشها - تخصیص دسترسیها و امتیازات وردپرس 04:48
-
بکآپ وردپرس - بکآپگیری از وبلاگ و پایگاه داده 03:18
-
بروزرسانی وردپرس - بروزرسانیهای خودکار و دستی 04:36
-
تمرین - سفارشیسازی هدر تم خود - بخش 1 08:14
-
تمرین - سفارشیسازی هدر تم خود - بخش 2 08:49
-
تمرین - سفارشیسازی محتوای صفحه خود 15:01
-
تمرین - سفارشیسازی فوتر خود 14:38
-
نصب ووکامرس 04:25
-
تنظیمات اولیه - شروع کار با ووکامرس 04:26
-
تنظیمات محصول - پیکربندی محصولات در ووکامرس 09:45
-
تنظیمات مالیات - پیکربندی مالیات فروش در ووکامرس 07:05
-
تنظیمات چک اوت - پیکربندی گزینههای چک اوت در ووکامرس 05:22
-
تنظیمات حمل و نقل - پیکربندی حمل و نقل کالا در ووکامرس 11:25
-
تنظیمات حساب - پیکربندی حسابهای مشتری در ووکامرس 02:01
-
دستهبندیهای محصول - افزودن دستهبندیهای محصول در ووکامرس 03:18
-
افزودن محصولات ساده در ووکامرس 08:10
-
افزودن محصولات متغیر در ووکامرس 05:50
-
افزودن محصولات مجازی و قابل دانلود در ووکامرس 07:02
-
افزودن محصولات مرتبط و لینک شده در ووکامرس 04:18
-
ایجاد کوپنها - پیکربندی پیشنهادات ویژه در ووکامرس 06:23
-
سفارشیسازی ایمیل - سفارشیسازی پیامهای ایمیل در ووکامرس 04:55
-
مدیریت سفارشات با ووکامرس 04:21
-
مدیریت موجودی با ووکامرس 02:07
-
گزارشدهی - گزارش فروش در ووکامرس 04:22
-
پیکربندی ناوبری دستهبندی محصول در ووکامرس 03:41
-
تمرین - ایجاد صفحه اصلی Storefront خود - بخش 1 11:51
-
تمرین - ایجاد صفحه اصلی Storefront خود - بخش 2 12:58
-
تمرین - ایجاد صفحه اصلی Storefront خود - بخش 3 12:04
-
تمرین - ایجاد صفحه اصلی Storefront خود - بخش 4 06:45
-
تمرین - ایجاد صفحه لندینگ دستهبندی خود 07:56
-
آمادهسازی راهاندازی - تأیید، تست، باگها و فراتر از آن 04:31
-
چکلیست پیش از راهاندازی - کارهایی که قبل از راهاندازی باید انجام دهید 08:34
مشخصات آموزش
مسترکورس طراحی وب و UX - استراتژی، طراحی و توسعه
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:همه سطوح
- تعداد درس:186
- مدت زمان :23:13:10
- حجم :10.46GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy