https://virgool.io/feed/@behradcma UI/UX Designer ? من عاشق کارم هستم و اینجا تجربیات و تحقیقاتمو ثبت میکنم fa 2026-06-17 07:00:26 https://files.virgool.io/upload/users/989587/avatar/d5AphB.jpeg?height=120&width=120 https://virgool.io/@behradcma https://virgool.io/@behradcma/%D8%A8%D8%B1%D8%B1%D8%B3%DB%8C-%D8%B1%D8%A7%D8%A8%D8%B7-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA-%D9%87%D8%AA%D9%84-%D9%87%D9%85%D8%A7-%D8%A8%D8%B1-%D8%A7%D8%B3%D8%A7%D8%B3-%D9%85%D8%AA%D8%AF-heuristics-%D9%88-%D9%82%D9%88%D8%A7%D9%86%DB%8C%D9%86-%D8%B4%DB%8C%D9%86%D8%AF%D8%B1%D9%85%D9%86-wrnsd1cgvjvs متد Heuristics برای شناسایی مشکلات Usability در طراحی رابط کاربری است مزیتی که نسبت به روشهای user testing دارد این است که در مراحل اولیه مانند وایرفریم هم میتواند از مشکلات کاربردپذیری جلوگیری کند و در هزینه کاهش محسوسی ایجاد نماید .ارزیابی اکتشافی قوانین شایندرمن (Ben Shneiderman) شامل مجموعه اصولی است که به عنوان راهنمایی برای یک طراحی تعاملی مناسب است و کاربرد پذیری را مورد سنجش قرار میدهد .قوانین شایندرمن بخش زیبایی بصری رابط کاربری و استفاده از ترند های طراحی وب برای بسیاری از صاحبان مشاغل کم اهمیت است و کارکرد سایت اولویت بالاتری دارد در این مقاله قصد دارم بخشی از سایت هتل هما را بررسی کنم تا مشخص شود که آیا سایت هتل هما کارکرد مناسبی دارد یا زمان بازطراحی این سایت است .تصویر زیر نمای کلی از صفحه اول سایت هما است .homahotels.com سه سناریو برای پیدا کردن محتوای مورد نظر کاربران وجود دارد عده ای از طریق سرچِ محتوای مورد نظر ، عده از طریق اسکرول کردن و عده ای از طریق منو سعی میکنند اطلاعات مورد نظرشان را پیدا کنند .در سایت هما بخش جستجو در نظر گرفته نشده است و عملا ما بخشی از کاربران که از طریق سرچ به محتوای مورد نظرشان میرسند را از دست میدهیم .در سکشن اول اسلایدر ده اسلاید وجود دارد که تعدادی از آنها تصویر هتل و بعضی اطلاع رسانی رویداد و تخفیف با جزییات و حجم اطلاعات زیاد هستند .علاوه بر بالا بودن اطلاعات طراحی شده در بنر ها ، تعداد بالای اسلاید های این بخش باعث میشود کاربر تمامی اسلاید ها را مشاهده نکند .همچنین این بخش در موبایل خوانایی ندارد و با توجه به اینکه امروزه بخش عظیمی از مخاطبان از موبایل استفاده میکنند کاربران زیادی اطلاعات این بخش را از دست میدهند . خوانا نبودن اطلاعات اسلایدردر بخش "چرا هتل " دو تصویر با کیفیت بسیار پایین بصورت fixed position نمایش داده میشود همچنین یک background image برای این بخش در نظر گرفته شده که باعث شلوغی صفحه شده است و هیچکدام از تصاویر کیفیت مناسبی ندارند و به درستی نمایش داده نمیشوند.استفاده از تصاویر با کیفیت پایین و عدم نمایش صحیح در بخش اخبار ، خبر ها بصورت کروسل وauto play نمایش داده میشود که بهتر است در صفحه المان های متحرک نداشته باشیم که باعث آزار بیماران شناختی و بیماران اوتیسم نشود .در بخش تماس با ما یک فرم با چند فیلد بدون عنوان نمایش داده شده است و هیچگونه اطلاعات تماسی درج نشده است.در صفحه رزرو موقعیت کاربر در هر بخش مشخص شده است و به کاربر اطلاع داده میشود که در کدام گام قرار دارد. اگر در وارد کردن هر یک از اطلاعات کاربر اشتباهی وجود داشته باشد سیستم تنها یک پیام خطا با عنوان " اطلاعات مهمان را کامل وارد کنید " نمایش میدهد و علت خطا و اینکه خطا مربوط که کدام فیلد است نمایش داده نمیشود .بهتر است در صورت بروز هرگونه خطایی از سمت کاربر یا سیستم علت آن به صورت واضح و کوتاه برای کاربر توضیح داده شود .به طور مثال در مواجه کاربر با صفحه 404 بهتر است علت خطا برای کاربر مشخص شود در سایت هما علت خطا برای کاربر مشخص نیست .صفحه 404 امروزه اکثر کاربران سایت بوسیله موبایل سایت ما را مشاهده میکنند به خاطر همین باید از کارکرد صحیح سایت در موبایل مطمئن شویم .بهتر است بخشی با عنوان ارتباط آنلاین یا سوالات متداول به سایت اضافه شود . موارد بالا قسمتی از بررسی گذرا سایت هتل هما بود .بخشی از چالش هفتگی که با دوستان اسپیرالی دارم. امیدوارم هم برای من هم برای هما مفید باشه :)) سیما بهراد سیما بهراد Sat, 11 Dec 2021 16:17:27 +0330 https://virgool.io/@behradcma/%D8%A7%D9%84%D8%B2%D8%A7%D9%85%D8%A7%D8%AA-%D8%B5%D9%81%D8%AD%D9%87-contact-us-jhsqqnieid4a دغدغه اصلی اکثر طراحان رابط کاربری ، طراحی صفحه اصلی و پس از آن یک یا دو صفحه پربازدید مانند صفحه محصول است . گاهی طراحی صفحه تماس با ما و درباره ما فراموش میشود درحالیکه این دو صفحه از اهمیت بالایی برخوردار هستند. خلاصه تحقیقاتم در این مورد را با شما هم به اشتراک میگذارم امیدوارم برای شما هم مفید باشد.صفحه تماس با ما شامل چه مواردی میشود ؟1.صفحه تماس با ما باید شامل جزییات اطلاعات تماس و سایر گزینه های ارتباطی(ایمیل ، آدرس دفتر اصلی ، آدرس شعب و ...) باشد .شماره تلفن : ( باید به کارشناس آموزش دیده وصل شود ) شماره تلفن های اصلی شماره خدمات مشتریانشماره تماس روابط سرمایه گذاران در صورت وجود سایر گزینه های ارتباطی :آدرس دفتر اصلی شرکت آدرس شعب آدرس ایمیل آدرس شبکه های اجتماعی چت آنلاین در صورت امکانشماره فکس دقت کنیم : ابتدا شماره تماس روابط عمومی درج شود وبعد از آن شماره بخش های دیگر مانند : فروش ، حسابداری ، اداری یا ... نمایش اطلاعات تماس تمام شعب یا آدرس های محلی و قراردادن لینک برای ایجاد امکان مسیریابی از طریق اپلیکیشن نمایش ساعت کار و منطقه زمانی اگر مخاطبان بین المللی دارید اطلاعات تماس به چند زبان نوشته شود در صورت وجود امکان چت به کاربران گفته شود با ربات چت میکنند یا انسان زمان تقریبی پاسخگویی یا انتظار برای پاسخ ایمیل به کاربران گفته شود2.نمایش اطلاعات تماس با ما در جایی که کاربر انتظار دارد یک لینک قابل توجه برای تماس با ما در منو اصلی یا در فوتر وجود داشته باشد .عنوان "تماس با ما" نباید تغییر داده شود چون کاربران به دنبال این کلمه میگردند. تماس با ما باید در دسترس باشد به طور مثال نباید در منو کشویی یا زیر مجموعه صفحات دیگر مانند درباره ما قرار داده شود .3.هرگز شماره تماس را از صفحه تماس با ما حذف یا مخفی نکنید .نمایش شماره تلفن نشان میدهد که سازمان شما به کاربران اهمیت میدهد و میخواهد در دسترس باشد .با ارائه راه هایی برای دسترسی مستقیم به سازمان ، ترس ها کاهش پیدا میکند و اعتماد ایجاد میشود .بسیاری از شرکت ها ترجیح میدهند کاربران برای پاسخ به سایت مراجعه کنند تا در هزینه هر تماس ، حجم تماس ها و زمان صرفه جویی کنند ، به همین دلیل شماره تماس را حذف میکنند ، اما راهکار بهتر این است که روی معماری اطلاعات یا محتوا سرمایه گذاری شود تا کاربران سوالات خود را به راحتی پیدا کنند. 4.در سایتهایی که شماره تماس های متعددی دارند باید شماره ها گروهبندی شود و از عنوان مشخص استفاده شود تا کاربران در پیدا کردن شماره مورد نظر گمراه نشوند .5.علاوه بر شماره تماس ،فرم تماس با ما قرارداده شود . از از فرم تماس به عنوان جایگزین شماره تلفن استفاده نشود .بسیاری از کاربران علاقه ای به دادن ایمیل خود ندارند چون معمولا برای اهداف بازاریابی از آن استفاده میشود . همچنین کنترل تعامل به شرکت سپرده میشود و کاربران نمیدانند چه زمانی به درخواست آنها پاسخ داده میشود. 6.اگر فرم تماس با ما قرار میدهید آن را به 3 تا 5 فیلد محدود کنید .از افراد بخواهید نام خود ، روشی که ترجیح میدهند با آنها تماس داشته باشید و مختصری از سوال یا مسئله مورد نظرشان را بنویسند .اگر فرم به دلایلی بیشتر شود ممکن است کاربر فرم را رها کند .7.افراد را مجبور به ایجاد حساب کاربری برای تماس با شرکت نکنید. کاربران دوست ندارند وقت خود را برای ایجاد حساب کاربری بگذارند و نگران هجوم ایمیل و هرزنامه ها هستند .8.داشتن امکان چت آنلاین یک راه تماس مناسب است ولی نباید تنها گزینه ممکن باشد.چت آنلاین باید در زمان مناسب که امکان پاسخگویی سریع و آنلاین را دارید در اختیار کاربر قرار داده شود .بعضی از کاربران به خاطر اینکه هنگام تماس ممکن است نیاز به ارسال فایل خاصی باشد یا برای سرعت در پاسخگویی ترجیح میدهند از چت استفاده کنند.نتیجه : افراد بر اساس عوامل مختلف تصمیم میگیرند چگونه با یک شرکت ارتباط برقرار کنند.سناریوی کاربری ، میزان زمانی که دارند ، سطح راحتی آنها با روش های خاصی از تماس ، همه در انتخاب تاثیر میگذارد . هرگز اطلاعات تماس با ما را با چت آنلاین یا فرم تماس جایگزین نکنید .همیشه اطلاعات تماس ، آدرس ایمیل و آدرس شرکت را در صفحه تماس با ما نمایش دهید زیرا کاربران همچنان انتظار دارند روش های سنتی برقراری ارتباط را پیدا کنند . منبع : سایت nngroup سیما بهراد سیما بهراد Sun, 17 Oct 2021 16:00:01 +0330