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

[Borna66]

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

[Borna66]

استفاده از پری لودر
پری لودر (Preloader) یا همان عبارت معروف در حال بارگذاری، در صورتی که در جای مناسب استفاده نشود می تواند کاربر را گمراه کند که سایت شما خراب و یا کند است، در هر صورت او بزودی به سمت دکمه بستن مرورگر می رود و سایت شما را ترک می کند.
اما به سادگی و با نوشتن یک پیغام متنی و یا گرافیکی در حال بارگذاری می توانیم به کاربران خود این اطمینان را بدهیم که چیزی در حال وقوع است و به زودی تکمیل خواهد شد.
http://img.zabet.net/2010/04/pinchzoom-loading.jpg

[Borna66]

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

[Borna66]

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

[Borna66]

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

[Borna66]

استفاده ازValidator ها سمت کلاینت
اگرشما برنامه نویس، مخصوصا برنامه نویس دات نت باشید، به دفعات از Validator های دات نت استفاده کردید.
این اعتبار سنج ها سمت سرور اجرا می شوند و باید صفحه پست بک شود تا اعتبار سنج ها چک و سپس نمایش داده شود.
خیلی که خوب عمل کنیم، می توانیم این چک کردن سمت سرور را به صورت کال بک یا همان آژاکسی در بیاریم.
اما به کمک جاوا اسکریپت و یا نمونه آماده فرم آژاکسی جی کوئری، چک شدن را در سمت کلاینت انجام دهید و بر سرعت کار بیافزایید.
.
.
.
اگر فرصتی بود، باز هم قسمت های دیگری از استفاده های جاوا اسکریپت در طراحی کاربر پسندانه را شرح می دهیم.
سرفصل ها و متون این مقاله (http://www.smashingmagazine.com/2010/04/27/usability-dos-and-donts-for-interactive-design/) مرا در نوشتن این مقاله کمک کرد.