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

Emily Kay
Web Developer and Graphic Designer
جزئیات دوره
روش های طراحی فرم های وب را که از نظر قابلیت استفاده عالی هستند کاوش کنید و در مورد تکنیک های ایجاد فرم هایی که از نظر بصری جذاب و استفاده از آنها ساده است ، بیاموزید. مربی امیلی کی با توضیح در مورد مهم بودن طراحی فرم ، توصیف راه هایی که عناصر خاص فرم می توانند بر نتایج تأثیر بگذارند ، شروع می شود. دریابید که انتظارات کاربر چگونه بر طراحی تأثیر می گذارد و چگونه می توان یک فرم را در دسترس قرار داد تا افرادی که از صفحه خوان استفاده می کنند به راحتی کنترل فرم را شناسایی و درک کنند. بیاموزید که چگونه یک فرم را برای متمرکز نگه داشتن کاربران برای دستیابی به نتایج مطلوب سازماندهی کنید ، و چگونه بر چالش های مشترک طراحی غلبه کنید روش هایی را برای کمک به دور زدن کلاهبرداری ها و ارسالی های مخرب به یک فرم و روش های کنترل خطاها و اعتبار سنجی را بیاموزید.
موضوعات مورد بحث عبارتند از: - چرا فرم طراحی مهم است - تلفیق اطلاعات بصری - انتخاب رنگ برای فرمهای وب - تعیین انواع ورودی - سوالات گروه بندی و ترتیب بندی - کمک به جستجوی پیش بینی - نمایش پیام های تأیید اعتبار و موفقیت - خطاهای آدرس دهی - فرم های طراحی برای صفحه های موبایل - جعبه ها ، دکمه ها و زبانه های اهرمی - افزودن CAPTCHA به فرمها - ملاحظات دسترسی
موضوعات مورد بحث عبارتند از: - چرا فرم طراحی مهم است - تلفیق اطلاعات بصری - انتخاب رنگ برای فرمهای وب - تعیین انواع ورودی - سوالات گروه بندی و ترتیب بندی - کمک به جستجوی پیش بینی - نمایش پیام های تأیید اعتبار و موفقیت - خطاهای آدرس دهی - فرم های طراحی برای صفحه های موبایل - جعبه ها ، دکمه ها و زبانه های اهرمی - افزودن 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 - مراحل بعدی
مشاهده دوره کامل
رفتن به دوره