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

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

واکنش و پاسخ UI

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

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

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

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

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

منبع : https://whitewolfteam.com/blog/web-design/learnable-web-design-part-two/

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

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