عباس صفاییان
عباس صفاییان
خواندن ۲ دقیقه·۵ سال پیش

نحوه نمایش نوار پیشرفت فرم ها در موبایل

وقتی فرم شما دارای چندین صفحه باشد، یک نوار پیشرفت ضروری است. با مشخص کردن اینکه کاربران در چه مرحله ای قرار دارند و چند مرحله مانده است، کاربران را از میزان پیشرفت خود مطلع می کند.
نمایش در فرم های تلفن همراه به دلیل فضای محدود صفحه نمایش یک چالش به حساب می آید و استفاده از همان نوار پیشرفت که برای فرم های دسک تاپ می باشد برای فرم موبایل باعث مشکل خوانایی و دید کاربر می شود.

نوار پیشرفت خطی یا دایره ای؟
نوار پیشرفت خطی برای فرم های دسک تاپ خوب کار می کنند ، اما برای فرم های موبایل کاربرد ندارند. هنگامی که از یک نوار پیشرفت خطی روی فرم تلفن همراه خود استفاده می کنید ، خوانایی عناوین مرحله و قابلیت ردیابی پیشرفت را کاهش می دهید.


استفاده از عناوین مرحله به صورت خطی در موبایل با توجه به فضای کم آن باعث می شود که اندازه متن کمتری به کار گرفته شود که در نتیجه کاربران در خواندن آنها با مشکل مواجه می شوند. نه تنها این، بلکه دید پیشرفت نیز واضح تر نیست، زیرا متن و عدد خیلی زیادی را به طور همزمان نشان می دهد. این باعث ایجاد نویز بصری می شود و تشخیص کاربر از مرحله فعلی خود سخت تر می شود.
از یک نوار پیشرفت دایره ای روی فرم تلفن همراه خود استفاده کنید زیرا این امر به کاربران شما میزان پیشرفت و خوانایی بهتر ارائه می دهد. کاربران شما با یک نگاه می دانند چه مرحله ای را طی می کنند زیرا نوار پیشرفت دایره ای فضای کافی برای عناوین مرحله را به صورت بزرگ فراهم می کند. این نمایش یک مرحله در هر زمان به کاربران امکان می دهد تا روی مرحله فعلی متمرکز شوند و این نوع همچنین به اندازه کافی فضای لازم برای نشان دادن مرحله بعدی را به کاربر دارد.



کاربران می توانند پیشرفت خود را سریعتر ردیابی کنند زیرا برای اسکن یک نوار پیشرفت دایره ای نیاز به اصلاحات چشم کمتر است.

تعداد کم اطلاعات تثبیت چشمی را به کاربر می دهد و روند پیشرفت خود را سریعتر پردازش می کند، که این باعث تکمیل فرم می شود.


قابلیت مشاهده و خوانایی مهم هستند
وقتی کاربران فرم های چند صفحه ای را در دستگاه های تلفن همراه پر می کنند، آنها باید بدانند در چه مرحله ای قرار دارند و قابلیت مشاهده و خوانایی نوار پیشرفت برای آن ها مهم است. هنگامی که عناوین مرحله و ردیابی پیشرفت مشخص است، شانس تکمیل فرم افزایش می یابد. اما وقتی پردازش آنها سخت باشد، احتمال ترک فرم افزایش می یابد.


mobileuiux
Product Designer
شاید از این پست‌ها خوشتان بیاید