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

خانه

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

معرفی و هدف

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

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

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

دامنه

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

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

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

ساختار صفحه برای همه کاربران یکسان است: ردیف‌ها، کارت‌ها و رفتار فوکوس میان کاربر واردشده و وارد‌نشده تفاوتی ندارد. تنها تفاوت مشخص‌شده در طراحی، آخرین آیتم منوی کناری است که وضعیت حساب را نشان می‌دهد (سناریوی ۳). محتوای ردیف «دنبال‌شده‌ها» طبیعتاً به کانال‌هایی که کاربر دنبال کرده وابسته است (BR-12)، اما اینکه این ردیف برای کاربر وارد‌نشده چه رفتاری دارد در منابع موجود مشخص نشده است.

واژه‌نامه

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

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

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

سناریوها

۱. باز کردن صفحه خانه و مرور ردیف‌های محتوا ۲. جابه‌جایی میان منوی کناری و محتوای صفحه ۳. تشخیص وضعیت حساب کاربری از منوی کناری

سناریوی ۱: باز کردن صفحه خانه و مرور ردیف‌های محتوا

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

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

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

جریان اصلی

۱. کاربر اپ را باز می‌کند. ← سیستم صفحه خانه را در حالت بارگذاری نمایش می‌دهد: آیتم‌های منوی کناری و کارت‌های ردیف‌ها به‌شکل اسکلتون دیده می‌شوند (BR-8).

صفحه خانه در حالت بارگذاری با نمای اسکلتون

۲. داده‌ها آماده می‌شود. ← سیستم ردیف‌های محتوا را جایگزین اسکلتون می‌کند — در طراحی، ردیف «ویژه» و زیر آن ردیف «تکنولوژی» (BR-1، BR-12). منوی کناری باز است و آیتم «خانه» انتخاب‌شده دیده می‌شود (BR-2، BR-3).

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

۳. کاربر با کلیدهای جهت‌دار ریموت فوکوس را از منو به سمت محتوا می‌برد. ← سیستم فوکوس را روی یکی از کارت‌های ردیف «ویژه» می‌گذارد، کادر روشن دور آن می‌کشد، کارت‌های آن ردیف را در اندازه بزرگ‌تر نمایش می‌دهد و تصویر ویدیوی فوکوس‌شده را به‌عنوان پس‌زمینه صفحه نشان می‌دهد (BR-4، BR-5). منوی کناری هم‌زمان جمع می‌شود و فقط آیکون‌ها می‌مانند (BR-2).

کارت فوکوس‌شده در ردیف ویژه، با پس‌زمینه تصویر همان ویدیو و منوی جمع‌شده

۴. کاربر با کلیدهای چپ و راست بین کارت‌های یک ردیف و با کلیدهای بالا و پایین بین ردیف‌ها حرکت می‌کند. ← سیستم فوکوس را جابه‌جا می‌کند و مشخصات کارت تازه فوکوس‌شده (عنوان، کانال، زمان انتشار و بازدید) را نمایش می‌دهد (BR-6).

۵. کاربر روی کارت دلخواه کلید تأیید را می‌زند. ← سیستم پخش آن ویدیو را آغاز می‌کند.

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

  • ۲a. ویدیویی که کاربر قبلاً بخشی از آن را دیده در ردیف‌ها وجود دارد:
    • ۲a1. روی تصویر بندانگشتی آن کارت، نوار ادامه تماشا به‌اندازه بخش دیده‌شده پر نمایش داده می‌شود (BR-6).
  • ۲b. عنوان ویدیو بلندتر از دو خط است:
    • ۲b1. سیستم عنوان را در دو خط نشان می‌دهد و باقی آن را با سه‌نقطه کوتاه می‌کند (BR-7).
  • ۲c. بارگذاری داده‌های صفحه با خطا مواجه می‌شود (قطع اینترنت یا خطای سرور):
    • ۲c1. سیستم پیام خطای متناظر را نمایش می‌دهد. پیام‌های قطع اینترنت و خطای سرور در سطح کل اپ تعریف شده‌اند، نه مخصوص صفحه خانه؛ متن دقیق آن‌ها در بخش خطاها و اخطارهای اپ مستند می‌شود.
    • ۲c2. [CLARIFICATION NEEDED: مشخص نیست تا لحظه نمایش پیام خطا نمای اسکلتون باقی می‌ماند یا صفحه خالی می‌شود، و آیا امکان تلاش دوباره وجود دارد]
  • ۲d. هیچ محتوایی برای نمایش وجود ندارد (نتیجه خالی):
    • ۲d1. [CLARIFICATION NEEDED: طراحی حالت خالی صفحه خانه موجود نیست — مشخص نیست صفحه خانه اصلاً می‌تواند خالی باشد یا خیر، و اگر بله چه چیزی نمایش داده می‌شود]
  • ۵a. کاربر پس از پایان تماشا به صفحه خانه بازمی‌گردد:
    • ۵a1. [CLARIFICATION NEEDED: مشخص نیست فوکوس روی همان کارتی که کاربر باز کرده بود بازمی‌گردد یا به ابتدای صفحه]

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

سناریوی ۲: جابه‌جایی میان منوی کناری و محتوای صفحه

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

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

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

جریان اصلی

۱. کاربر فوکوس را از محتوا به سمت منوی کناری (لبه راست صفحه) می‌برد. ← سیستم منو را باز می‌کند و کنار هر آیکون، برچسب متنی آن را نمایش می‌دهد (BR-2).

منوی کناری در حالت باز، با آیکون و برچسب هر بخش و آیتم خانه به‌صورت انتخاب‌شده

۲. کاربر با کلیدهای بالا و پایین بین آیتم‌های منو حرکت می‌کند. ← سیستم فوکوس را جابه‌جا می‌کند. آیتم «خانه» همچنان به‌عنوان بخش جاری، انتخاب‌شده باقی می‌ماند (BR-3).

۳. کاربر روی بخش دلخواه کلید تأیید را می‌زند. ← سیستم به آن بخش می‌رود و آیتم متناظر در منو به وضعیت انتخاب‌شده تغییر می‌کند.

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

  • ۱a. کاربر فوکوس را دوباره به محتوا بازمی‌گرداند:
    • ۱a1. منو جمع می‌شود و فقط آیکون‌ها باقی می‌مانند؛ عرض ناحیه محتوا بیشتر می‌شود (BR-2).
  • ۲a. کاربر به آخرین آیتم منو می‌رسد:
    • ۲a1. این آیتم بسته به وضعیت حساب کاربر متفاوت است — سناریوی ۳.
  • ۲b. کاربر روی «ویدیوهای کوتاه» یا «لیست‌های من» فوکوس می‌کند:
    • ۲b1. این دو بخش در نسخه فعلی در دسترس نیستند (BR-11).
    • ۲b2. [CLARIFICATION NEEDED: نحوه نمایش این دو آیتم غیرفعال در منو مشخص نیست — آیا اصلاً فوکوس‌پذیر هستند، یا با ظاهر کم‌رنگ نمایش داده می‌شوند، یا پیامی به کاربر نشان داده می‌شود]
  • ۳a. کاربر وارد‌نشده است و بخش «دنبال‌شده‌ها» را انتخاب می‌کند:
    • ۳a1. [CLARIFICATION NEEDED: مشخص نیست این بخش با پیام ورود به حساب پاسخ می‌دهد (الگوی BR-14) یا با حالت خالی باز می‌شود]

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

سناریوی ۳: تشخیص وضعیت حساب کاربری از منوی کناری

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

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

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

جریان اصلی

۱. کاربر فوکوس را تا آخرین آیتم منوی کناری پایین می‌برد. ← اگر کاربر وارد حساب خود نشده باشد، سیستم این آیتم را با آیکون کاربر و برچسب «ورود به آپارات» نمایش می‌دهد (BR-9) — همان آیتمی که در تصویر منوی سناریوی ۲ در انتهای فهرست دیده می‌شود.

۲. کاربر روی این آیتم کلید تأیید را می‌زند. ← سیستم فرایند ورود به حساب را آغاز می‌کند.

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

  • ۱a. کاربر پیش‌تر وارد حساب خود شده است:
    • ۱a1. به‌جای برچسب «ورود به آپارات»، نام کاربر به‌همراه تصویر پروفایل او در همان جایگاه نمایش داده می‌شود (BR-9).

      آخرین آیتم منو برای کاربر واردشده: تصویر پروفایل و نام کاربر

    • ۱a2. بقیه صفحه بدون تغییر می‌ماند؛ همان ردیف‌ها و همان کارت‌ها با همان رفتار فوکوس نمایش داده می‌شوند.

      صفحه خانه برای کاربر واردشده، با همان ردیف‌های ویژه و تکنولوژی

    • ۱a3. فشردن کلید تأیید روی این آیتم به‌جای فرایند ورود، صفحه پروفایل کاربر را باز می‌کند.

  • ۲a. کاربر پس از ورود موفق به صفحه خانه بازمی‌گردد:
    • ۲a1. [CLARIFICATION NEEDED: مشخص نیست پس از ورود، محتوای صفحه خانه شخصی‌سازی می‌شود یا همان محتوای قبلی باقی می‌ماند]

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

پرسش‌های باز

  • ۱۴۰۵/۰۵/۲۶ — حالت خالی صفحه خانه در طراحی وجود ندارد. آیا این صفحه اصلاً می‌تواند خالی باشد و اگر بله چه چیزی نمایش داده می‌شود؟ — در انتظار تیم محصول.
  • ۱۴۰۵/۰۵/۲۶ — انواع ردیف‌ها مشخص است (BR-12)، اما ترتیب نمایش و تعداد آن‌ها معلوم نیست: آیا ثابت است یا از سرویس می‌آید و برای هر کاربر متفاوت است؟ — در انتظار تیم محصول.
  • ۱۴۰۵/۰۵/۲۶ — دو آیتم غیرفعال منو (ویدیوهای کوتاه و لیست‌های من) چگونه به کاربر نمایش داده می‌شوند؟ — در انتظار تیم طراحی.
  • ۱۴۰۵/۰۵/۲۶ — ردیف «دنبال‌شده‌ها» برای کاربری که وارد حساب نشده چه رفتاری دارد: اصلاً نمایش داده نمی‌شود، خالی است، یا با محتوای جایگزین پر می‌شود؟ — در انتظار تیم محصول.
  • ۱۴۰۵/۰۵/۲۶ — منوی کناری ۱۰ آیتم دارد ولی ارتفاع آن از ارتفاع صفحه بیشتر است. آیا منو روی صفحه واقعی اسکرول می‌شود؟ — در انتظار تیم طراحی.
  • ۱۴۰۵/۰۵/۲۶ — پس از بازگشت از صفحه پخش، فوکوس به کجا برمی‌گردد؟ — در انتظار تیم محصول.

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

  • اتصال به اینترنت برای دریافت ردیف‌های محتوا؛ بدون آن صفحه خانه محتوایی برای نمایش ندارد.
  • حساب کاربری آپارات، تنها برای بخش‌های شخصی و آیتم حساب در منو (BR-9).

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

تاریختغییرمنبع
۱۴۰۵/۰۵/۲۶افزودن BR-11 تا BR-13 (آیتم‌های غیرفعال منو، انواع ردیف‌ها، تمرکز محصول)، تعیین تکلیف پیام‌های خطای عمومی و الگوی هدایت به ورود، و به‌روزرسانی پرسش‌های بازسند Context محصول
۱۴۰۵/۰۵/۲۶نسخه اولیهطراحی «AndroidTV Design» — صفحه Home نسخه ۱.۰.۰