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