רמות איכות הווידג'טים

ווידג'טים הם רכיב חיוני בהתאמה אישית של מסך הבית של המשתמש. לעתים קרובות, הן יכולות לעזור למשתמשים להשלים תהליך קריטי של חוויית משתמש באפליקציה בלחיצה אחת, או לספק סיכום מהיר של נתוני האפליקציה החשובים ביותר. אפשר גם להתאים אישית את התכונות האלה בהתאם לצרכים של המשתמש ולהעדפות האישיות שלו.

איכות הווידג'ט יכולה להשפיע על מידת המעורבות של המשתמשים בתוכן ובתכונות של האפליקציה. יש שלוש רמות עיקריות של איכות ווידג'טים:

  • רמה 3: איכות נמוכה – לא עומדות בסטנדרטים המינימליים של איכות ולא מספקות חוויית משתמש מעולה.
  • רמה 2: תקן איכות – שימושי, נוח לשימוש ומספק חוויית שימוש איכותית.
  • רמה 1: ייחודיים – ווידג'טים מובילים שמציעים חוויית משתמש מותאמת אישית ומסייעים למשתמשים ליצור מסכי בית ייחודיים ופרודוקטיביים.

רמה 3: איכות נמוכה

ווידג'ט נחשב באיכות נמוכה אם הוא לא עומד בקריטריונים הרגילים של פריסה, צבע, חשיפת תוכן ותוכן. למידע נוסף על יצירת שיטה מומלצת לשימוש בווידג'ט באיכות גבוהה, תוכלו לעיין בהנחיות הבאות.

רמה 2 – תקן איכות

כדי להיחשב באיכות טובה, הווידג'ט עומד בכל הקריטריונים הבאים של פריסה, צבע, גילוי ותוכן:

פריסה

  • הווידג'ט חייב למלא את הגבולות שהוגדרו על ידי רשת מרכז האפליקציות כשמשחררים אותו על מסך הבית. אפשר לשנות את הגודל של הווידג'ט לפחות לאחד מהגדלים הבאים : 2x2, ‏ 4x2 (תאים של רשת מרכז האפליקציות). מידע נוסף זמין במאמר הנחיות לקביעת הגודל.
    • הווידג'ט צריך להיות מיושר כראוי לאלמנטים אחרים במסך הבית בציר האנכי או בציר האופקי, ולא להשתמש במקום מיותר.
    • הווידג'ט חייב לגעת לפחות בשני קצוות מנוגדים של הרשת. במילים אחרות, ווידג'טים לא חייבים להיות מלבניים. אפשר להשתמש בצורות בהתאמה אישית, כל עוד הקצוות של הצורה נוגעים לפחות בשני קצוות של התצוגה.
  • אם אפשר לשנות את הגודל של הווידג'טים, לווידג'טים צריך להיות גודל מינימלי או מקסימלי מתאים, שאפשר להגדיר אותם לפי minWidth, minHeight, maxResizeWidth ו-maxResizeHeight ב-XML של AppWidgetProviderInfo
    • צריך להגדיר גודל מקסימלי אם שינוי הגודל של הווידג'ט מוביל רק להוספת רווח ריק.
    • צריך להגדיר את הגודל המינימלי על סמך הגודל המינימלי שבו הווידג'ט עדיין מספק ערך ועונה על דרישות יעד המגע (48x48).

מה מותר לעשות

יש לספק יעדי מגע בגודל 48x48dp.

מה אסור לעשות

צריך להקטין את משטחי המגע.

צבע

  • יחס הניגודיות של לחצני הטקסט והסמל של הווידג'ט צריך להיות מספיק כדי לעמוד בדרישות הנגישות (לא כולל תמונות ממוזערות ותמונות).

מה מותר לעשות

חשוב לוודא שיש מספיק ניגודיות בין הצבעים.

מה אסור לעשות

שימוש בצבעים עם ניגודיות צבעים לא מספקת.

Discovery

  • חייבות להיות תצוגות מקדימות מדויקות לווידג'ט בבורר הווידג'טים. אפשר להגדיר את הערך הזה באמצעות previewImage ו-previewLayout ב-AppWidgetProviderInfo XML, או באמצעות Generated Previews.

    • התצוגה המקדימה של הווידג'ט תואמת לפונקציונליות שמוצעת כשמוסיפים אותו למסך הבית.
    סרטון 1: ווידג'ט עם תצוגה מקדימה לא מדויקת.

תוכן

  • אסור שהתוכן של הווידג'ט יהיה תמיד לא עדכני או לא רלוונטי.
    • הווידג'ט חייב להתעדכן אחרי שהמשתמש משלים פעולה מהווידג'ט.
    • הווידג'ט חייב להתעדכן אחרי שהמשתמש משלים פעולה קשורה מתוך האפליקציה
  • אם אתם מצפים שהנתונים יתעדכנו בתדירות גבוהה יותר מאשר ממשק המשתמש, הווידג'ט צריך לאפשר למשתמשים לרענן את התוכן באופן ידני.
  • ממשק המשתמש של הווידג'ט חייב לפעול כמו שצריך, אחרת התוכן ייחתוך.
  • המצבים 'אפס' ו'ריק' של הווידג'ט חייבים להיות מכוונים, וצריך להציג בהם את הערך של הווידג'ט או קריאה לפעולה, כשהווידג'ט מותקן אבל המשתמש עדיין לא מחובר.
Discovery_tier2
איור 2. ווידג'ט עם מצב ריק בעל ערך.
discovery_tier2
איור 3. ווידג'ט עם לחצן רענון.

רמה 1 – בנפרד

הווידג'טים הטובים ביותר עומדים בכל הקריטריונים ברמה 2, ובכל הקריטריונים הבאים לגבי פריסה, צבע, חשיפת הווידג'ט ותאימות למערכת.

פריסה

  • הווידג'ט ממלא את גבולות המסך ומותאם בצורה נכונה לרכיבים אחרים במסך הבית בציר האנכי או האופקית, ולא תופס מקום מיותר.
    • כל הצורות חייבות להגיע לכל ארבעת קצוות הרשת

מה מותר לעשות

הווידג'ט יתרחב לכל 4 הקצוות של גבולות הרשת.

מה אסור לעשות

ליצור גודל מותאם אישית שלא ממלא את גבולות התצוגה של התרשים.

  • הווידג'ט תומך בגודל מועדף

    • אפשר לשנות את הגודל של הווידג'ט לפחות לאחד מהגדלים הבאים : 2x2, ‏ 4x2

  • נעשה שימוש בכותרת הווידג'ט והוחלה אותה באופן עקבי

    • מומלץ להשתמש בכותרת אם:
      • אתם רוצים לספק קישורי עומק לפונקציות מסוימות באפליקציה, כמו חיפוש.
      • אתם רוצים להשתמש בסמל למיתוג אפליקציה, שמשמש גם כקישור עקבי בחזרה לאפליקציה בהקשה.
      • הווידג'ט מכיל תוכן שאפשר לגלול בו (רשימה, רשת וכו')
      • תוכן הכותרת מספק הקשר שימושי (שם של רשימת משימות)
    • הכותרת היא אופציונלית במקרים הבאים:
      • הווידג'ט הוא תמונה שממלאת את כל הדף (תמונות)
      • השטח מוגבל (פחות מ-2 שורות)
      • כשתוכן הכותרת הוא מיותר.
    • אם משתמשים בכותרת, צריך לעמוד במפרט שלנו:
      • סמל, כותרת, פעולות.
        • הסמל תמיד מוצג
        • הכותרת מופיעה כשיש מספיק מקום
        • פעולות על סמך הקשר הווידג'ט.
      • גובה 48dp, מרווח, 14dp

מה מותר לעשות

מספקים כותרת שתואמת למפרט הווידג'ט.

מה אסור לעשות

להשתמש במפרטים מותאמים אישית לגבי גודל וכותרות.

צבע

  • הווידג'ט תומך בלוח צבעים שמבוסס על עיצוב המערכת, צבע התוכן או צבע המותג.
ווידג'טים שמציגים עיצוב דינמי
איור 4. ווידג'טים עם צבעים דינמיים של הטפט וצבעים של עיצוב ממותג.

Discovery

ווידג'טים עם תצוגות מקדימות כלליות ושל תוכן המשתמש
איור 5. ווידג'טים עם תוכן תצוגה מקדימה כללי ותוכן תצוגה מקדימה של תוכן של משתמשים.
  • לווידג'ט יש שם או תיאור שעוזרים למשתמשים להבין את הערך של הווידג'ט.
    • השם צריך להיות באורך של עד 50 תווים.
    • השם והתיאור צריכים להיות ייחודיים באפליקציה. לדוגמה, לא יכולים להיות באפליקציה כמה ווידג'טים עם אותו שם.

מה מותר לעשות

מומלץ לכלול תיאור קצר ותמציתי.

מה אסור לעשות

לספק תיאור כללי.

עקביות המערכת

  • בווידג'טים מלבניים צריך להשתמש ברדיוס הפינה שסופק על ידי המערכת (ספציפי ל-OEM)

מה מותר לעשות

שימוש ברדיוס פינה של המערכת.

מה אסור לעשות

הגדרת רדיוס פינה בהתאמה אישית.
ווידג'טים במצבי טעינה שונים
איור 6. ווידג'טים עם אינדיקטור טעינה וסטטוס טעינה בהתאמה אישית.
  • שימוש בתצורה של המערכת במקום נקודת כניסה מותאמת אישית להגדרות הווידג'ט
  • שימוש במעבר של הפעלת המערכת כשנכנסים לאפליקציה או יוצאים ממנה לווידג'ט

כשיוצרים ווידג'ט, חשוב לזכור את הטיפים שבמדריך הזה. אתם רוצים לספק את האיכות הטובה ביותר וחוויית משתמש מעולה. עם פריסות קנוניות אפשר לעמוד בהרבה עמודות של איכות. למידע נוסף על עמודות איכות, המעצבים קוראים את המאמר תבניות ווידג'ט של Android, והמפתחים קוראים את הדוגמאות של קוד הפריסה בדגימות הפלטפורמה ואת המדריך למפתחים של Layouts.