فرآیند طراحی فرم ورود کاربران به سیستم

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

نشان دادن فیلد های ورودی 

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

twitter

از sign in و sign out استفاده نکنید

“sign in ” و “sign up” کاملاً شبیه هم هستند، وقتی که دکمه‌ها خیلی شبیه هم هستند و هر دو از فعل های یکسان در برچسب‌های خود استفاده می‌کنند، برای کاربران بسیار سخت است که گیج نشوند. کاربران ممکن است به جای دیگری روی یکی از آن‌ها کلیک کنند، و معمولا این مشکل کاربرانی را که وارد سیستم می‌شوند را درگیر می‌کند زیرا آن‌ها بیش‌ترین اشتباه را مرتکب می‌شوند. حتی اگر کاربران اشتباه نکنند، قطعا زمان بیشتری صرف تمایز این دو دکمه خواهند کرد. کاربران نباید مکث کنند و فکر کنند روی چه دکمه ای باید کلیک کنند. اگر می‌خواهید یک تجربه کاربری خوب در فرم ورود کاربران به سیستم داشته باشید، از استفاده “sign in ” و “sign up ” با یکدیگر اجتناب کنید، در عوض با استفاده از افعال متفاوت در برچسب‌ها و ظاهر بصری مختلف، این دکمه ها را از هم متمایز کنید.

log in form
اگر روی تغییر تمرکز می‌کنید، می توانید از تغییر علامت “sign in” خود، یا هر چیزی که به محصول شما وابسته است، استفاده کنید. این  از نادیده گرفتن این دکمه جلوگیری می کند. بسیاری از سایت ها و برنامه ها، برای فرم های ورود و ثبت نام  و نمایش دو طرفه از همان تعداد فیلدهای ورودی (ایمیل / نام کاربری و رمز عبور) استفاده می کنند. با این حال بسیار مهم است که، ثبت نام در سیستم ،از ورود به سیستم متمایز باشد، همچنین یک طراح وب باید طوری این فرم ها را طراحی کند که اشتباه کاربر برای ورود به  فرم ثبت نام، به جای ورود را به حداقل برساند. در این رابطه ورود به سیستم و ثبت‌نام توییتر نه تنها متفاوت به نظر می‌رسد، بلکه دارای رنگ متفاوتی برای دکمه‌های فراخوان برای عمل دارد. register form

اجازه ورود کاربران با شبکه های مجازی 

کاربران به طور چشمگیری در برابر فرایندهای ثبت‌نام سنتی در حال رشد هستند، چرا با وجود این که کاربران  می توانند، با استفاده از یک حساب مجازی، مانند فیس بوک، گوگل پلاس یا توییتر  اجازه ورود به سیستم را داشته باشند، آن ها را مجبور به ایجاد یک مجموعه دیگر از جزییات ورود به سیستم می‌کنید؟ این ویژگی می‌تواند باعث کاهش سردرد آنلاین شود، اما در مقایسه با ثبت‌نام استاندارد با ایمیل، هم مزایا و هم معایبی دارد.

مزایا : کاربران مجبور نیستند فرم ثبت نام را پر کنند، تا نام کاربری و رمز عبور ایجاد کنند، سپس از طریق ایمیل خود این ثبت نام را تایید کنند؛  همچنین می توانند از طریق حساب شبکه های مجازی خود،به جای چند دقیقه، در عرض چند ثانیه ثبت نام کنند. و مهم‌ترین مزیت این که، کاربران نیازی  به خاطر سپردن گذرواژه جدید ندارند.

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

parallel system

اجازه بدهید کاربران رمزشان را ببینند

یک مشکل رایج در هنگام ورود به سیستم، تغییر گذرواژه است، و این کار به راحتی انجام می‌شود، چون فیلد رمز عبور پنهان می‌شود. ( البته به دلایل امنیتی ) مردم اغلب بی‌نقص نیستند و اغلب رمز عبور خود را به خصوص روی دستگاه‌های موبایل تکرار می‌کنند. رمز عبور اشتباه برای iCloud یکی از مشكلات بسیاری از افراد  در اپل iOS است، این نیز مورد بسیار آزار دهنده ای است، زیرا شما فقط بعد از ۲ یا حتی ۳ امتحان به سرویس دسترسی پیدا می كنید. اجرای گزینه ” نمایش گذر واژه ” آسان است،  شما می‌توانید یک چک باکس یا آیکون را در نزدیک محل گذرواژه قرار دهید. زمانی که کاربر روی آن کلیک می‌کند، خروجی غیر پنهان را نمایش خواهد داد. این مورد به خصوص برای صفحات ورود به سیستم موبایل مناسب است، زیرا دریافت کلید نادرست برای یک صفحه‌کلید کوچک ممکن تر است.

ورود کاربران را بعد از ثبت نام ذخیره کنید

طراحی UX به گونه‌ای است که کاربران جدید بلافاصله پس از ثبت‌نام وارد سیستم می شوند، و تجربه کلی کاربر بهتر می شود، اگر به جای این که “مرا در گزینه نگه دارید ” به طور خودکار کاربران را وارد سایت یا برنامه کنید.stay sign in

اخطار روشن بودن  Caps lock به کاربر 

این ایده به سادگی این است که یک هشدار زمانی نشان داده می‌شود، که انواع کاربر به یک میدان گذرواژه با قابلیت قفل تبدیل شود. ممکن است یک اعلان متنی یا یک نماد هشدار باشد. این یک افزودن ساده به قابلیت کاربری کلمه رمز است، که در برابر ورود به موقعیت های  ناخواسته محافظت می‌کند.

caps lock

0 دیدگاه برای “فرآیند طراحی فرم ورود کاربران به سیستم”

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*