پرش به مطلب اصلی

موزیک

وضعیتپیش‌نویس
مالکتیم محصول آپارات TV
آخرین بازبینی۱۴۰۵/۰۵/۲۷ — اعمال پاسخ‌های تیم محصول؛ پیش‌تر در برابر طراحی «AndroidTV Design»، صفحه Music نسخه ۱.۰.۰

معرفی و هدف​

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

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

هدف کسب‌وکار: نگه‌داشتن کاربر در اپ با محتوایی که مصرف طولانی و تکرارشونده دارد. موسیقی برخلاف ویدیوی بلند، بارها شنیده می‌شود و می‌تواند اپ را به گزینه پیش‌فرض پس‌زمینه خانه تبدیل کند.

دامنه​

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

خارج از دامنه: صفحه پخش که پس از انتخاب یک قطعه باز می‌شود، و صفحه کانال هنرمند — هر دو در سند خودشان مستند می‌شوند. رفتار عمومی منوی کناری در سند خانه آمده و اینجا تکرار نشده است. ترتیب و تعداد ردیف‌ها از سرویس می‌آید و در اپ ثابت نیست (BR-3)؛ قاعده انتخابِ اینکه کدام هنرمندان ردیف اختصاصی بگیرند هنوز تعریف نشده است.

مخاطبان و نقش‌ها​

ساختار صفحه برای همه کاربران یکسان است و مرور آن به ورود به حساب نیاز ندارد، اما محتوای صفحه به وضعیت ورود کاربر بستگی دارد: آنچه به کاربر واردشده نمایش داده می‌شود لزوماً همان چیزی نیست که کاربر وارد‌نشده می‌بیند (BR-11).

واژه‌نامه​

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

قواعد کسب‌وکار​

  • BR-1 — صفحه موزیک محتوا را در ردیف‌های افقی زیر یک سربرگ نمایش می‌دهد. منوی کناری مانند بقیه بخش‌ها کار می‌کند و آیتم «موزیک» در آن به‌صورت انتخاب‌شده دیده می‌شود.
  • BR-2 — سربرگ صفحه شامل نام «آپارات موزیک» با تصویر کانال، و دکمه «پخش آنلاین موزیک» است. این سربرگ هنگام اسکرول محتوا ثابت می‌ماند و از صفحه خارج نمی‌شود.
  • BR-3 — ترتیب و تعداد ردیف‌ها از سرویس می‌آید و می‌تواند تغییر کند؛ آنچه در طراحی آمده یک نمونه از این چیدمان است، نه فهرستی ثابت در اپ. در طراحی، ردیف‌ها به این ترتیب از بالا به پایین چیده شده‌اند: «تازه‌های انتشار»، «داغ‌ترین‌های هفته»، «محبوب‌ترین هنرمندان»، «محبوب‌ترین تک‌آهنگ‌ها»، و سپس ردیف‌هایی که عنوانشان نام یک هنرمند است (در طراحی «حمید عسگری» و «رضا صادقی»).
  • BR-4 — صفحه دو نوع کارت محتوایی دارد و نوع محتوا تعیین‌کننده نوع کارت است: تک‌آهنگ با کارت قطعه و موزیک‌ویدیو با کارت ویدیو نمایش داده می‌شود. تعیین اینکه یک اثر تک‌آهنگ است یا موزیک‌ویدیو بر عهده تیم محتواست و در سطح محصول درباره آن تصمیم‌گیری نمی‌شود:
    • کارت قطعه در ردیف‌های «داغ‌ترین‌های هفته» و «محبوب‌ترین تک‌آهنگ‌ها» به کار می‌رود و فقط سه چیز نشان می‌دهد: کاور مربعی اثر، عنوان قطعه، و نام هنرمند. مدت زمان، تاریخ انتشار و تعداد بازدید روی این کارت نمایش داده نمی‌شوند.
    • کارت ویدیو در ردیف «تازه‌های انتشار» و در ردیف‌های اختصاصی هنرمندان به کار می‌رود: تامبنیل عریض، مدت زمان روی آن، عنوان، نام هنرمند به‌همراه نشان تأیید، و زمان انتشار و تعداد بازدید.
  • BR-5 — کارت ویدیو در ردیف «تازه‌های انتشار» در اندازه بزرگ نمایش داده می‌شود و در ردیف‌های اختصاصی هنرمندان در اندازه معمولی. یعنی ردیف اول صفحه از بقیه برجسته‌تر است.
  • BR-6 — کارت هنرمند در ردیف «محبوب‌ترین هنرمندان» تصویر دایره‌ای هنرمند را با نام و نشان تأیید نشان می‌دهد. تعداد دنبال‌کننده و شناسه کانال روی این کارت نمایش داده نمی‌شوند.
  • BR-7 — در هر لحظه یک کارت فوکوس دارد و با کادر روشن دور آن مشخص می‌شود. ردیفی که فوکوس در آن قرار دارد نیز حالت متمایز خود را دارد.
  • BR-8 — انتخاب هر محتوایی از این صفحه، کاربر را برای پخش آن به صفحه پخش ویدیو می‌برد.
  • BR-9 — انتخاب یک هنرمند از ردیف «محبوب‌ترین هنرمندان»، کانال آن هنرمند را باز می‌کند.
  • BR-10 — دکمه «پخش آنلاین موزیک» پخش زنده موسیقی را باز می‌کند: یک پخش پیوسته که همان لحظه در جریان است و کاربر همان یک محتوا را می‌بیند، بدون آنکه قطعه‌ای انتخاب کند. این پخش زنده مخصوص تلویزیون نیست و در نسخه وب آپارات هم وجود دارد.
  • BR-11 — محتوای صفحه به وضعیت ورود کاربر بستگی دارد: کاربر واردشده و کاربر وارد‌نشده لزوماً محتوای یکسانی نمی‌بینند. ساختار صفحه در هر دو حالت یکی است و مرور آن به ورود نیاز ندارد.
  • BR-12 — این صفحه حالت خالی ندارد. تا رسیدن داده‌ها نمای اسکلتون نمایش داده می‌شود، و اگر اتصال قطع یا ضعیف باشد صفحه در همان نمای اسکلتون می‌ماند یا پیام خطای مربوط به مشکل شبکه نمایش داده می‌شود.
  • BR-13 — ردیف اختصاصی یک هنرمند فقط آثار خود او را نشان می‌دهد.
  • BR-14 — مبنای شخصی‌سازی این صفحه، موزیک‌ویدیوهایی است که کاربر بیشتر تماشا یا پسندیده است. همین مبنا تعیین می‌کند محتوای صفحه برای هر کاربر چه تفاوتی داشته باشد.
  • BR-15 — انتخاب اینکه کدام هنرمندان ردیف اختصاصی بگیرند، قاعده‌ای است که سامانه هوشمند آپارات تعیین می‌کند و در اپ ثابت نیست.
  • BR-16 — پس از بازگشت از کانال یک هنرمند، فوکوس روی همان هنرمند برمی‌گردد و صفحه از ابتدا شروع نمی‌شود.

سناریوها​

۱. مرور صفحه موزیک و پخش یک قطعه ۲. رفتن به کانال یک هنرمند

سناریوی ۱: مرور صفحه موزیک و پخش یک قطعه​

هدف — کاربر بخش موزیک را باز می‌کند، ردیف‌های موسیقی را مرور می‌کند و یک قطعه را برای پخش انتخاب می‌کند.

نقش‌های درگیر — همه کاربران.

پیش‌نیازها — دستگاه به اینترنت متصل است و کاربر در اپ قرار دارد.

جریان اصلی

۱. کاربر از منوی کناری بخش «موزیک» را انتخاب می‌کند. ← سیستم صفحه موزیک را باز می‌کند: سربرگ «آپارات موزیک» به‌همراه دکمه «پخش آنلاین موزیک» در بالا، و زیر آن ردیف «تازه‌های انتشار» (BR-1، BR-2، BR-3).

صفحه موزیک با منوی کناری باز، سربرگ آپارات موزیک و ردیف تازه‌های انتشار

۲. کاربر فوکوس را به محتوا می‌برد. ← منو جمع می‌شود و کارت‌های ردیف «تازه‌های انتشار» در اندازه بزرگ دیده می‌شوند؛ روی هر کارت مدت زمان، عنوان، نام هنرمند با نشان تأیید، و زمان انتشار و تعداد بازدید نمایش داده می‌شود (BR-5).

فوکوس روی یکی از کارت‌های ویدیویی ردیف تازه‌های انتشار

۳. کاربر به سمت پایین حرکت می‌کند و ردیف‌های بعدی را مرور می‌کند. ← سیستم ردیف‌های «داغ‌ترین‌های هفته»، «محبوب‌ترین هنرمندان»، «محبوب‌ترین تک‌آهنگ‌ها» و ردیف‌های اختصاصی هر هنرمند را نمایش می‌دهد (BR-3). سربرگ آپارات موزیک در بالای صفحه ثابت می‌ماند (BR-2).

صفحه در حال اسکرول، با سربرگ ثابت در بالا

ساختار کامل صفحه، از سربرگ تا آخرین ردیف، در یک نما:

نمای کامل صفحه موزیک از سربرگ تا ردیف‌های پایانی

۴. کاربر فوکوس را روی یکی از کارت‌های قطعه می‌گذارد. ← کارت با کادر روشن مشخص می‌شود و ردیف در بر گیرنده آن نیز حالت فوکوس خود را می‌گیرد (BR-7). کارت قطعه فقط کاور، عنوان و نام هنرمند را نشان می‌دهد (BR-4).

کارت قطعه فوکوس‌شده در ردیف داغ‌ترین‌های هفته

۵. کاربر کلید تأیید را می‌زند. ← سیستم کاربر را به صفحه پخش می‌برد و پخش همان قطعه آغاز می‌شود (BR-8).

جریان‌های جایگزین و استثنا

  • ۱a. اتصال اینترنت قطع یا ضعیف است:
    • ۱a1. سیستم پیام خطای مربوط به مشکل شبکه را نمایش می‌دهد (BR-12).
    • ۱a2. پیام‌های قطع اینترنت و خطای سرور در سطح کل اپ تعریف شده‌اند، نه مخصوص این صفحه؛ متن دقیق آن‌ها در بخش خطاها و اخطارهای اپ مستند می‌شود.
  • ۱b. تا آماده شدن داده‌ها:
    • ۱b1. صفحه با نمای اسکلتون نمایش داده می‌شود و ساختار ردیف‌ها از همان ابتدا دیده می‌شود؛ اگر داده‌ها به‌دلیل کندی یا قطع اتصال نرسند، صفحه در همین نما باقی می‌ماند (BR-12).
  • ۱c. صفحه محتوایی برای نمایش ندارد:
    • ۱c1. این حالت وجود ندارد: صفحه موزیک حالت خالی ندارد و تنها موقعیتی که کاربر محتوایی نمی‌بیند، مشکل شبکه است (BR-12).
  • ۳a. کاربر به ردیف‌های پایانی صفحه می‌رسد:
    • ۳a1. این ردیف‌ها عنوانشان نام یک هنرمند است و برخلاف ردیف‌های «داغ‌ترین‌های هفته» و «محبوب‌ترین تک‌آهنگ‌ها»، محتوایشان با کارت ویدیو نمایش داده می‌شود — یعنی با مدت زمان، زمان انتشار و تعداد بازدید (BR-4).

      ردیف محبوب‌ترین تک‌آهنگ‌ها با کارت‌های قطعه، و زیر آن شروع ردیف اختصاصی یک هنرمند

    • ۳a2. ردیف اختصاصی هر هنرمند فقط آثار خود او را نشان می‌دهد (BR-13). در فایل طراحی یکی از این ردیف‌ها محتوای هنرمندان دیگر را هم نشان می‌دهد؛ آن نمونه‌گذاری طراحی است، نه رفتار محصول.

  • ۵a. کاربر به‌جای انتخاب یک قطعه، دکمه «پخش آنلاین موزیک» را در سربرگ انتخاب می‌کند:
    • ۵a1. سیستم پخش زنده موسیقی را آغاز می‌کند: کاربر بدون انتخاب قطعه، همان محتوایی را می‌بیند که در آن لحظه در حال پخش است (BR-10).

پس‌شرط‌ها — کاربر یا در حال شنیدن قطعه انتخابی در صفحه پخش است، یا همچنان در صفحه موزیک با فوکوس روی یکی از کارت‌ها قرار دارد.

سناریوی ۲: رفتن به کانال یک هنرمند​

هدف — کاربر هنرمند مورد علاقه‌اش را پیدا می‌کند و وارد کانال او می‌شود تا بقیه آثارش را ببیند یا دنبالش کند.

نقش‌های درگیر — همه کاربران.

پیش‌نیازها — کاربر در صفحه موزیک است.

جریان اصلی

۱. کاربر تا ردیف «محبوب‌ترین هنرمندان» پایین می‌رود. ← سیستم هنرمندان را به‌صورت کارت‌های دایره‌ای با نام و نشان تأیید نمایش می‌دهد (BR-6).

۲. کاربر فوکوس را روی یکی از هنرمندان می‌گذارد. ← کارت هنرمند با حلقه روشن دور تصویر مشخص می‌شود (BR-7).

کارت هنرمند فوکوس‌شده در ردیف محبوب‌ترین هنرمندان

۳. کاربر کلید تأیید را می‌زند. ← سیستم کانال آن هنرمند را باز می‌کند (BR-9).

جریان‌های جایگزین و استثنا

  • ۲a. کاربر می‌خواهد بداند هنرمند چند دنبال‌کننده دارد:
    • ۲a1. این اطلاعات روی کارت هنرمند در این صفحه نمایش داده نمی‌شود (BR-6)؛ کاربر باید وارد کانال هنرمند شود.
  • ۳a. کاربر پس از دیدن کانال با کلید بازگشت برمی‌گردد:
    • ۳a1. فوکوس روی همان هنرمند برمی‌گردد و صفحه از ابتدا شروع نمی‌شود (BR-16).

پس‌شرط‌ها — کاربر یا در کانال هنرمند انتخابی است، یا در صفحه موزیک با فوکوس روی ردیف هنرمندان باقی مانده است.

وابستگی‌ها و پیش‌نیازها​

  • اتصال به اینترنت برای دریافت محتوای صفحه.
  • کانال آپارات موزیک به‌عنوان منبع محتوای این صفحه.
  • منوی کناری اپ، به‌عنوان مسیر ورود به این بخش — سند خانه.

تاریخچه تغییرات​

تاریختغییرمنبع
۱۴۰۵/۰۵/۲۸پاسخ تیم محصول به هر سه پرسش باز: افزودن BR-14 (مبنای شخصی‌سازی)، BR-15 (مرجع انتخاب هنرمندان دارای ردیف) و BR-16 (بازگشت فوکوس از کانال هنرمند)تیم محصول
۱۴۰۵/۰۵/۲۷پاسخ تیم محصول به پرسش‌های باز: مقصد دکمه «پخش آنلاین موزیک» (BR-10)، وابستگی محتوا به وضعیت ورود (BR-11)، حذف حالت خالی و تعیین رفتار بارگذاری و خطا (BR-12)، اختصاصی بودن ردیف هر هنرمند (BR-13)، سرور-محور بودن ترتیب و تعداد ردیف‌ها (BR-3) و معیار نوع کارت (BR-4)تیم محصول
۱۴۰۵/۰۵/۲۷واژه «تصویر بندانگشتی» در سراسر مستندات به «تامبنیل» تغییر کردتصمیم تیم محصول؛ هم‌راستا با واژگان یادداشت‌های طراحی
۱۴۰۵/۰۵/۲۶نسخه اولیهطراحی «AndroidTV Design» — صفحه Music نسخه ۱.۰.۰ + سند Context محصول