طراحی وب

طراحی Tooltip و Popover مؤثر

Tooltip و Popover ابزارهای مفیدی برای ارائه اطلاعات اضافی بدون شلوغ کردن رابط هستند.

1404/12/14 1 دقیقه مطالعه 1,557 بازدید

Tooltip و Popover ابزارهای مفیدی برای ارائه اطلاعات اضافی بدون شلوغ کردن رابط هستند.

تفاوت Tooltip و Popover

Tooltip: hover/focus، متن کوتاه. Popover: کلیک، محتوای غنی‌تر.

  • Tooltip: حداکثر ۱-۲ خط
  • Popover: محتوای تعاملی
  • Placement: هوشمند و خودکار

بهترین شیوه‌ها

تأخیر ۳۰۰ms قبل از نمایش، بسته شدن خودکار و دسترسی‌پذیری (aria-describedby).

جمع‌بندی

Tooltip خوب اطلاعات لازم را در لحظه مناسب ارائه می‌دهد.

واکنش به این مقاله

اشتراک‌گذاری این مقاله:
دیدگاه‌ها 0
۰ / ۲۰۰۰

هنوز دیدگاهی ثبت نشده

اولین نفری باشید که نظر می‌دهد!