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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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