‫SoundCloud משתמשת ב-Jetpack Glance כדי ליצור ווידג'ט של טראקים שאהבתם תוך שבועיים בלבד

כדי להקל עוד יותר על המשתמשים להאזין ב-Android, מפתחים ב-SoundCloud – פלטפורמת מוזיקה ששמה את האומנים במרכז – השתמשו ב-Jetpack Glance כדי ליצור ווידג'ט של טראקים שאהבתם לאפליקציה שלהם שקיבלה דירוג גבוה של 4.6 כוכבים ויותר מ-100 מיליון הורדות. עם קטלוג של יותר מ-400 מיליון טראקים של יותר מ-40 מיליון יוצרים, SoundCloud מחויבת לחבר בין אומנים למעריצים באמצעות מוזיקה. העדכון האחרון לאפליקציית Android מציע למאזינים דרך נוחה עוד יותר ליהנות מהטראקים האהובים עליהם. בעזרת Glance, הצוות הצליח להשלים את הפרויקט תוך שבועיים בלבד, וכך לחסוך זמן פיתוח יקר ולשפר את רמת המעורבות.

מקסום החשיפה באמצעות נקודות מגע ידידותיות למשתמש

הווידג'ט החדש 'טראקים שאהבתם' מציג את העטיפות של הטראקים שאהבתם לאחרונה, ומאפשר למשתמשים לעבור ישירות לשיר ספציפי או לגשת לרשימת הטראקים המלאה שלהם ישירות ממסך הבית. כך SoundCloud נשארת במרכז תשומת הלב של המאזינים, משמשת כקיצור דרך לספריות האישיות שלהם ומעודדת אותם לחזור להאזין.

הווידג'ט 'טראקים שאהבת' הוא לא הווידג'ט הראשון של SoundCloud. לפני יותר מעשור, מפתחים ב-SoundCloud השתמשו ב-RemoteViews כדי ליצור ווידג'ט של נגן שמאפשר למשתמשים לשלוט בקלות בהפעלה ולסמן טראקים בסימן לייק. לאחר עדכון הווידג'ט של הנגן לאחרונה על סמך משוב על העיצוב, המפתחים הקפידו לתת עדיפות לממשק מותאם אישית של 'שירים שאהבתי'. הווידג'ט החדש כולל מצב בהיר ומצב כהה, ניתן לשנות את הגודל שלו באופן חופשי כדי להתאים להעדפות המשתמש, והוא מתאים את העיצוב שלו באופן דינמי לטפט של המשתמש. הבחירות העיצוביות האלה, שנתמכות על ידי Glance, מבטיחות שהווידג'ט לא רק נוח לשימוש, אלא גם משמש כשער אטרקטיבי ומותאם אישית לאפליקציית SoundCloud.

האצת מחזורי הפיתוח באמצעות Glance

ל-Glance היה גם תפקיד חשוב בייעול הפיתוח של 'שירים שאהבתי'. למפתחים שכבר מיומנים ב-Compose, העיצוב האינטואיטיבי של Glance היה מוכר, מה שצמצם את עקומת הלמידה והאיץ את תהליך ההצטרפות של הצוות. גם אוסף דוגמאות הקוד בפלטפורמה סיפק נקודת התחלה שימושית, ועזר למפתחים להבין במהירות את היכולות שלה ואת השיטות המומלצות. "שימוש במאגרי אפליקציות לדוגמה הוא דרך מצוינת ללמוד. אני יכולה לבדוק מאגר שלם ולבחון איך הקוד פועל", אומרת סיגוטה קטייווייט, מהנדסת מובילה בצוות Android של SoundCloud. "הוא האיץ מאוד את הפיתוח של הווידג'טים שלנו".

האופי ההצהרתי של ממשק המשתמש של Glance היה מועיל במיוחד למפתחים. מפתחים יכלו ליצור קוד נקי וקריא יותר עם פחות קוד סטנדרטי, כי הם לא נאלצו להשתמש בקובצי XML נוספים במהלך הפיתוח. בנוסף, Glance אפשרה להם לעבוד עם מודולים בנפרד, כלומר לכתוב ולשלב רכיבים בכל פעם, ולעשות בהם שימוש חוזר באיטרציות מאוחרות יותר. הפרדת הרכיבים מאפשרת למפתחים לבדוק מודולים במהירות, לזהות ולפתור בעיות ולבנות מצבים שונים בלי לשכפל, וכך לייעל את תהליכי העבודה.

העיצוב של Glance גם שיפר את איכות הקוד הכוללת. היכולת לבצע שינויים באמצעות התמיכה של Android Studio בתצוגה מקדימה בזמן אמת של Glance אפשרה למפתחים ליצור רכיבים בנפרד בלי לשלב את רכיב ממשק המשתמש בווידג'ט או לפרוס את הווידג'ט המלא בטלפון. הם יכולים לייצג מצבים שונים, לראות את כל המקרים הרלוונטיים ולבדוק שינויים ברכיבים בלי להדר את האפליקציה המלאה. במילים פשוטות, Glance שיפרה את הפרודוקטיביות של המפתחים כי היא אפשרה להם לבצע איטרציות מהר יותר ולשפר את הווידג'ט כדי ליצור מוצר סופי משופר.

שיפור הווידג'טים של האפליקציות באמצעות Glance

צוות SoundCloud מרוצה מהאופן שבו Glance מייעל את תהליך ההפקה, עם תהליכי עבודה חדשים ויעילים וללא בעיות פיתוח משמעותיות. "ההשקה של הווידג'ט החדש 'טראקים שאהבתי' הייתה יציבה מאוד", אומרת סיגוטה. "הפיתוח ותהליך הבדיקה התנהלו בצורה חלקה מאוד". נתונים ראשוניים גם מראים תוצאות מבטיחות – משתמשים פעילים מקיימים אינטראקציה עם הווידג'ט כדי לגשת לאפליקציה מספר פעמים ביום בממוצע.

במבט קדימה, צוות SoundCloud רוצה להשתמש בעוד תכונות של Glance כדי לשפר את הווידג'טים הקיימים, למשל על ידי אימוץ פריסות קנוניות, ואפילו לפתח ווידג'טים חדשים. הווידג'ט הנוכחי של טראקים שאהבתם מתמקד בעיקר בהצגת תמונות, אבל הצוות מעוניין לכלול בו סוגים אחרים של תוכן כדי לשפר עוד יותר את חוויית המשתמש. המפתחים מקווים גם להעביר את הווידג'ט של הנגן אל Glance כדי לגשת לאפשרויות העיצוב המגוונות של המסגרת, לפשט את תהליכי שינוי הגודל ולטפל בכמה באגים שקיימים כבר זמן רב.

בנוסף לתכונות 'טראקים שאהבת' ו'נגן', הצוות מתלהב מהפוטנציאל של Glance ליצירת מגוון רחב יותר של ווידג'טים. הארכיטקטורה המודולרית מבוססת-הרכיבים של הווידג'ט 'שירים שאהבתי', עם רכיבים לשימוש חוזר כמו UserAvatar ו-Logo, מספקת בסיס איתן לפיתוח עתידי, ומבטיחה לפשט את התהליכים מההתחלה.

תחילת העבודה עם Jetpack Glance ליצירת ווידג'טים לאפליקציות בהתאמה אישית

פיתוח והטמעה מהירים של ווידג'טים ששומרים על האפליקציה גלויה ומושכת באמצעות Glance.

הפוסט הזה בבלוג הוא חלק מהסדרה שלנו: Spotlight Week on Widgets, שבה אנחנו מספקים משאבים – פוסטים בבלוג, סרטונים, קוד לדוגמה ועוד – שנועדו לעזור לכם לעצב וליצור ווידג'טים. מידע נוסף זמין בסקירה הכללית של שבוע Spotlight: ווידג'טים, שתתעדכן במהלך השבוע.