طراحی کاربر پسندانه به کمک جاوا اسکریپت

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

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



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

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

تنظیم سرعت مناسب
خیلی از امکانات جاوا اسکریپت همراه با یک حرکت می باشد و سرعت این حرکت باید قابل تنظیم باشد.
منو های باز شونده ، روتیتور ها، پیغام های متحرک و … با حرکت همراه هستند.
اگر این حرکت خیلی کند باشد کاربر را خسته می کند و اگر بسیار سریع باشد کاربر را گیج خواهد کرد.
فرض کنید وقتی می خواهیم روی منو ها برویم و حرکت منو ها اینقدر سریع است که گاهی موس را گم می کنید!

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

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

اگر فرصتی بود، باز هم قسمت های دیگری از استفاده های جاوا اسکریپت در طراحی کاربر پسندانه را شرح می دهیم.