משתמשי Android משתמשים בסוגי מדיה שונים, כולל ספרי אודיו, מוזיקה, פודקאסטים ורדיו. חשוב לעצב אפליקציות שיאפשרו למשתמשים לגשת לתוכן מדיה בשעון שלהם בצורה נוחה. השעון הוא משטח ייחודי שבו הקלות והמהירות של האינטראקציות חשובות מאוד, מכיוון שהמשתמשים מקדישים הרבה פחות זמן לאינטראקציה עם השעון בהשוואה לטלפון או לטאבלט.
מידע נוסף זמין בערכת הכלים למדיה ב-GitHub.
הארכיטקטורה של אפליקציות מדיה
יצירת אפליקציות מדיה שעומדות בדרישות העיצוב של Wear OS. אפליקציות מדיה בדרך כלל כוללות את הדפים Browse ו-Entity.
צמצום היררכיית האפליקציה וחשיפה של מדיה למשתמש. תכנון עם ארכיטקטורת מידע שטוחה שמאפשרת למשתמשים לגשת במהירות לרשימות ולהציג תמונות ממוזערות למשתמשים. כדאי להשתמש ברכיבי עיצוב מותאמים אישית ל-Wear OS. מידע נוסף זמין בהמלצות לעיצוב של צ'יפים וכרטיסים.
מסכים של לחצני המדיה
אפליקציות מדיה צריכות לכלול גם מסכי בקרת מדיה. אפשר ליצור פקדי מדיה בפריסה של 5 לחצנים. כך תוכלו להבטיח עמידה ביעדי ההקשה המינימליים. הרשימה הבאה כוללת דוגמאות לבקרי מדיה לאפליקציית מוזיקה ולאפליקציית פודקאסטים:
אפשר להתאים את פקדי המדיה שמוצגים, בהתאם לסוג התוכן. אם רוצים לכלול יותר מ-5 פעולות, אפשר להשתמש בסמל האפשרויות הנוספות (3 נקודות) כדי להעביר את המשתמשים לדף נוסף. ניתן להשתמש בסמלים ובגופנים מותאמים אישית באפליקציה.
תרחישים נפוצים לדוגמה
כשמעצבים אפליקציות מדיה, חשוב לתעדף את תרחישי השימוש החשובים הבאים:
- האזנה למדיה שהורדתם
- איך להאזין למוזיקה בסטרימינג מהשעון
האזנה למדיה שהורדתם
למשתמשים צריכה להיות אפשרות להוריד פריטי מדיה באופן ידני מדף ישות.
יש ליידע את המשתמש היכן הוא מוריד את התוכן, את התקדמות ההורדה, כמה זמן נמשך תהליך ההורדה ומה גודל ההורדה, כפי שמוצג בדוגמה הבאה:
כשהמשתמש מעיין במדיה, מציג את פריט המדיה האחרון שהורד:
אם כבר הורדת את התוכן, צריך להבהיר זאת על ידי הצגת פעולה להסרת ההורדה מהשעון. במקרה הזה, צריך גם להראות כמה מקום ההורדה תופסת בשעון, כפי שמוצג בתמונה הבאה:
אם מכשיר המקור הוא השעון, צריך לבקש מהמשתמשים לחבר אוזניות לפני שהם מתחילים להאזין למוזיקה. לאחר שמחברים את האוזניות, מפעילים את המדיה ופותחים את לחצני המדיה.
סטרימינג של מוזיקה מהשעון
לסטרימינג של מדיה מהשעון יש השפעה משמעותית על הסוללה של מכשיר Wear OS. כשמשתמשים במכשירים עם Wear OS בוחרים להאזין לתוכן שהם הורידו, תינתן עדיפות לתוכן שהורדתם על ידי חשיפת ההורדות שהשתמשו בהן לאחרונה ברשימת הגלישה. כדאי להוסיף לחצן שמעביר אותם לרשימת ההורדות המלאה, כפי שמוצג בתמונות הבאות:
מידע נוסף זמין בערכת הכלים למדיה ב-GitHub.
פריסות מותאמות
התאמות המסך הגדולות יותר לאפליקציות מדיה מתמקדות אך ורק בחוויית נגן המדיה. כל שאר הרכיבים מתועדים בדפים צ'יפים, לחצנים, תיבות דו-שיח ורשימות, שמתארים התנהגות מתאימה של האפליקציה למסכים גדולים יותר.
הגדרת לחצנים
כדי לעמוד בעקרונות הגודל של משטחי מגע, כדאי להציג פריסה עם 2 לחצנים במכשירי Wear OS שגודלם קטן מ-225dp, ופריסה של 3 לחצנים במכשירים עם מסכים גדולים. בתמונות הבאות אפשר למצוא דוגמאות נוספות, כמו פריסה בלחצן אחד ופריסה ב-2 לחצנים עם לוגו:
לחצן בקרה רספונסיבי
גודל הבקרה הראשי (הפעלה/השהיה) משתנה מ-60dp ל-80dp במכשירי Wear OS שגדולים מ-225dp, כך שהחלק האמצעי (80dp) גבוה ולכן יעדי ההקשה בכל הפקדים מוגדלת. זה מובנה בהתנהגות רספונסיבית שמתקבלת בירושה מהתבנית של Media Player.
התנהגות הבלטה
בכותרת, משתמשים בשוליים אוניברסליים של 9.38%, עם שוליים נוספים של 4.16% בשם השיר. כדאי להשתמש בהדרגתיות של 8dp בכותרות גלילה, ובפער נוסף של 8dp כשמופיע סמל. לכלול מעברי גלילה מתחת לסמל, שהמיקום שלו נשאר קבוע.
הקשה על יעדי מודעות
במכשירי Wear OS עם מסכים גדולים יותר, הסמלים שממוקמים באמצע ובכותרת התחתונה מנצלים את השטח הנוסף כדי להגדיל את הגדלים של יעדי ההקשה. כלומר, מלבד אטום בקרה קבוע, השדה 'מלא את השטח הזמין' המאפיינים חלים על מאגרי סמלים: