شناخت سهولت یادگیری (learnability) برای طراحی سایت ( قسمت دوم )

شما می توانید تکنیک ثبات گونه ها را در بلاگ ها و سایت های اموزشی نیز پیدا کنید، منتها این تکنیک کم تر مشخص است. برای مثال وب سایت WebDesigner Depot اقدام به طراحی سایت دوباره خود کرد و تمام افکت های hover خود را تغییر دادند تا از یک افکت انیمیشن متحرک استفاده کنند. حال هروقت شما هرگونه عکس های ضمیمه مطلب، عنوان ها یا لینک های ناوبر را داشته باشید، متوجه یک انیمیشن کوچک می شوید که این ایتم ها را به سمت راست حرکت می دهد. این ویژگی در تمام سایت ثابت و یکسان است و به بازدید کننده ها می گوید که چه انتظاری داشته باشند. در طراحی سایت خود به دنبال ثبات باشید و عناصر سایت را تا جایی که می توانید یکسان نگه دارید.


واکنش و پاسخ UI

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

برای مثال، طول پسوردها باید حداقل 8 حرف باشد بنابراین وقتی شما 8 حرف را تایپ می کنید ایتم کوچک مربوط به ان خط زده می شود. این نشان می دهد که تایپ کردن کاربر صفحه سایت را تحت تأثیر خود قرار می دهد و سپس کاربر می تواند کار کردن با بخش پسورد را یاد بگیرد. یک نمونه ی دیگر ظاهر صفحه ی محصولات طراحی سایت Photojojo eCommerce می باشد. وقتی که شما روی گزینه ی اضافه کردن به سبد خرید کلیک می کنید، صفحه به سمت بالا کشیده شده و یک پنجره ی کوچک راهنما که شامل خلاصه ای از سبد خرید شما است به شما نشان داده می شود. این پاسخ از رابط کاربری سایت به شما نشان می دهد که الان شما چه چیزی را به سبد خرید خود اضافه کرده اید که خود یک نشانه ی واضح از کاری که کلیک ماوس شما کرد می باشد.

از قرارداد های استاندارد پیروی کنید

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

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


منبع : http://generalinfo1.parsiblog.com/Posts/61/

نظرات 0 + ارسال نظر
امکان ثبت نظر جدید برای این مطلب وجود ندارد.