دوره آموزشی UX برای فرم های وب
2 ساعت 19 دقیقهمتوسط2020-02-07
مدرسین

Emily Kay
Web Developer and Graphic Designer
جزئیات دوره
روش های طراحی فرم های وب را که از نظر قابلیت استفاده عالی هستند کاوش کنید و در مورد تکنیک های ایجاد فرم هایی که از نظر بصری جذاب و استفاده از آنها ساده است ، بیاموزید. مربی امیلی کی با توضیح در مورد مهم بودن طراحی فرم ، توصیف راه هایی که عناصر خاص فرم می توانند بر نتایج تأثیر بگذارند ، شروع می شود. دریابید که انتظارات کاربر چگونه بر طراحی تأثیر می گذارد و چگونه می توان یک فرم را در دسترس قرار داد تا افرادی که از صفحه خوان استفاده می کنند به راحتی کنترل فرم را شناسایی و درک کنند. بیاموزید که چگونه یک فرم را برای متمرکز نگه داشتن کاربران برای دستیابی به نتایج مطلوب سازماندهی کنید ، و چگونه بر چالش های مشترک طراحی غلبه کنید روش هایی را برای کمک به دور زدن کلاهبرداری ها و ارسالی های مخرب به یک فرم و روش های کنترل خطاها و اعتبار سنجی را بیاموزید.
موضوعات مورد بحث عبارتند از:
- چرا فرم طراحی مهم است
- تلفیق اطلاعات بصری
- انتخاب رنگ برای فرمهای وب
- تعیین انواع ورودی
- سوالات گروه بندی و ترتیب بندی
- کمک به جستجوی پیش بینی
- نمایش پیام های تأیید اعتبار و موفقیت
- خطاهای آدرس دهی
- فرم های طراحی برای صفحه های موبایل
- جعبه ها ، دکمه ها و زبانه های اهرمی
- افزودن CAPTCHA به فرمها
- ملاحظات دسترسی
موضوعات مورد بحث عبارتند از:
- چرا فرم طراحی مهم است
- تلفیق اطلاعات بصری
- انتخاب رنگ برای فرمهای وب
- تعیین انواع ورودی
- سوالات گروه بندی و ترتیب بندی
- کمک به جستجوی پیش بینی
- نمایش پیام های تأیید اعتبار و موفقیت
- خطاهای آدرس دهی
- فرم های طراحی برای صفحه های موبایل
- جعبه ها ، دکمه ها و زبانه های اهرمی
- افزودن CAPTCHA به فرمها
- ملاحظات دسترسی
مهارت ها
FormsAdobe XDUX DesignUser ExperienceProjectAdobeWeb DevelopmentBusiness Software and Tools
سرفصل ها
مقدمه
- فرم وب UX خود را فعال کنید
- فرم چیست
- چرا طراحی فرم اهمیت دارد
- اصطلاحات
فرمها برای همه هستند
- انواع فرم ها
- مخاطب
- انواع ورودی ها
تشکیل سازمان
- تاثیر طراحی فرم
- اصول طراحی فرم
- ملاحظات قبل از شروع
- انتظارات
سازماندهی محتوا
- هدف اصلی یک فرم
- صدا و کلمات مهم هستند
- روانشناسی اشکال
- انواع ورودیها و اجزای کلیدی
- اطلاعات بصری را بگنجانید
- اثر پیشرفت وقفی
- پیشرفت را نشان دهید
- رنگ و طرح
راهنمایی کاربران از طریق فرم
- ترتیب سوال
- گروه بندی سؤالات
- متن جای جای
- مقادیر پیش فرض
- برچسب ها
- منطق شرطی
اقدامات و دکمه ها
- دکمههای اولیه در مقابل ثانویه
- تراز و یک ظاهر طراحی شده
- برچسب زدن، موافقت و ارسال
ویژوالها را فرم دهید
- قرار دادن برچسب ها
- برچسبهای شناور
- چند ستون
- عرض فیلدها
- فیلدهای الزامی و اختیاری
- متن راهنما
- خطاها
- اعتبار سنجی و پیام موفقیت
- فرمهای موبایل
نکات نوع فرم خاص
- فرمهای ورود
- فرمهای رزرو یا ثبت نام
- فرمهای تماس
- فرمهای پرداخت
نیازها و ملاحظات فرم مشترک
- فرمهای بسیار بلند
- ماسکهای ورودی
- فیلدهای اضافی
- CAPTCHA
- دسترسی
- تایید
نتیجه
- مراحل بعدی