هر چه نیاز است درباره Tooltip‌‌ ها بدانید
درباره Tooltip‌‌ ها چه می دانید

درباره Tooltip‌‌ ها چه می دانید

درباره Tooltip‌‌ ها چه می دانید . همان طور که پیدا کردن برخی آدرس ها در سطح شهر سخت است، کارکردن با برخی وسایل تازه هم ممکن است سخت باشد. تا حدی که ممکن است کارکردن با بعضی وسایل برای بار اول بدون راهنما وجود نداشته باشد. حتی ممکن است خرابشان کنیم.

سایت‌ ها، اپلیکیشن ها و نرم ‌افزارها هم وسایلی هستند که کارکردن با بعضی از آن ‌ها سخت است. ممکن است کابر برای بار اول متوجه نشود به کدام بخش برود، کدام تنظیمات را تغییر دهن و یا چگونه نصب کند. در هر سایت یا برنامه ای، گزینه‌ های مختلفی وجود دارد که هرکدام کار مشخصی را انجام می‌دهند.

برای مثال، برنامه Word را در نظر بگیرید. برخی از ما هر روز با آن سروکار داریم. اما تعداد انگشت شماری هستند که تمامی ابزارهای آن را استفاده کرده باشند. اگر موس را روی یکی از ابزراها نگه دارید، نوشته کوتاهی ظاهر می شود که به شما می گوید آن ابزار چه می کند.

این راهنمایی کوتاه راTooltip  (راهنمای ابزار) می‌گویند. طراحی این را Tooltip  ها کار ساده ای نیست. تا پایان این مقاله ما را همراهی کنید تا به شما بگوییم چرا طراحی آن ها آسان نیست و چه معایبی در UI  می توانند داشته باشند.

Tooltip در طراحی UI

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

مقالات مرتبط  اهمیت ایمیل مارکتینگ در رونق فعالیت

درباره Tooltip‌‌ ها چه می دانید

میدانید چرا طراح UI باید بتواند آگاهانه از Tooltip ها استفاده کند. زیرا راهنمایی اضافی، کاربر را ناراحت می‌ کند. طراح خوب و حرفه‌ ای می‌ داند کاربر کجا راهنمایی نیاز دارد و کجا راهنمایی نمیخواهد و خودش می ‌تواند راهش را پیدا کند. پس یکی از وظایف طراح UI این است که بداند کجا از راهنمایی استفاده کند و یا کجا نیازی به راهنمایی کاربران نیست.

Tooltip‌‌ ها چه هستند و چرا استفاده می شوند

کاربرد‌‌ Tooltip ها در طراحی UI

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

درباره Tooltip‌‌ ها چه می دانید

هر طراحی، برای طراحی UI سایت یا اپی که در دست دارد باید به سؤال مهمی جواب دهد. برای کدام المان‌ها راهنما‌ی ابزار لازم است؟ علاوه‌بر در نظرگرفتن کاربرد راهنماها، باید معیارهایی برای تصمیم‌گیری در هر مورد وجود داشته باشد. در ادامه درباره همین معیارها صحبت می‌کنیم.

چه‌ زمانی نباید از Tooltips استفاده کرد

  • زمانیر‌که راهنما برای کامل‌کردن کاری در سایت به اطلاعات نیاز دارد. تولتیپ‌ها اطلاعات ضروری و کوتاهی هستند. برای مثال، نمی‌شود ۱۰ خط راهنمای لازم برای ثبت نام در سایتی را در tooltip  یک دکمه گنجاند. چون وقتی کاربر موس را از روی المان کنار می‌برد،tooltip  ناپدید می‌ شود. این یعنی کاربر اطلاعات لازم برای ادامه کار را از دست می‌دهد.
  • زمانی‌که سایت یا اپ شما فقط نسخه موبایل دارد. باید بدانید که tooltip  ها در دسکتاپ و با موس بهتر نمایش داده می ‌شوند تا در صفحات لمسی گوشی‌ های موبایل. البته نباید این‌طور برداشت شود که در اپ‌ های موبایل نمی‌ شود و نباید tooltip  وجود داشته باشد.
  • زمانی‌که طراحی سایت و المان به ‌گونه ‌ای است که کاربر را هدایت می‌ کند و او دیگر نیازی به راهنمایی ندارد.
مقالات مرتبط  ویژگی سایت های رنک اول گوگل

چه‌ زمانی باید از Tooltips استفاده کرد

شاید الان پاسخ دهید، این دیگر واضح است: برعکس ۳ مورد بالا. این پاسخ درست است ولی کامل نیست. طراح باید تولتیپ‌ ها را در طراحی ‌اش لحاظ کند وقتی:

  •  المان یا آیکون برای کاربر آشنا نیست و طوری طراحی نشده که روی آن راهنمایی لازم نوشته شده باشد. پس تولتیپ می‌خواهد.
  • المان یا آیکونی کاربرد ویژه و دورازذهنی دارد و بدون تولتیپ کاربر گیج می‌شود.

نکاتی برای طراحی درست  Tooltip‌ ها

وقتی طراح رابط کاربری به این نتیجه رسید که برای این المان بنابه دلایلی باید تولتیپ گذاشت، چه نکاتی را باید در طراحی خود راهنمای ابزار رعایت کند؟

  • باید سازگار با موس هاور و کیبورد هاور (mouse and keyboard hover) باشد.
  • نباید در جایی قرار بگیرد که وقتی باز می‌شود، روی محتواهای دیگر را بپوشاند.
  • باید با background در تضاد باشد تا به‌ خوبی دیده و خوانده شود.
  •  های طراحی‌شده باید تست شوند و قبل از نهایی‌شدن نظر کاربران واقعی را درباره‌ی آن‌ها گرفت و براساس آن اصلاح کرد.
  • طراحی آن‌ها باید ساده، گویا، جالب و تعاملی باشد.
    امیدواریم مقاله مفیدی برای شما باشد. از همراهی شما با تیم نیلشید سپاس گزاریم.
admin ۱۲ اسفند ۱۴۰۰ 0 دیدگاه
0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها