تراشه

قهرمان

نمای کلی

تراشه‌ها عناصر تعاملی و فشرده‌ای هستند که به کاربران امکان می‌دهند محتوای زیر آنها را فیلتر کنند یا اقدامات سریعی را انجام دهند. این اجزای فشرده با ارائه گزینه‌های متنی مرتبط با محتوا و کوتاه کردن زمان مرور، به ساده‌سازی تکمیل وظایف در حین حرکت کمک می‌کنند.

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

چیپس‌ها می‌توانند شامل موارد زیر باشند:

  • فقط یک آیکون
  • فقط برچسب متنی
  • هم آیکون و هم برچسب (در هر دو جهت)

ترکیب

قهرمان

۱. آیکون یا تصویر اصلی

۲. متن برچسب


الزامات تجربه کاربری

برای اطمینان از یک تجربه ایمن و سازگار در همه برنامه‌ها، این الزامات طراحی را دنبال کنید:

سطح مورد نیاز

محتوا

باید

یا یک آیکون یا یک برچسب قرار دهید.

باید

از یک سبک بصری منحصر به فرد، مانند یک رنگ یا شکل متمایز، برای ارتباط برقرار کردن بین حالت‌های مختلف تراشه استفاده کنید.

باید

استایل‌بندی ثابتی را در تمام چیپ‌های برنامه خود پیاده‌سازی کنید.

باید

از ترکیب تراشه‌های state و stateless در یک گروه قطعه خودداری کنید.

باید

تراشه‌های مهم یا توصیه‌شده را در لبه جلویی ظرف قرار دهید.

باید

متن برچسب را مختصر و توصیفی بنویسید. از متن طولانی که باعث کوتاه شدن متن و افزایش بار شناختی می‌شود، خودداری کنید.