تجربه کاربری با پلتفرم Google Cast

Google Cast به برنامه‌های وب Android، iOS و Chrome اجازه می‌دهد محتوا را - مانند ویدئو، صدا و اشتراک‌گذاری صفحه نمایش (آینه‌کاری) - به دستگاه‌های آماده Cast مانند:

  • Google Chromecast
  • تلویزیون هایی که با Google Cast کار می کنند
  • بلندگوهایی که با Google Cast کار می کنند
  • نمایشگرهای هوشمند (مانیتور LCD قابل حمل با صفحه نمایش لمسی که به عنوان تین کلاینت استفاده می شود)
  • تبلت های اندروید

در مدل تعامل Google Cast، تلفن همراه، تبلت یا لپ تاپ فرستنده ای است که به عنوان یک کنترل از راه دور برای کنترل پخش عمل می کند و تلویزیون، نمایشگر یا تبلت متصل گیرنده ای است که دستورالعمل ها را از فرستنده دریافت می کند و محتوا را از آن نمایش می دهد. اتصال به اینترنت گیرنده همه اقدامات کاربر (ضربه زدن و کشیدن انگشت) می توانند هم در دستگاه فرستنده یا هم در گیرنده وب انجام شوند.

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

ملاحظات

به دلیل محدودیت‌های سخت‌افزاری و منابع، محدودیت‌های خاصی برای برنامه‌های دارای Google Cast فعال وجود دارد:

  • دستگاه Cast یک دستگاه کم مصرف با محدودیت های حافظه، CPU و GPU است، بنابراین برنامه Web Receiver باید تا حد امکان سبک باشد.
  • برای مدل‌های تعامل Cast و Google Cast، می‌توان برگه‌ها، پنجره‌ها یا پنجره‌های بازشو را هم در برنامه گیرنده وب یا فرستنده ایجاد کرد و هم می‌توان ورودی‌های کاربر را مستقیماً پذیرفت، مانند ضربه زدن یا کشیدن انگشت. به عنوان مثال، برنامه گیرنده وب در رایانه لوحی یا نمایشگر متصل می تواند یک دکمه مکث را نمایش دهد و ضربه کاربر را دریافت کند. به این ترتیب، تمام اقدامات روی برنامه باید از یک گیرنده وب یا برنامه فرستنده آغاز شود.
  • نمایشگرهای هوشمند از ورودی کاربر از طریق برنامه فرستنده یا از طریق لمس روی رابط کاربری پشتیبانی می‌کنند.
  • Web Receiver یک مرورگر کروم است که برای پخش ویدیو بهینه شده است. به این ترتیب، WebGL و Chrome Native Client (NaCL) در حال حاضر پشتیبانی نمی‌شوند و افزونه‌های Chrome نیز پشتیبانی نمی‌شوند.
  • Cast از پخش جریانی همزمان رسانه در تگ‌های <audio> و <video> یا چندین آهنگ صوتی با استفاده از WebAudio API پشتیبانی می‌کند. فقط یک عنصر ویدیویی ممکن است در هر زمانی در DOM فعال باشد. علاوه بر این، ترکیب، دستکاری، تبدیل، چرخش یا بزرگنمایی ویدیو پشتیبانی نمی شود.

اصول کلی طراحی

هنگام توسعه رابط کاربری خود موارد زیر را در نظر داشته باشید.

رابط گیرنده وب:

  • گیرنده وب می‌تواند هم عناصر تعاملی و هم عناصر اطلاعاتی برای توصیف وضعیت برنامه، مانند توقف یا پخش، یا پیام‌های خطا داشته باشد. تعامل کاربر می‌تواند در فرستنده Cast (تلفن، رایانه لوحی یا مرورگر Chrome) یا گیرنده وب (تلویزیون، نمایشگر یا رایانه لوحی) انجام شود.
  • به یاد داشته باشید که عمل ویدیو در وسط صفحه تلویزیون انجام می شود و عناصر رابط کاربری شما نباید در ارائه تداخل داشته باشند. عناصر UI را در یک سوم پایین صفحه نمایش گیرنده وب قرار دهید، و یک حاشیه 10٪ از لبه های صفحه برای اسکن بیش از حد احتمالی باقی بگذارید.
  • در صورت امکان، انتقال از یک حالت نمایشگر به حالت دیگر باید صاف و سینمایی باشد. به جای حرکت ناگهانی از حالتی به حالت دیگر، از انتقال هایی مانند fade-in و fade-out استفاده کنید. به عنوان مثال، وضعیت بارگیری محتوا روی صفحه باقی می ماند و در تجربه پخش رسانه محو می شود.

رابط فرستنده:

  • فرستنده از اقدامات کاربر پشتیبانی می کند و گیرنده وب اطلاعات وضعیت را نمایش می دهد. به عنوان مثال، اگر محتوا متوقف شود، تلویزیون باید نشان دهد که متوقف شده است، در حالی که دستگاه تلفن همراه نشان می دهد که آماده شروع پخش است (مثلاً نشان دادن یک دکمه پخش به کاربر).
  • سرعت مهم است کاربران باید بتوانند به سرعت کنترل ارسال را پیدا کنند و مشاهده کنند که محتوا بلافاصله در صفحه نمایش بزرگ شروع به پخش می کند. در حین بارگیری محتوا، شاخص‌های بارگیری متحرک را ارائه دهید و از انتقال‌ها برای کمک به ایجاد سریع‌تر احساس استفاده کنید.

ساده ترین راه برای اطمینان از اینکه برنامه Cast شما از این اصول پیروی می کند این است که رابط کاربری خود را با چک لیست Cast Design بررسی کنید و برنامه های Cast خود را آزمایش کنید .

دستورالعمل های برند

دستورالعمل‌های برند Google Cast زیر برای توسعه‌دهندگان برنامه است و بر الزامات اضافی که باید برای توصیف برنامه خود به صورت متنی رعایت کنید، تمرکز می‌کنند. برای دستورالعمل‌های برند دستگاه‌های Cast، به مرکز بازاریابی شریک مراجعه کنید. با استفاده از عبارت «Google Cast-enabled» می‌توانید به دیگران اطلاع دهید که برنامه شما با Google Cast کار می‌کند. با این حال مطمئن شوید که برنامه شما با شرایط خدمات برنامه‌نویس اضافی Cast SDK و فهرست بررسی طراحی مطابقت دارد و استفاده شما از «Google Cast-enabled» با دستورالعمل‌های مارک تجاری ما مطابقت دارد.

تا زمانی که برنامه یا دستگاه شما با دستورالعمل‌های نشان ما مطابقت داشته باشد، می‌توانید به طور مشابه از نشان Google Cast استفاده کنید. Google این حق را برای خود محفوظ می‌دارد که از شما درخواست کند در صورتی که نشان را با دستورالعمل‌های برند مطابقت نداشته باشد، تغییر دهید یا استفاده از آن را متوقف کنید.

"Google Cast" در متن

  • وقتی یک برنامه (نه یک محصول سخت افزاری) را به عنوان قابلیت Cast-enabled توصیف می کنید، از عبارت «Google Cast-enabled» استفاده کنید. به عنوان مثال: "این برنامه دارای Google Cast-enabled است".
  • هنگام توصیف محصول سخت افزاری شخص ثالث سازگار Cast، از «This {TV} with Google Cast کار می کند»، «This {Speakers} with Google Cast» استفاده کنید.
  • وقتی در متن نوشته می‌شود، «Google» و «Cast» باید با حروف بزرگ نوشته شوند.
  • در هر دارایی بازاریابی که از «Google Cast» در متن یا نشان/نشان استفاده می‌کند، باید انتساب قانونی زیر را درج کنید: Google Cast علامت تجاری Google LLC است.
  • Google Cast را در عنوان برنامه (مانند XYZ Google Cast App) قرار ندهید.

پیام‌رسانی برنامه با قابلیت Google Cast

می توانید برنامه خود را به صورت زیر تبلیغ کنید:

  • "XYZ یک برنامه مجهز به Google Cast است که به شما امکان می دهد سرگرمی مورد علاقه خود را از دستگاه تلفن همراه خود به تلویزیون خود پخش کنید."
  • "برنامه XYZ اکنون برای تلویزیون هایی که با Google Cast کار می کنند در دسترس است."
  • «برنامه XYZ اکنون برای همه محصولات Google Cast از جمله Google Chromecast، Google Cast Audio و تلویزیون‌ها و بلندگوهایی که با Google Cast کار می‌کنند در دسترس است.»
  • "برنامه XYZ با Google Cast فعال است و به شما امکان می دهد از تمام نمایش ها، فیلم ها، موسیقی/بازی های مورد علاقه خود در تلویزیون خود که با Google Cast کار می کند لذت ببرید."
  • برنامه XYZ اکنون از Google Cast پشتیبانی می کند و به کاربران امکان می دهد محتوا را از تلفن خود به تلویزیون خود که با Google Cast کار می کند پخش کنند.

نشان Google Cast

برای نمایش سازگاری با دستگاه‌هایی که از پروتکل Cast استفاده می‌کنند، می‌توانید از نشان‌های «Google Cast» در وب‌سایت، فهرست فروشگاه برنامه، مواد بازاریابی و مواد تبلیغاتی خود استفاده کنید.

  • رنگ، نسبت ها، فاصله یا هر جنبه دیگری از تصویر نشان را تغییر ندهید.
  • هنگامی که در کنار نشان‌واره‌ها برای سایر فن‌آوری‌های مواد تشکیل دهنده (به عنوان مثال، بلوتوث، Spotify Connect، AirPlay و غیره) استفاده می‌شود، نشان Google Cast باید اندازه یکسان یا بزرگ‌تر داشته باشد.
  • نشان را عنصر اصلی صفحه خود قرار ندهید.
  • مقداری فاصله بین نشان و سایر لوگوها و نمادهای صفحه خود را حفظ کنید.
  • وقتی روی پس‌زمینه سفید، روشن یا با رنگ متوسط ​​استفاده می‌شود، از نشان سیاه استفاده کنید.
  • هنگامی که در زمینه سیاه یا تیره استفاده می شود، از نشان سفید استفاده کنید.
  • از نشان در صفحه‌ای استفاده نکنید که حاوی یا نمایش محتوای بزرگسالان است، قمار را ترویج می‌کند، خشونت را ترویج می‌کند، حاوی سخنان مشوق تنفر است، شامل فروش تنباکو یا الکل به افراد زیر بیست و یک سال است، سایر قوانین یا مقررات قابل اجرا را نقض می‌کند یا در غیر این صورت قابل اعتراض است

پیوند نشان

هنگام استفاده آنلاین، نشان Google Cast باید به یکی از موارد زیر پیوند داشته باشد:

  • فهرست Google از برنامه‌ها و محصولات دارای Google Cast فعال در g.co/castapps .
  • لیستی از محصولات منتشر شده توسط شما.
  • صفحه جزئیات محصول خاص که توسط شما منتشر شده است.
  • لیستی از برنامه های منتشر شده توسط شما.
  • یک صفحه جزئیات برنامه خاص که توسط شما، در Google Play یا در Apple App Store منتشر شده است.

دارایی‌های نشان Google Cast را دانلود کنید

بسته دانلودی شامل قالب‌های Portable Network Graphics (.png)، Adobe Illustrator (.ai) و Enapsulated Postscript (.eps) است.

پیش نمایش نشان های Google Cast

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