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