دوره آموزشی UX برای فرم های وب

دوره آموزشی UX برای فرم های وب

⏱️ 2 ساعت 21 دقیقه📈 متوسط📅 2020-02-07

مدرسین

Emily Kay

Emily Kay

Web Developer and Graphic Designer

جزئیات دوره

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

مهارت ها

FormsAdobe XDUX DesignUser ExperienceProjectAdobeWeb DevelopmentBusiness Software and Tools

سرفصل ها

0. مقدمه

  • 01 - فرم وب UX خود را فعال کنید
  • 02 - فرم چیست
  • 03 - چرا طراحی فرم اهمیت دارد
  • 04 - اصطلاحات

1. فرم‌ها برای همه هستند

  • 05 - انواع فرم ها
  • 06 - مخاطب
  • 07 - انواع ورودی ها

2. تشکیل سازمان

  • 08 - تاثیر طراحی فرم
  • 09 - اصول طراحی فرم
  • 10 - ملاحظات قبل از شروع
  • 11 - انتظارات

3. سازماندهی محتوا

  • 12 - هدف اصلی یک فرم
  • 13 - صدا و کلمات مهم هستند
  • 14 - روانشناسی اشکال
  • 15 - انواع ورودی‌ها و اجزای کلیدی
  • 16 - اطلاعات بصری را بگنجانید
  • 17 - اثر پیشرفت وقفی
  • 18 - پیشرفت را نشان دهید
  • 19 - رنگ و طرح

4. راهنمایی کاربران از طریق فرم

  • 20 - ترتیب سوال
  • 21 - گروه بندی سؤالات
  • 22 - متن جای جای
  • 23 - مقادیر پیش فرض
  • 24 - برچسب ها
  • 25 - منطق شرطی

5. اقدامات و دکمه ها

  • 26 - دکمه‌های اولیه در مقابل ثانویه
  • 27 - تراز و یک ظاهر طراحی شده
  • 28 - برچسب زدن، موافقت و ارسال

6. ویژوال‌ها را فرم دهید

  • 29 - قرار دادن برچسب ها
  • 30 - برچسب‌های شناور
  • 31 - چند ستون
  • 32 - عرض فیلدها
  • 33 - فیلدهای الزامی و اختیاری
  • 34 - متن راهنما
  • 35 - خطاها
  • 36 - اعتبار سنجی و پیام موفقیت
  • 37 - فرم‌های موبایل

7. نکات نوع فرم خاص

  • 38 - فرم‌های ورود
  • 39 - فرم‌های رزرو یا ثبت نام
  • 40 - فرم‌های تماس
  • 41 - فرم‌های پرداخت

8. نیازها و ملاحظات فرم مشترک

  • 42 - فرم‌های بسیار بلند
  • 43 - ماسک‌های ورودی
  • 44 - فیلدهای اضافی
  • 45 - CAPTCHA
  • 46 - دسترسی
  • 47 - تایید

نتیجه

  • 48 - مراحل بعدی

مشاهده دوره کامل

رفتن به دوره