مطالعات موردی

SoundCloud از Jetpack Glance برای ساختن ابزارک «قطعه‌های پسندیده‌شده» فقط در ۲ هفته استفاده می‌کند

‫۳ دقیقه خواندن
مشاهده نمایه Summers Pittman مشاهده نمایه Tracy Agyemang
‫ Summers Pittman و Tracy Agyemang

برای اینکه گوش دادن به موسیقی در Android برای کاربران آسان‌تر شود، توسعه‌دهندگان SoundCloud — پلاتفرم موسیقی هنرمندمحور — به Jetpack Glance روی آوردند تا ابزاره «قطعه‌های پسندیده‌شده» را برای برنامه خود که رتبه بالایی دارد (۴٫۶ ستاره و بیش‌از ۱۰۰ میلیون بارگیری) ایجاد کنند. ‫SoundCloud با کاتالوگی شامل بیش‌از ۴۰۰ میلیون قطعه از بیش‌از ۴۰ میلیون محتواساز، به برقراری ارتباط بین هنرمندان و طرفداران ازطریق موسیقی اختصاص دارد و این به‌روزرسانی جدید در برنامه Android آن، روشی راحت‌تر برای لذت بردن از قطعه‌های موردعلاقه به شنوندگان ارائه می‌دهد. با کمک Glance، تیم توانست پروژه را فقط در دو هفته تکمیل کند، در زمان ارزشمند توسعه صرفه‌جویی کند، و تعامل را افزایش دهد.

به‌حداکثر رساندن رؤیت‌پذیری با نقاط تماس کاربرپسند

ابزاره جدید «قطعه‌های پسندیده‌شده» با نمایش دادن آثار هنری قطعه‌هایی که اخیراً پسندیده شده‌اند به کاربران امکان می‌دهد مستقیماً به آهنگ خاصی بروند یا مستقیماً از صفحه اصلی به فهرست کامل قطعه‌هایشان دسترسی پیدا کنند. این کار SoundCloud را در مرکز توجه شنوندگان نگه می‌دارد، به‌عنوان میان‌بری به کتابخانه‌های شخصی آن‌ها عمل می‌کند، و آن‌ها را تشویق می‌کند که دوباره به آن گوش دهند.

«قطعه‌های پسندیده‌شده» اولین ابزاره SoundCloud نیست. بیش‌از یک دهه پیش، توسعه‌دهندگان SoundCloud از RemoteViews برای ایجاد ابزاره Player استفاده کردند که به کاربران اجازه می‌داد به‌راحتی بازپخش را کنترل کنند و قطعه‌ها را بپسندند. پس‌از به‌روزرسانی اخیر ابزاره «پخش‌کننده» براساس بازخورد طراحی، توسعه‌دهندگان مطمئن شدند که واسط شخصی‌سازی‌شده‌ای را برای «قطعه‌های پسندیده‌شده» در اولویت قرار دهند. ابزاره جدید هم حالت روشن و هم حالت تاریک دارد، اندازه آن به‌راحتی تغییر می‌کند تا با اولویت‌های کاربر سازگار شود، و زمینه‌اش را به‌طور پویا تطبیق می‌دهد تا کاغذدیواری کاربر را تکمیل کند. این انتخاب‌های طراحی که با Glance پشتیبانی می‌شوند، تضمین می‌کنند که ابزاره نه تنها به‌طور یکپارچه قابل‌استفاده است، بلکه به‌عنوان یک درگاه جذاب و سفارشی‌شده به برنامه SoundCloud نیز عمل می‌کند.

souncloudJetPack2.png
ابزارک «قطعه‌های پسندیده‌شده» SoundCloud درحال اجرا.

تسریع چرخه‌های توسعه با Glance

Glance همچنین نقش مهمی در ساده‌سازی توسعه «قطعه‌های پسندیده‌شده» ایفا کرد. برای توسعه‌دهندگانی که ازقبل در Compose مهارت داشتند، طراحی شهودی Glance آشنا به‌نظر می‌رسید، منحنی یادگیری را به‌حداقل می‌رساند، و آماده‌سازی تیم را تسریع می‌کرد. مجموعه نمونه کدهای این پلاتفرم نیز نقطه شروع مفیدی را فراهم کرد و به توسعه‌دهندگان کمک کرد تا به‌سرعت قابلیت‌ها و روال‌های مطلوب آن را درک کنند. «استفاده از مخازن برنامه نمونه روشی عالی برای یادگیری است. سیگوته کاتیواته، مهندس ارشد SoundCloud در تیم Android، می‌گوید: «می‌توانم کل مخزن را بررسی کنم و نحوه عملکرد کد را بازرسی کنم.» «این کار توسعه ابزاره ما را بسیار سرعت بخشید.»

SoundCloudJetPack3.png

ماهیت اعلانی میانای کاربری Glance به‌ویژه برای توسعه‌دهندگان مفید بود. چون توسعه‌دهندگان مجبور نبودند هنگام ساختن از فایل‌های XML اضافی استفاده کنند، می‌توانستند کدهای تمیزتر و خواناتری با کد قالبی کمتر ایجاد کنند. ‫Glance همچنین به آن‌ها اجازه داد تا با پیمانه‌ها به‌طور جداگانه کار کنند، به این معنی که مؤلفه‌ها می‌توانستند یکی‌یکی نوشته و ادغام شوند و برای تکرارهای بعدی دوباره استفاده شوند. با جداسازی مؤلفه‌ها، توسعه‌دهندگان می‌توانستند به‌سرعت ماژول‌ها را آزمایش کنند، مشکلات را شناسایی و حل کنند، و برای حالت‌های مختلف بدون تکرار بسازند، که منجر به گردش کار کارآمدتر می‌شد.

طراحی Glance کیفیت کلی کد را نیز بهبود بخشید. امکان ایجاد تغییرات بااستفاده از پشتیبانی Android Studio برای پیش‌نمایش هم‌زمان Glance به توسعه‌دهندگان اجازه می‌دهد مؤلفه‌ها را به‌صورت مجزا بسازند، بدون اینکه نیاز باشد مؤلفه واسط کاربر را در ابزاره ادغام کنند یا ابزاره کامل را در تلفن مستقر کنند. آن‌ها می‌توانستند حالت‌های مختلف را نشان دهند، همه موارد مربوطه را مشاهده کنند، و تغییرات مؤلفه‌ها را بدون نیاز به کامپایل کردن کل برنامه مرور کنند. به‌طور خلاصه، Glance بهره‌وری توسعه‌دهندگان را افزایش داد زیرا به آن‌ها اجازه داد سریع‌تر تکرار کنند و ابزارک را برای محصول نهایی صیقلی‌تر بهبود بخشند.

ارتقا دادن ابزاره‌های برنامه با قدرت Glance

با گردش‌های کاری جدید مؤثر و بدون مشکلات توسعه عمده، تیم SoundCloud از Glance به‌خاطر ساده‌سازی تولید موفق قدردانی می‌کند. سیگوته گفت: «با ابزاره جدید «قطعه‌های پسندیده‌شده»، عرضه واقعاً پایدار بوده است.» «فرایند توسعه و آزمایش بسیار روان پیش رفت.» داده‌های اولیه نیز نتایج امیدوارکننده‌ای را نشان می‌دهد — کاربران فعال اکنون به‌طور میانگین چندین بار در روز برای دسترسی به برنامه با ابزاره تعامل برقرار می‌کنند.

SoundCloud4.png
تعامل کاربر فعال روزانه با ویژگی ابزاره ۲ برابر میانگین است.

با نگاهی به آینده، تیم SoundCloud مشتاق است تا از Glance بیشتر برای بهبود ابزارهای موجود، مانند اتخاذ چیدمان‌های متعارف، و حتی توسعه ابزارهای جدید استفاده کند. درحالی‌که ابزاره «قطعه‌های پسندیده‌شده» فعلی عمدتاً بر نمایش تصویر تمرکز دارد، تیم علاقه‌مند است انواع دیگری از محتوا را نیز برای غنی‌تر کردن تجربه کاربر اضافه کند. توسعه‌دهندگان همچنین امیدوارند که ابزاره Player را به Glance منتقل کنند تا به گزینه‌های تم‌سازی قوی چارچوب دسترسی پیدا کنند، فرایندهای تغییر اندازه را ساده کنند، و برخی‌از اشکال‌های قدیمی را برطرف کنند.

فراتر از ویژگی‌های «قطعه‌های پسندیده‌شده» و «پخش‌کننده»، تیم از پتانسیل استفاده از Glance برای ساخت طیف گسترده‌تری از ابزارک‌ها هیجان‌زده است. معماری واحدی و مبتنی بر مؤلفه ابزاره «قطعه‌های پسندیده‌شده»، با عناصر قابل‌استفاده مجدد مانند UserAvatar و Logo، پایه‌ای محکم برای توسعه آینده ارائه می‌دهد و نوید ساده‌سازی فرایندها را از همان ابتدا می‌دهد.

شروع به کار با ساختن ابزاره‌های برنامه سفارشی با Jetpack Glance

با Glance، ابزاره‌هایی را که برنامه‌تان را رؤیت‌پذیر و جذاب نگه می‌دارند به‌سرعت توسعه دهید و مستقر کنید.


این پست وبلاگ بخشی از مجموعه ما است: هفته Spotlight درباره ابزاره‌ها، که در آن منابعی مانند پست‌های وبلاگ، ویدیوها، کد نمونه، و موارد دیگر را ارائه می‌دهیم—همه این‌ها برای کمک به شما در طراحی و ایجاد ابزاره‌ها طراحی شده‌اند. می‌توانید در نمای کلی «هفته Spotlight: ابزاره‌ها» که درطول هفته به‌روزرسانی می‌شود، اطلاعات بیشتری کسب کنید.

نویسنده:
ادامه خواندن