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