ווידג'טים הם רכיב חיוני בהתאמה אישית של מסך הבית של המשתמש. לעתים קרובות, הן יכולות לעזור למשתמשים להשלים תהליך קריטי של חוויית משתמש באפליקציה בלחיצה אחת, או לספק סיכום מהיר של נתוני האפליקציה החשובים ביותר. אפשר גם להתאים אישית את התכונות האלה בהתאם לצרכים של המשתמש ולהעדפות האישיות שלו.
איכות הווידג'ט יכולה להשפיע על מידת המעורבות של המשתמשים בתוכן ובתכונות של האפליקציה. יש שלוש רמות עיקריות של איכות ווידג'טים:
- רמה 3: איכות נמוכה – לא עומדות בסטנדרטים המינימליים של איכות ולא מספקות חוויית משתמש מעולה.
- רמה 2: תקן איכות – שימושי, נוח לשימוש ומספק חוויית שימוש איכותית.
- רמה 1: ייחודיים – ווידג'טים מובילים שמציעים חוויית משתמש מותאמת אישית ומסייעים למשתמשים ליצור מסכי בית ייחודיים ופרודוקטיביים.
רמה 3: איכות נמוכה
ווידג'ט נחשב באיכות נמוכה אם הוא לא עומד בקריטריונים הרגילים של פריסה, צבע, חשיפת תוכן ותוכן. למידע נוסף על יצירת שיטה מומלצת לשימוש בווידג'ט באיכות גבוהה, תוכלו לעיין בהנחיות הבאות.
רמה 2 – תקן איכות
כדי להיחשב באיכות טובה, הווידג'ט עומד בכל הקריטריונים הבאים של פריסה, צבע, גילוי ותוכן:
פריסה
- הווידג'ט חייב למלא את הגבולות שהוגדרו על ידי רשת מרכז האפליקציות כשמשחררים אותו על מסך הבית. אפשר לשנות את הגודל של הווידג'ט לפחות לאחד מהגדלים הבאים : 2x2, 4x2 (תאים של רשת מרכז האפליקציות).
מידע נוסף זמין במאמר הנחיות לקביעת הגודל.
- הווידג'ט צריך להיות מיושר כראוי לאלמנטים אחרים במסך הבית בציר האנכי או בציר האופקי, ולא להשתמש במקום מיותר.
- הווידג'ט חייב לגעת לפחות בשני קצוות מנוגדים של הרשת. במילים אחרות, ווידג'טים לא חייבים להיות מלבניים. אפשר להשתמש בצורות בהתאמה אישית, כל עוד הקצוות של הצורה נוגעים לפחות בשני קצוות של התצוגה.
- אם אפשר לשנות את הגודל של הווידג'טים, לווידג'טים צריך להיות גודל מינימלי או מקסימלי מתאים, שאפשר להגדיר אותם לפי
minWidth
,minHeight
,maxResizeWidth
ו-maxResizeHeight
ב-XML של AppWidgetProviderInfo- צריך להגדיר גודל מקסימלי אם שינוי הגודל של הווידג'ט מוביל רק להוספת רווח ריק.
- צריך להגדיר את הגודל המינימלי על סמך הגודל המינימלי שבו הווידג'ט עדיין מספק ערך ועונה על דרישות יעד המגע (48x48).
צבע
- יחס הניגודיות של לחצני הטקסט והסמל של הווידג'ט צריך להיות מספיק כדי לעמוד בדרישות הנגישות (לא כולל תמונות ממוזערות ותמונות).
Discovery
חייבות להיות תצוגות מקדימות מדויקות לווידג'ט בבורר הווידג'טים. אפשר להגדיר את הערך הזה באמצעות
previewImage
ו-previewLayout
ב-AppWidgetProviderInfo XML, או באמצעות Generated Previews.- התצוגה המקדימה של הווידג'ט תואמת לפונקציונליות שמוצעת כשמוסיפים אותו למסך הבית.
סרטון 1: ווידג'ט עם תצוגה מקדימה לא מדויקת.
תוכן
- אסור שהתוכן של הווידג'ט יהיה תמיד לא עדכני או לא רלוונטי.
- הווידג'ט חייב להתעדכן אחרי שהמשתמש משלים פעולה מהווידג'ט.
- הווידג'ט חייב להתעדכן אחרי שהמשתמש משלים פעולה קשורה מתוך האפליקציה
- אם אתם מצפים שהנתונים יתעדכנו בתדירות גבוהה יותר מאשר ממשק המשתמש, הווידג'ט צריך לאפשר למשתמשים לרענן את התוכן באופן ידני.
- ממשק המשתמש של הווידג'ט חייב לפעול כמו שצריך, אחרת התוכן ייחתוך.
- המצבים 'אפס' ו'ריק' של הווידג'ט חייבים להיות מכוונים, וצריך להציג בהם את הערך של הווידג'ט או קריאה לפעולה, כשהווידג'ט מותקן אבל המשתמש עדיין לא מחובר.
רמה 1 – בנפרד
הווידג'טים הטובים ביותר עומדים בכל הקריטריונים ברמה 2, ובכל הקריטריונים הבאים לגבי פריסה, צבע, חשיפת הווידג'ט ותאימות למערכת.
פריסה
- הווידג'ט ממלא את גבולות המסך ומותאם בצורה נכונה לרכיבים אחרים במסך הבית בציר האנכי או האופקית, ולא תופס מקום מיותר.
- כל הצורות חייבות להגיע לכל ארבעת קצוות הרשת
הווידג'ט תומך בגודל מועדף
- אפשר לשנות את הגודל של הווידג'ט לפחות לאחד מהגדלים הבאים : 2x2, 4x2
נעשה שימוש בכותרת הווידג'ט והוחלה אותה באופן עקבי
- מומלץ להשתמש בכותרת אם:
- אתם רוצים לספק קישורי עומק לפונקציות מסוימות באפליקציה, כמו חיפוש.
- אתם רוצים להשתמש בסמל למיתוג אפליקציה, שמשמש גם כקישור עקבי בחזרה לאפליקציה בהקשה.
- הווידג'ט מכיל תוכן שאפשר לגלול בו (רשימה, רשת וכו')
- תוכן הכותרת מספק הקשר שימושי (שם של רשימת משימות)
- הכותרת היא אופציונלית במקרים הבאים:
- הווידג'ט הוא תמונה שממלאת את כל הדף (תמונות)
- השטח מוגבל (פחות מ-2 שורות)
- כשתוכן הכותרת הוא מיותר.
- אם משתמשים בכותרת, צריך לעמוד במפרט שלנו:
- סמל, כותרת, פעולות.
- הסמל תמיד מוצג
- הכותרת מופיעה כשיש מספיק מקום
- פעולות על סמך הקשר הווידג'ט.
- גובה 48dp, מרווח, 14dp
- סמל, כותרת, פעולות.
- מומלץ להשתמש בכותרת אם:
צבע
- הווידג'ט תומך בלוח צבעים שמבוסס על עיצוב המערכת, צבע התוכן או צבע המותג.
- הווידג'ט תומך בלוחות צבעים של מצב בהיר ומצב כהה.
- צבע דינמי הוא דוגמה לעיצוב לפי הקשר של המכשיר.
- חילוץ צבעים מקומי הוא דוגמה לנושאים שמבוססים על תוכן האפליקציה.
- צבע סמנטי הוא דוגמה לעיצוב נושאים שמבוסס על תוכן האפליקציה.
Discovery
- התצוגה המקדימה כוללת תוכן של משתמשים או מחילה את עיצוב המערכת (Generated Previews API או
previewLayout
ב-AppWidgetProviderInfo XML).
- לווידג'ט יש שם או תיאור שעוזרים למשתמשים להבין את הערך של הווידג'ט.
- השם צריך להיות באורך של עד 50 תווים.
- השם והתיאור צריכים להיות ייחודיים באפליקציה. לדוגמה, לא יכולים להיות באפליקציה כמה ווידג'טים עם אותו שם.
עקביות המערכת
- בווידג'טים מלבניים צריך להשתמש ברדיוס הפינה שסופק על ידי המערכת (ספציפי ל-OEM)
- מציג מצב טעינה עם מדד התקדמות (בתוך
initialLayout
עם צבע לפי נושא או מקבילה ממותגת).
- שימוש בתצורה של המערכת במקום נקודת כניסה מותאמת אישית להגדרות הווידג'ט
- שימוש במעבר של הפעלת המערכת כשנכנסים לאפליקציה או יוצאים ממנה לווידג'ט
כשיוצרים ווידג'ט, חשוב לזכור את הטיפים שבמדריך הזה. אתם רוצים לספק את האיכות הטובה ביותר וחוויית משתמש מעולה. עם פריסות קנוניות אפשר לעמוד בהרבה עמודות של איכות. למידע נוסף על עמודות איכות, המעצבים קוראים את המאמר תבניות ווידג'ט של Android, והמפתחים קוראים את הדוגמאות של קוד הפריסה בדגימות הפלטפורמה ואת המדריך למפתחים של Layouts.