پست تنها



راز فرم های پرشونده توسط کاربران با طعم تجربه کاربری ( UX )

کنترل های ورود اطلاعات

فیلدهای ورودی به کاربران اجازه می دهند که فرم شما را پر کنند.  شما می تواند انواع مختلفی از آنها را بکار ببرید که بستگی به اطلاعاتی که می خواهید دارد مثلا TextBox، فیلد رمزعبور ،ComboBox ،Radiobutton ، لیست تاریخ و غیره.

با تجربه کاربری ( UX ) چگونه چیدمانی برای  کنترل های ورود اطلاعات مناسب هستند؟

تجربه کاربری ( UX ) نشان داده که تا جای امکان از یک ستون در فرم های ورود اطلاعات استفاده کنید و از چند ستونه شدن بپرهیزید زیرا  چشم و مغز در فرم های  چند ستونه بیشتر درگیر خواهد شد  و حرکت چشم ها  به صورت z   صورت گرفته و به هنگام اسکن فرم کار را دشوار خواهید کرد.

در هر ردیف یک سوال را نیز مطرح کنید.

تجربه کاربری سی شارپ

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


مثال: تجربه کاربری ( UX ) نشان داده که این فرم عالی است.  که در ادامه دلایل موفقیت آن را نیز بیشتر تشریح خواهم کرد:

یک فرم عالی از نظر یو ایکس


به نظر نمی آید فرم زیر فرم خوبی باشد  که در ادامه بیشتر تشریح خواهیم کرد اما در حداقل ترین حالت چیدمان مناسبی ندارد:

تجربه کاربری سی شارپ

یک فرم نا مناسب از نظر UX


البته فرم های یک ردیفه و چند ستونه نیز از نتایج رضایتمندی خوبی در تجربه کاربری ( UX ) نیز برخوردار بوده اند:

یک فرم چند ستونه و تک ردیفه هم گاهی مناسب است

 

فرم های ورود اطلاعات را خلاصه کنید

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

فیلدهای اجباری و اخیاری برای کاربر مشخص شده اند

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

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

مثلا در جاهایی خاص این ایده خوبی می تواند باشد که نام و نام خانوادگی را در یک TextBox قرار دهید یا در فیلدهای تاریخ به جای استفاده از سه کنترل ورودی برای سال، ماه، روز از یک کنترل حرفه ای تاریخ استفاده نمایید:

مثال اول:

یک فرم در دو حال تجربه کاربری مناسب و نا مناسب

برای خلاصه کردن شجاع باشید

شما می توانید حتی چیزهایی که فکر می کنید لازم است را نیز حذف کنید کافی است کمی جرات داشته باشید مثلا در فرم زیر تاریخ رفت و برگشت از کاربر درخواست می شود که بهتر است همیشه کمترین حالت ها را پیشنهاد دهید و اجازه دهید کاربر خودش برای موارد بیشتر تقاضا دهد:

سعی کنید فیلدهای اضافی را حذف کنید

اما در سایت معروف علی بابا این درخواست با یک تاریخ رفت انجام شده است:

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

یک فرم مناسب در سایت علی بابا

و البته به نظرم طراح و صاحب کسب کار فرم زیر از همه شجاع تر است:



تجربه کاربری سی شارپ


زیرا که تا جای امکان حداقل ترین اطلاعات را از کاربر خواسته است.




دیدگاهتان را بنویسید

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