ווידג'טים הם חלק חיוני בהתאמה אישית של מסך הבית. אפשר לחשוב עליהם כעל תצוגות "במבט חטוף" של הנתונים והפונקציונליות החשובים ביותר של האפליקציה, שנגישים ישירות במסך הבית של המשתמש. המשתמשים יכולים להעביר ווידג'טים בין החלוניות במסך הבית, ואם המכשיר תומך בכך, לשנות את הגודל שלהם כדי להתאים את כמות המידע בווידג'ט להעדפות שלהם.
במסמך הזה נציג את הסוגים השונים של ווידג'טים שאפשר ליצור ואת עקרונות העיצוב שצריך לפעול לפיהם. כדי ליצור ווידג'ט לאפליקציה באמצעות ממשקי ה-API של Remote View ופריסות XML, עיינו במאמר יצירת ווידג'ט בסיסי. כדי ליצור ווידג'ט באמצעות ממשקי API בסגנון Kotlin ו-Compose, אפשר לעיין במאמר Jetpack Glance.
סוגי ווידג'טים
כשאתם מתכננים את הווידג'ט, חשבו איזה סוג של ווידג'ט אתם רוצים ליצור. בדרך כלל, ווידג'טים נכללים באחת מהקטגוריות הבאות:
ווידג'טים של מידע
בדרך כלל, בווידג'טים של מידע מוצגים רכיבי מידע חיוניים, והם עוקבים אחרי השינויים במידע הזה לאורך זמן. דוגמאות לווידג'טים של מידע: ווידג'טים של מזג אוויר, ווידג'טים של שעון או ווידג'טים למעקב אחרי תוצאות של משחקי ספורט. בדרך כלל, לחיצה על ווידג'טים של מידע מפעילה את האפליקציה המשויכת ופותחת תצוגה מפורטת של המידע בווידג'ט.
ווידג'טים של אוספים
ווידג'טים של אוספים מתמחים בהצגת כמה רכיבים מאותו סוג, כמו אוסף תמונות מאפליקציית גלריה, אוסף מאמרים מאפליקציית חדשות או אוסף של אימיילים או הודעות מאפליקציית תקשורת. אפשר לגלול בווידג'טים של אוספים בצורה אנכית.
בדרך כלל, ווידג'טים של אוספים מתמקדים בתרחישי השימוש הבאים:
- עיון באוסף.
- פתיחת רכיב של האוסף לתצוגת הפרטים שלו באפליקציה המשויכת.
- אינטראקציה עם רכיבים, כמו סימון שלהם כ"בוצע" – עם תמיכה בלחצנים מורכבים ב-Android 12 (רמת API 31).
ווידג'טים של אמצעי בקרה
המטרה העיקרית של ווידג'ט בקרה היא להציג פונקציות שנמצאות בשימוש לעיתים קרובות, כדי שהמשתמש יוכל להפעיל אותן ממסך הבית בלי לפתוח את האפליקציה. אפשר לחשוב עליהם כעל שלטים רחוקים לאפליקציה. דוגמה לווידג'ט בקרה היא ווידג'ט בקרה לבית שמאפשר למשתמשים להדליק או לכבות את האורות בבית.
אינטראקציה עם ווידג'ט בקרה עשויה לפתוח תצוגת פרטים משויכת באפליקציה. זה תלוי אם הפונקציה של ווידג'ט הבקרה מוציאה נתונים, כמו במקרה של ווידג'ט חיפוש Google.
ווידג'טים משולבים
חלק מהווידג'טים מייצגים את אחד מהסוגים שצוינו בקטעים הקודמים – מידע, אוסף או בקרה – אבל הרבה ווידג'טים הם היברידיים ומשלבים אלמנטים מסוגים שונים. לדוגמה, ווידג'ט של נגן מוזיקה הוא בעיקר ווידג'ט בקרה, אבל הוא גם מציג למשתמש את הטראק שמתנגן כרגע, כמו ווידג'ט מידע.
כשאתם מתכננים את הווידג'ט, כדאי לעצב אותו על בסיס אחד מהסוגים הבסיסיים ולהוסיף אלמנטים מסוגים אחרים לפי הצורך.
שילוב ווידג'טים ב-Google Assistant
Google Assistant יכולה להציג כל סוג של ווידג'ט בתגובה לפקודות קוליות של המשתמש. אתם יכולים להגדיר את הווידג'טים כך שימלאו פעולות באפליקציה, וכך לאפשר למשתמשים לקבל תשובות מהירות וחוויות אינטראקטיביות באפליקציה בפלטפורמות של Assistant כמו Android ו-Android Auto. פרטים נוספים על מילוי בקשות באמצעות ווידג'טים ב-Assistant זמינים במאמר שילוב של פעולות באפליקציה עם ווידג'טים של Android.
מגבלות על הווידג'טים
אפשר להתייחס לווידג'טים כאל "מיני-אפליקציות", אבל יש כמה מגבלות שחשוב להבין לפני שמעצבים את הווידג'ט.
תנועות
מכיוון שהווידג'טים נמצאים במסך הבית, הם צריכים להתקיים לצד הניווט שמוגדר שם. לכן, התמיכה בתנועות בווידג'ט מוגבלת בהשוואה לאפליקציה במסך מלא. באפליקציות, המשתמשים יכולים לנווט בין מסכים באופן אופקי, אבל התנועה הזו כבר משמשת במסך הבית כדי לנווט בין מסכי הבית.
התנועות היחידות שאפשר להשתמש בהן בווידג'טים הן נגיעה והחלקה אנכית.
רכיבים
בגלל המגבלות על התנועות שזמינות לווידג'טים, חלק מאבני הבניין של ממשק המשתמש שמסתמכות על תנועות מוגבלות לא זמינות לווידג'טים. רשימה מלאה של אבני הבניין הנתמכות ומידע נוסף על הגבלות פריסה זמינים במאמרים יצירת פריסת הווידג'ט ומתן פריסות גמישות של ווידג'טים.
הנחיות לעיצוב
כדי ליצור ווידג'ט מעניין, גמיש ועקבי במסך הבית, כדאי לפעול לפי הנחיות העיצוב הבאות.
תוכן הווידג'ט
ווידג'טים הם דרך מצוינת למשוך משתמשים לאפליקציה על ידי "פרסום" של תוכן חדש ומעניין שזמין באפליקציה.
בדומה לתקצירים בעמוד הראשי של עיתון, הווידג'טים מרכזים את המידע של האפליקציה ומספקים קישור לפרטים עשירים יותר בתוך האפליקציה. אפשר לומר שהווידג'ט הוא "חטיף" המידע, בעוד שהאפליקציה היא "הארוחה". ודאו שהאפליקציה מציגה יותר פרטים על פריט מידע מאשר הווידג'ט.
ניווט בווידג'ט
בנוסף לתוכן המידע, כדאי שהווידג'ט יספק קישורי ניווט לאזורים באפליקציה שמשתמשים בהם לעיתים קרובות. כך המשתמשים יוכלו להשלים משימות מהר יותר, והפונקציונליות של האפליקציה תורחב למסך הבית.
דוגמאות לקישורי ניווט שמתאימים לווידג'טים:
פונקציות גנרטיביות: אלה הפונקציות שמאפשרות למשתמש ליצור תוכן חדש באפליקציה, כמו יצירת מסמך חדש או הודעה חדשה.
פתיחת האפליקציה ברמה העליונה: לחיצה על רכיב מידע בדרך כלל מעבירה את המשתמש למסך פרטים ברמה נמוכה יותר. מתן גישה לרמה העליונה של האפליקציה מאפשר גמישות רבה יותר בניווט, ויכול להחליף קיצור דרך ייעודי לאפליקציה שמשתמשים אחרים משתמשים בו כדי לנווט לאפליקציה ממסך הבית. אם הנתונים שמוצגים בווידג'ט לא ברורים, אפשר להשתמש בסמל של האפליקציה כדי לתת לווידג'ט זהות ברורה.
שינוי הגודל של הווידג'ט
אם לוחצים לחיצה ארוכה על ווידג'ט שאפשר לשנות את הגודל שלו ואז משחררים אותו, הווידג'ט עובר למצב שינוי גודל. המשתמשים יכולים להשתמש בנקודות האחיזה לגרירה או בפינות של הווידג'ט כדי להגדיר את הגודל המועדף עליהם.
שינוי הגודל מאפשר למשתמשים להתאים את הגובה והרוחב של הווידג'ט בהתאם למגבלות של רשת המיקום במסך הבית. אתם יכולים להחליט אם אפשר לשנות את הגודל של הווידג'ט באופן חופשי או להגביל את שינויי הגודל לאופקי או לאנכי. אתם לא חייבים לתמוך בשינוי הגודל אם הווידג'ט שלכם הוא בגודל קבוע.
האפשרות לשנות את הגודל של הווידג'טים מספקת למשתמשים יתרונות חשובים:
- הם יכולים להתאים אישית את כמות המידע שמוצגת בכל ווידג'ט.
- הם יכולים להשפיע יותר על הפריסה של הווידג'טים וקיצורי הדרך בלוחות הבית שלהם.
תכננו אסטרטגיה לשינוי הגודל של הווידג'ט בהתאם לסוג הווידג'ט שאתם יוצרים. ווידג'טים של אוספים שמבוססים על רשימה או על רשת הם בדרך כלל פשוטים, כי שינוי הגודל של הווידג'ט מרחיב או מכווץ את אזור הגלילה האנכית. לא משנה מה גודל הווידג'ט, המשתמש עדיין יכול לגלול את כל רכיבי המידע לתצוגה.
ווידג'טים של מידע דורשים תכנון מדויק יותר, כי אי אפשר לגלול בהם וכל התוכן צריך להתאים לגודל נתון. אתם צריכים להתאים באופן דינמי את התוכן והפריסה של הווידג'ט לגודל שהמשתמש מגדיר באמצעות פעולת שינוי הגודל.
בדוגמה הבאה, המשתמש יכול לשנות את הגודל של ווידג'ט מזג האוויר בשלושה שלבים, וככל שהווידג'ט גדל, מוצג מידע עשיר יותר על מזג האוויר במיקום הנוכחי.
לכל גודל של ווידג'ט, אתם יכולים לקבוע כמה מידע מהאפליקציה יוצג. בווידג'טים קטנים יותר, כדאי להתמקד במידע חיוני, ולהוסיף מידע לפי ההקשר ככל שהווידג'ט גדל לרוחב ולאורך.
שיקולים לגבי הפריסה
זה מפתה לפרוס את הווידג'טים לפי המידות של רשת המיקום של המכשיר שאתם מפתחים איתו. זו יכולה להיות הערכה ראשונית שימושית, אבל חשוב לזכור את הנקודות הבאות:
- כדי לקבל את התוצאות הכי אמינות, כדאי לתכנן את האסטרטגיה לשינוי גודל הווידג'ט לפי "קבוצות גדלים" ולא לפי מידות משתנות של רשת.
- המספר, הגודל והמרווחים של התאים יכולים להשתנות מאוד ממכשיר למכשיר. לכן חשוב מאוד שהווידג'ט יהיה גמיש ויוכל להתאים ליותר או פחות מקום מהצפוי.
- כשהמשתמש משנה את הגודל של הווידג'ט, המערכת מגיבה בטווח גודל ב-dp שבו הווידג'ט יכול לשרטט את עצמו מחדש.
- החל מ-Android 12, אפשר לספק מאפייני גודל מדויקים יותר ופריסות גמישות יותר. זה כולל:
- הגדרת מגבלות על גודל הווידג'ט. לדוגמה, אתם יכולים לציין את גודל היעד של הווידג'ט (בתאי רשת) וגם את הגודל המקסימלי האפשרי.
- פריסות רספונסיביות שמשתנות בהתאם לגודל הווידג'ט.
- לספק פריסות בגודל מדויק, שמאפשרות למרכז האפליקציות להגיב עם אפשרויות גודל למצב לאורך ולרוחב, לטלפונים או עם ארבעה גדלים למכשירים מתקפלים.
- שימוש בהנחיות מעודכנות ובממשקי API חדשים כדי לקבוע את הגדלים המתאימים לווידג'ט.
הגדרת הווידג'ט על ידי המשתמשים
לפעמים המשתמש צריך להגדיר את הווידג'ט לפני שהוא יכול להשתמש בו. לדוגמה, ווידג'ט של אימייל שבו המשתמש צריך לבחור את תיקיית הדואר לפני שתיבת הדואר הנכנס תוצג, או ווידג'ט של תמונה סטטית שבו המשתמש צריך להקצות תמונה מהגלריה כדי שהיא תוצג. בווידג'טים של Android, אפשרויות ההגדרה מוצגות מיד אחרי שהמשתמש גורר את הווידג'ט למסך הבית.
רשימת משימות לעיצוב ווידג'טים
- התמקדו בפיסות מידע קטנות שקל לקרוא בווידג'ט. להרחיב את המידע באפליקציה.
- בוחרים את סוג הווידג'ט שמתאים למטרה שלכם.
- תכננו איך התוכן של הווידג'ט יותאם לגדלים שונים.
- כדי שהפריסה של הווידג'ט לא תהיה תלויה בכיוון ובמכשיר, חשוב לוודא שהפריסה יכולה להתרחב ולהתכווץ.
- חשבו אם הווידג'ט שלכם צריך הגדרות נוספות.