سطوح کیفیت ویجت

ویجت ها یک جزء حیاتی برای سفارشی کردن صفحه اصلی کاربر هستند. آنها اغلب می توانند به کاربران کمک کنند تا با یک ضربه به یک سفر کاربر حیاتی برای یک برنامه دست یابند یا خلاصه ای سریع از مهم ترین داده های یک برنامه ارائه دهند. همچنین می‌توان آن‌ها را متناسب با نیازهای کاربر و متناسب با اولویت‌های فردی سفارشی کرد.

کیفیت یک ویجت می تواند بر تعامل کاربر با محتوا و ویژگی های برنامه شما تأثیر بگذارد. سه سطح اصلی کیفیت ویجت وجود دارد:

  • سطح 3: کیفیت پایین - حداقل نوار کیفیت را رعایت نکنید و تجربه کاربری عالی را ارائه نکنید.
  • سطح 2: استاندارد کیفیت - مفید، قابل استفاده است و تجربه ای با کیفیت ارائه می دهد.
  • سطح 1: متمایز - ویجت‌های نمونه‌ای هستند که تجربیات قهرمان را ارائه می‌دهند که شخصی‌سازی شده‌اند و به کاربران کمک می‌کنند صفحه‌های اصلی منحصربه‌فرد و سازنده ایجاد کنند.

سطح 3: کیفیت پایین

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

سطح 2 - استاندارد کیفیت

برای اینکه ویجت با کیفیت خوب در نظر گرفته شود، تمام معیارهای طرح بندی، رنگ، کشف و محتوا را دارد:

طرح بندی

  • وقتی ویجت روی صفحه اصلی قرار می‌گیرد، باید محدوده‌های تعیین‌شده توسط شبکه راه‌انداز را پر کند . اندازه ویجت را می توان به حداقل یکی از اندازه های زیر تغییر داد: 2x2، 4x2 (سلول های شبکه راه انداز). برای اطلاعات بیشتر، دستورالعمل های اندازه را ببینید.
    • ویجت باید به درستی با سایر عناصر صفحه اصلی در محور عمودی یا افقی تراز شود و فضای غیر ضروری را اشغال نکند.
    • ویجت باید حداقل دو لبه متضاد شبکه را لمس کند. به عبارت دیگر، ویجت ها نیازی به مستطیل بودن ندارند. آنها می توانند اشکال سفارشی داشته باشند، تا زمانی که لبه های شکل حداقل دو لبه شبکه را لمس کنند.
  • در صورت تغییر اندازه، ابزارک‌ها باید حداقل یا حداکثر اندازه مناسب داشته باشند که می‌تواند با minWidth ، minHeight ، maxResizeWidth و maxResizeHeight در AppWidgetProviderInfo XML تنظیم شود.
    • اگر تغییر اندازه ویجت فقط فضای خالی اضافه می کند، حداکثر اندازه باید تنظیم شود.
    • اندازه حداقل باید بر اساس حداقل اندازه ای تنظیم شود که ویجت شما همچنان ارزش ارائه می دهد و الزامات هدف لمسی را برآورده می کند (48x48).
اهداف لمسی را در 48x48 dp ارائه دهید.
اهداف لمسی را خیلی کوچک کنید.

رنگ

  • دکمه‌های متن و نماد ویجت باید نسبت کنتراست کافی برای برآوردن شرایط دسترسی داشته باشند (به استثنای تصاویر کوچک و تصاویر).
از کنتراست رنگ کافی اطمینان حاصل کنید.
از رنگ هایی با کنتراست رنگی ناکافی استفاده کنید.

کشف

  • ویجت باید پیش نمایش دقیقی در انتخابگر ویجت داشته باشد. این را می توان با previewImage و previewLayout در AppWidgetProviderInfo XML یا با پیش نمایش های تولید شده تنظیم کرد.

    • پیش نمایش ویجت با عملکردی که هنگام اضافه شدن به صفحه اصلی ارائه می شود، مطابقت دارد.
    ویدئو 1: ویجت با پیش نمایش نادرست.

محتوا

  • محتوای ویجت نباید به طور مداوم کهنه یا نابهنگام باشد.
    • ویجت باید پس از انجام عملی از ویجت توسط کاربر به روز شود.
    • ویجت باید پس از انجام یک اقدام مرتبط از داخل برنامه توسط کاربر به روز شود
  • ویجت باید به کاربران اجازه دهد تا به صورت دستی محتوا را بازخوانی کنند، در صورتی که انتظار می رود داده ها بیشتر از رابط کاربری به روز شوند.
  • رابط کاربری ویجت باید کاربردی باشد یا محتوا برش داده شده است.
  • حالت صفر و خالی ویجت باید عمدی باشد و باید ارزش ویجت را نشان دهد یا یک فراخوان برای اقدام ارائه دهد، زمانی که ویجت نصب شده است اما کاربر هنوز وارد نشده است.
Discovery_tier2
شکل 2. ویجت با حالت خالی با ارزش.
Discovery_tier2
شکل 3. ویجت با دکمه رفرش.

ردیف 1 - متمایز

بهترین ویجت ها تمام معیارهای Tier 2 و همه معیارهای Layout، Color، Discovery و System Coherence را دارند.

طرح بندی

  • ویجت محدوده ها را پر می کند و به درستی با سایر عناصر صفحه اصلی در محور عمودی یا افقی تراز می شود و فضای غیر ضروری را اشغال نمی کند.
    • همه اشکال باید به هر چهار لبه مرزهای شبکه برخورد کنند
ویجت را به هر 4 لبه مرزهای شبکه گسترش دهید.
یک اندازه سفارشی بسازید که مرزهای شبکه را پر نکند.
  • ویجت از اندازه دلخواه پشتیبانی می کند

    • اندازه ویجت را می توان به حداقل یکی از اندازه های زیر تغییر داد: 2x2، 4x2
  • هدر ویجت به طور مداوم استفاده و اعمال می شود

    • توصیه می شود از هدر استفاده کنید اگر:
      • شما می خواهید پیوندهای عمیقی را به عملکردهای برنامه خاصی مانند جستجو ارائه دهید.
      • شما می‌خواهید یک نماد نام تجاری برنامه را اعمال کنید که به عنوان یک پیوند ثابت به برنامه با ضربه زدن دو برابر می‌شود.
      • ویجت حاوی محتوای پیمایشی (فهرست، شبکه و غیره) است
      • محتوای سرصفحه زمینه مفیدی را فراهم می کند (نام لیست کارها)
    • هدر زمانی اختیاری است که:
      • ویجت یک تصویر کامل است (عکس)
      • فضا محدود است (طول کمتر از 2 ردیف)
      • وقتی محتوای هدر اضافی است.
    • اگر از هدر استفاده می کنید، مشخصات ما را برآورده کنید:
      • نماد، عنوان، اقدامات.
        • نماد همیشه وجود دارد
        • عنوان زمانی ظاهر می شود که فضای کافی وجود داشته باشد
        • اقدامات مبتنی بر زمینه ویجت.
      • ارتفاع 48dp، بالشتک، 14dp
هدری ارائه کنید که با مشخصات ویجت مطابقت داشته باشد.
از مشخصات سفارشی برای اندازه و عنوان استفاده کنید.

رنگ

  • ویجت از پالت رنگ بر اساس طرح زمینه سیستم، رنگ محتوا یا رنگ برند پشتیبانی می کند.
ویجت هایی که تم پویا را نمایش می دهند
شکل 4. ویجت ها با رنگ های پویا کاغذ دیواری و رنگ های تم مارک دار.

کشف

ویجت ها با پیش نمایش عمومی و محتوای کاربر
شکل 5. ابزارک ها با محتوای پیش نمایش عمومی و محتوای پیش نمایش محتوای کاربر.
  • ویجت دارای نام یا توضیحی است که به کاربران کمک می کند ارزش ویجت را درک کنند.
    • این نام کمتر از 50 کاراکتر است.
    • نام و توضیحات در برنامه منحصر به فرد است. برای مثال، برنامه نمی‌تواند چندین ویجت با نام یک چیز داشته باشد.
شامل یک توضیح مختصر منحصر به فرد.
یک توضیح کلی ارائه دهید.

انسجام سیستم

  • ویجت های مستطیلی باید از شعاع گوشه ارائه شده توسط سیستم استفاده کنند (ویجت های OEM خاص)
از شعاع گوشه سیستم استفاده کنید.
شعاع گوشه سفارشی را تنظیم کنید.
ویجت ها با حالت های بارگذاری مختلف
شکل 6. ویجت ها با نشانگر بارگذاری و وضعیت بارگذاری سفارشی.
  • از پیکربندی سیستم به جای نقطه ورودی تنظیمات ویجت سفارشی استفاده می کند
  • هنگام ورود/خروج از برنامه به ویجت از انتقال راه اندازی سیستم استفاده می کند

هنگام ایجاد ویجت، نکات ارائه شده در این راهنما را به خاطر بسپارید. شما می خواهید بهترین کیفیت و تجربه کاربری عالی را ارائه دهید. بسیاری از میله های با کیفیت را می توان با طرح بندی متعارف ملاقات کرد. برای کسب اطلاعات بیشتر در مورد نوارهای کیفیت، طراحان به قالب‌های ابزارک Android و توسعه‌دهندگان به نمونه‌های کد طرح‌بندی در نمونه‌های پلتفرم ما و راهنمای برنامه‌نویس Layouts مراجعه می‌کنند.

،

ویجت ها یک جزء حیاتی برای سفارشی کردن صفحه اصلی کاربر هستند. آنها اغلب می توانند به کاربران کمک کنند تا با یک ضربه به یک سفر کاربر حیاتی برای یک برنامه دست یابند یا خلاصه ای سریع از مهم ترین داده های یک برنامه ارائه دهند. همچنین می‌توان آن‌ها را متناسب با نیازهای کاربر و متناسب با اولویت‌های فردی سفارشی کرد.

کیفیت یک ویجت می تواند بر تعامل کاربر با محتوا و ویژگی های برنامه شما تأثیر بگذارد. سه سطح اصلی کیفیت ویجت وجود دارد:

  • سطح 3: کیفیت پایین - حداقل نوار کیفیت را رعایت نکنید و تجربه کاربری عالی را ارائه نکنید.
  • سطح 2: استاندارد کیفیت - مفید، قابل استفاده است و تجربه ای با کیفیت ارائه می دهد.
  • سطح 1: متمایز - ویجت‌های نمونه‌ای هستند که تجربیات قهرمان را ارائه می‌دهند که شخصی‌سازی شده‌اند و به کاربران کمک می‌کنند صفحه‌های اصلی منحصربه‌فرد و سازنده ایجاد کنند.

سطح 3: کیفیت پایین

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

سطح 2 - استاندارد کیفیت

برای اینکه ویجت با کیفیت خوب در نظر گرفته شود، تمام معیارهای طرح بندی، رنگ، کشف و محتوا را دارد:

طرح بندی

  • وقتی ویجت روی صفحه اصلی قرار می‌گیرد، باید محدوده‌های تعیین‌شده توسط شبکه راه‌انداز را پر کند . اندازه ویجت را می توان به حداقل یکی از اندازه های زیر تغییر داد: 2x2، 4x2 (سلول های شبکه راه انداز). برای اطلاعات بیشتر، دستورالعمل های اندازه را ببینید.
    • ویجت باید به درستی با سایر عناصر صفحه اصلی در محور عمودی یا افقی تراز شود و فضای غیر ضروری را اشغال نکند.
    • ویجت باید حداقل دو لبه متضاد شبکه را لمس کند. به عبارت دیگر، ویجت ها نیازی به مستطیل بودن ندارند. آنها می توانند اشکال سفارشی داشته باشند، تا زمانی که لبه های شکل حداقل دو لبه شبکه را لمس کنند.
  • در صورت تغییر اندازه، ابزارک‌ها باید حداقل یا حداکثر اندازه مناسب داشته باشند که می‌تواند با minWidth ، minHeight ، maxResizeWidth و maxResizeHeight در AppWidgetProviderInfo XML تنظیم شود.
    • اگر تغییر اندازه ویجت فقط فضای خالی اضافه می کند، حداکثر اندازه باید تنظیم شود.
    • اندازه حداقل باید بر اساس حداقل اندازه ای تنظیم شود که ویجت شما همچنان ارزش ارائه می دهد و الزامات هدف لمسی را برآورده می کند (48x48).
اهداف لمسی را در 48x48 dp ارائه دهید.
اهداف لمسی را خیلی کوچک کنید.

رنگ

  • دکمه‌های متن و نماد ویجت باید نسبت کنتراست کافی برای برآوردن شرایط دسترسی داشته باشند (به استثنای تصاویر کوچک و تصاویر).
از کنتراست رنگ کافی اطمینان حاصل کنید.
از رنگ هایی با کنتراست رنگی ناکافی استفاده کنید.

کشف

  • ویجت باید پیش نمایش دقیقی در انتخابگر ویجت داشته باشد. این را می توان با previewImage و previewLayout در AppWidgetProviderInfo XML یا با پیش نمایش های تولید شده تنظیم کرد.

    • پیش نمایش ویجت با عملکردی که هنگام اضافه شدن به صفحه اصلی ارائه می شود، مطابقت دارد.
    ویدئو 1: ویجت با پیش نمایش نادرست.

محتوا

  • محتوای ویجت نباید به طور مداوم کهنه یا نابهنگام باشد.
    • ویجت باید پس از انجام عملی از ویجت توسط کاربر به روز شود.
    • ویجت باید پس از انجام یک اقدام مرتبط از داخل برنامه توسط کاربر به روز شود
  • ویجت باید به کاربران اجازه دهد تا به صورت دستی محتوا را بازخوانی کنند، در صورتی که انتظار می رود داده ها بیشتر از رابط کاربری به روز شوند.
  • رابط کاربری ویجت باید کاربردی باشد یا محتوا برش داده شده است.
  • حالت صفر و خالی ویجت باید عمدی باشد و باید ارزش ویجت را نشان دهد یا یک فراخوان برای اقدام ارائه دهد، زمانی که ویجت نصب شده است اما کاربر هنوز وارد نشده است.
Discovery_tier2
شکل 2. ویجت با حالت خالی با ارزش.
Discovery_tier2
شکل 3. ویجت با دکمه رفرش.

ردیف 1 - متمایز

بهترین ویجت ها تمام معیارهای Tier 2 و همه معیارهای Layout، Color، Discovery و System Coherence را دارند.

طرح بندی

  • ویجت محدوده ها را پر می کند و به درستی با سایر عناصر صفحه اصلی در محور عمودی یا افقی تراز می شود و فضای غیر ضروری را اشغال نمی کند.
    • همه اشکال باید به هر چهار لبه مرزهای شبکه برخورد کنند
ویجت را به هر 4 لبه مرزهای شبکه گسترش دهید.
یک اندازه سفارشی بسازید که مرزهای شبکه را پر نکند.
  • ویجت از اندازه دلخواه پشتیبانی می کند

    • اندازه ویجت را می توان به حداقل یکی از اندازه های زیر تغییر داد: 2x2، 4x2
  • هدر ویجت به طور مداوم استفاده و اعمال می شود

    • توصیه می شود از هدر استفاده کنید اگر:
      • شما می خواهید پیوندهای عمیقی را به عملکردهای برنامه خاصی مانند جستجو ارائه دهید.
      • شما می‌خواهید یک نماد نام تجاری برنامه را اعمال کنید که به عنوان یک پیوند ثابت به برنامه با ضربه زدن دو برابر می‌شود.
      • ویجت حاوی محتوای پیمایشی (فهرست، شبکه و غیره) است
      • محتوای سرصفحه زمینه مفیدی را فراهم می کند (نام لیست کارها)
    • هدر زمانی اختیاری است که:
      • ویجت یک تصویر کامل است (عکس)
      • فضا محدود است (طول کمتر از 2 ردیف)
      • وقتی محتوای هدر اضافی است.
    • اگر از هدر استفاده می کنید، مشخصات ما را برآورده کنید:
      • نماد، عنوان، اقدامات.
        • نماد همیشه وجود دارد
        • عنوان زمانی ظاهر می شود که فضای کافی وجود داشته باشد
        • اقدامات مبتنی بر زمینه ویجت.
      • ارتفاع 48dp، بالشتک، 14dp
هدری ارائه کنید که با مشخصات ویجت مطابقت داشته باشد.
از مشخصات سفارشی برای اندازه و عنوان استفاده کنید.

رنگ

  • ویجت از پالت رنگ بر اساس طرح زمینه سیستم، رنگ محتوا یا رنگ برند پشتیبانی می کند.
ویجت هایی که تم پویا را نمایش می دهند
شکل 4. ویجت ها با رنگ های پویا کاغذ دیواری و رنگ های تم مارک دار.

کشف

ویجت ها با پیش نمایش عمومی و محتوای کاربر
شکل 5. ابزارک ها با محتوای پیش نمایش عمومی و محتوای پیش نمایش محتوای کاربر.
  • ویجت دارای نام یا توضیحی است که به کاربران کمک می کند ارزش ویجت را درک کنند.
    • این نام کمتر از 50 کاراکتر است.
    • نام و توضیحات در برنامه منحصر به فرد است. برای مثال، برنامه نمی‌تواند چندین ویجت با نام یک چیز داشته باشد.
شامل یک توضیح مختصر منحصر به فرد.
یک توضیح کلی ارائه دهید.

انسجام سیستم

  • ویجت های مستطیلی باید از شعاع گوشه ارائه شده توسط سیستم استفاده کنند (ویجت های OEM خاص)
از شعاع گوشه سیستم استفاده کنید.
شعاع گوشه سفارشی را تنظیم کنید.
ویجت ها با حالت های بارگذاری مختلف
شکل 6. ویجت ها با نشانگر بارگذاری و وضعیت بارگذاری سفارشی.
  • از پیکربندی سیستم به جای نقطه ورودی تنظیمات ویجت سفارشی استفاده می کند
  • هنگام ورود/خروج از برنامه به ویجت از انتقال راه اندازی سیستم استفاده می کند

هنگام ایجاد ویجت، نکات ارائه شده در این راهنما را به خاطر بسپارید. شما می خواهید بهترین کیفیت و تجربه کاربری عالی را ارائه دهید. بسیاری از میله های با کیفیت را می توان با طرح بندی متعارف ملاقات کرد. برای کسب اطلاعات بیشتر در مورد نوارهای کیفیت، طراحان به قالب‌های ابزارک Android و توسعه‌دهندگان به نمونه‌های کد طرح‌بندی در نمونه‌های پلتفرم ما و راهنمای برنامه‌نویس Layouts مراجعه می‌کنند.