تجربه کاربری با پلتفرم Chromecast، تجربه کاربر با بستر Chromecast

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

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

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

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

ملاحظات

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

  • دستگاه Cast یک دستگاه کم مصرف با محدودیت های حافظه، CPU و GPU است، بنابراین برنامه Web Receiver باید تا حد امکان سبک باشد.
  • برای مدل‌های تعامل داخلی Chromecast و Chromecast، می‌توان برگه‌ها، پنجره‌ها یا پنجره‌های بازشو را هم در برنامه گیرنده وب یا فرستنده ایجاد کرد و هم می‌توان ورودی‌های کاربر را مستقیماً پذیرفت، مانند ضربه زدن یا کشیدن انگشت. به عنوان مثال، برنامه گیرنده وب در رایانه لوحی یا نمایشگر متصل می تواند یک دکمه مکث را نمایش دهد و ضربه کاربر را دریافت کند. به این ترتیب، تمام اقدامات روی برنامه باید از یک گیرنده وب یا برنامه فرستنده آغاز شود.
  • نمایشگرهای هوشمند از ورودی کاربر از طریق برنامه فرستنده یا از طریق لمس روی رابط کاربری پشتیبانی می‌کنند.
  • 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 خود را آزمایش کنید .

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

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

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

استفاده از «Chromecast» در متن

  • هنگامی که یک برنامه (نه یک محصول سخت افزاری) را به عنوان قابلیت Cast-enabled توصیف می کنید، از عبارت «Chromecast-enabled» استفاده کنید. به عنوان مثال: "این برنامه دارای Chromecast فعال است".
  • هنگام توصیف محصول سخت افزاری شخص ثالث سازگار با Cast، از "Chromecast داخلی تلویزیون"، "Chromecast داخلی Speaker" یا فقط "Chromecast داخلی" استفاده کنید.
  • وقتی در متن نوشته می‌شود، «Chromecast» باید با حروف بزرگ و «built-in» باید کوچک باشد.
  • در هر دارایی بازاریابی که از «Chromecast» در متن یا نشان/نشان استفاده می‌کند، باید انتساب قانونی زیر را درج کنید: Chromecast علامت تجاری Google LLC است.
  • Chromecast را در عنوان برنامه (مانند XYZ Chromecast App) قرار ندهید.

پیام‌رسانی برنامه با Chromecast فعال

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

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

نشان Chromecast

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

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

پیوند نشان

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

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

دارایی‌های نشان Chromecast را دانلود کنید

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

پیش نمایش نشان های Chromecast

لوگو آبی و متن سفید در پس زمینه سیاه
لوگوی سفید و متن سفید در پس زمینه سیاه
لوگوی آبی و متن خاکستری در پس زمینه سفید
،

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

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

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

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

ملاحظات

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

  • دستگاه Cast یک دستگاه کم مصرف با محدودیت های حافظه، CPU و GPU است، بنابراین برنامه Web Receiver باید تا حد امکان سبک باشد.
  • برای مدل‌های تعامل داخلی Chromecast و Chromecast، می‌توان برگه‌ها، پنجره‌ها یا پنجره‌های بازشو را هم در برنامه گیرنده وب یا فرستنده ایجاد کرد و هم می‌توان ورودی‌های کاربر را مستقیماً پذیرفت، مانند ضربه زدن یا کشیدن انگشت. به عنوان مثال، برنامه گیرنده وب در رایانه لوحی یا نمایشگر متصل می تواند یک دکمه مکث را نمایش دهد و ضربه کاربر را دریافت کند. به این ترتیب، تمام اقدامات روی برنامه باید از یک گیرنده وب یا برنامه فرستنده آغاز شود.
  • نمایشگرهای هوشمند از ورودی کاربر از طریق برنامه فرستنده یا از طریق لمس روی رابط کاربری پشتیبانی می‌کنند.
  • 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 خود را آزمایش کنید .

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

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

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

استفاده از «Chromecast» در متن

  • هنگامی که یک برنامه (نه یک محصول سخت افزاری) را به عنوان قابلیت Cast-enabled توصیف می کنید، از عبارت «Chromecast-enabled» استفاده کنید. به عنوان مثال: "این برنامه دارای Chromecast فعال است".
  • هنگام توصیف محصول سخت افزاری شخص ثالث سازگار با Cast، از "Chromecast داخلی تلویزیون"، "Chromecast داخلی Speaker" یا فقط "Chromecast داخلی" استفاده کنید.
  • وقتی در متن نوشته می‌شود، «Chromecast» باید با حروف بزرگ و «built-in» باید کوچک باشد.
  • در هر دارایی بازاریابی که از «Chromecast» در متن یا نشان/نشان استفاده می‌کند، باید انتساب قانونی زیر را درج کنید: Chromecast علامت تجاری Google LLC است.
  • Chromecast را در عنوان برنامه (مانند XYZ Chromecast App) قرار ندهید.

پیام‌رسانی برنامه با Chromecast فعال

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

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

نشان Chromecast

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

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

پیوند نشان

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

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

دارایی‌های نشان Chromecast را دانلود کنید

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

پیش نمایش نشان های Chromecast

لوگو آبی و متن سفید در پس زمینه سیاه
لوگوی سفید و متن سفید در پس زمینه سیاه
لوگوی آبی و متن خاکستری در پس زمینه سفید