המקבל מפעיל את התוכן ומשקף למשתמש את המצב שלו. הנמען חייב להגיב מיד לפעולות באפליקציית השולח . לדוגמה, כשהתוכן מושהה במכשיר המקבל, מוצג סמל השהיה וכשמשתמש לוחץ על 'הפעלה' באפליקציית השולח, המקבל מתחיל להפעיל את התוכן ומסיר את סמל ההשהיה.
דוגמאות למשוב בממשק המשתמש של המקבל:
- פועל
- בהשהיה
- מיקום / דילוג בהפעלה
- הסרטון בתהליך אגירת נתונים
ממשק המשתמש של המקבל
חובה
A יש למקם את רוב רכיבי ממשק המשתמש בחלק התחתון של 1/4 המסך
ולשמור על עקביות בחוויית המשתמש.
B אין להציג רכיבים כפקדים אינטראקטיביים. לדוגמה, אסור לשחזר את ממשק המשתמש של השולח בממשק המשתמש של המקבל.
שיטות מומלצות
- השתמשו במעבר (עמעום), בשקיפות ובניואנסים כדי לרכך את האפקט הוויזואלי.
- כדאי להביא בחשבון את העובדה שהמשתמשים רוצים לראות כמה שיותר מהתוכן. לעיתים קרובות המשתמשים משהים תוכן כדי לבדוק אותו, כך שאם אפשר, נעלמו את ממשק המשתמש המיותר.
Android
ממשק משתמש של השולח
![](https://google-developers.gonglchuangl.net/static/cast/images/a/sender-persistent-control2.png?authuser=0&hl=he)
ממשק המשתמש של המקלט
![](https://google-developers.gonglchuangl.net/static/cast/images/r/receiver-ui-elements1_a.png?authuser=0&hl=he)
iOS
ממשק משתמש של השולח
![](https://google-developers.gonglchuangl.net/static/cast/images/i/sender-persistent-control2.png?authuser=0&hl=he)
ממשק המשתמש של המקלט
![](https://google-developers.gonglchuangl.net/static/cast/images/r/receiver-ui-elements1_a.png?authuser=0&hl=he)
Chrome
ממשק משתמש של השולח
![ממשק משתמש של השולח](https://google-developers.gonglchuangl.net/static/cast/images/w/sender-persistent-control2.png?authuser=0&hl=he)
ממשק המשתמש של המקלט
![](https://google-developers.gonglchuangl.net/static/cast/images/r/receiver-ui-elements1_a.png?authuser=0&hl=he)
האפליקציה של המקבל לא פעילה
במסך המקבל מוצג מסך לא פעיל כאשר המקבל מחובר לשולח אבל לא מבצע העברה.
חובה
A זיהוי אפליקציית המקבל שנטענה
שיטות מומלצות
- אפשר להשתמש במסך שאינו פעיל כדי לקדם תוכן או תכונות מאפליקציית השולח.
- יש לשנות את התוכן כל 30-60 שניות כדי להציג תוכן רב יותר ולמנוע שריפת פיקסלים במסך.
- מנתקים את אפליקציית המקבל ומפסיקים לפעול אם אין פעילות במשך 5 דקות. כשמפסיקים את העצירה, מופיע מסך הבית של המקלט והוא עוזר למנוע שריפת פיקסלים.
Android
תיבת דו-שיח של העברה (cast), מחוברת, אבל לא מועברת
![](https://google-developers.gonglchuangl.net/static/cast/images/a/sender-cast-menu-connected1.png?authuser=0&hl=he)
אפליקציית המקלט נטענת / לא פעילה
![](https://google-developers.gonglchuangl.net/static/cast/images/r/receiver-ui-idle1_a.png?authuser=0&hl=he)
iOS
תיבת דו-שיח של העברה (cast), מחוברת, אבל לא מועברת
![](https://google-developers.gonglchuangl.net/static/cast/images/i/sender-cast-menu-connected1.png?authuser=0&hl=he)
אפליקציית המקלט נטענת / לא פעילה
![](https://google-developers.gonglchuangl.net/static/cast/images/r/receiver-ui-idle1_a.png?authuser=0&hl=he)
טעינת האפליקציה של המקבל
כשמשתמש מתחבר למקלט, האפליקציה המקבלת צריכה להיטען לפני שהיא תוכל להציג את מצב חוסר הפעילות של האפליקציה או להתחיל להפעיל תוכן.
חובה
א זיהוי אפליקציית המקבל נטענת על ידי הצגת
הלוגו של האפליקציה
B זיהוי האפליקציה המקבלת נטענת על ידי הצגת
סימן הגרפים המונפש של הטעינה
Android
השולח מתחבר
![](https://google-developers.gonglchuangl.net/static/cast/images/a/sender-cast-icon-states4.png?authuser=0&hl=he)
האפליקציה של המקבל בטעינה
![](https://google-developers.gonglchuangl.net/static/cast/images/r/receiver-player-loading1_a.gif?authuser=0&hl=he)
iOS
השולח מתחבר
![](https://google-developers.gonglchuangl.net/static/cast/images/i/sender-cast-icon-states4.png?authuser=0&hl=he)
האפליקציה של המקבל בטעינה
![](https://google-developers.gonglchuangl.net/static/cast/images/r/receiver-player-loading1_a.gif?authuser=0&hl=he)
Chrome
השולח מתחבר
![השולח מתחבר](https://google-developers.gonglchuangl.net/static/cast/images/w/sender-cast-icon-states4.png?authuser=0&hl=he)
האפליקציה של המקבל בטעינה
![](https://google-developers.gonglchuangl.net/static/cast/images/r/receiver-player-loading1_a.gif?authuser=0&hl=he)
טעינת התוכן של המקבל
אחרי שאפליקציית המקבל נטענת, התוכן יכול להתחיל לשדר למכשיר המקבל.
חובה
א זיהוי התוכן שנטען באמצעות הצגת
כותרת התוכן או הגרפיקה
ב זיהוי התוכן שנטען על ידי הצגת
סימן גרפי של טעינת תוכן מונפש
שיטות מומלצות
כשממשיכים תוכן מושהה, כדאי להריץ לאחור את ההפעלה 5-10 שניות כדי שהצופים לא יפספסו שום דבר
במהלך המעבר מהשולח למקבל.
Android
התוכן של השולח בטעינה
![](https://google-developers.gonglchuangl.net/static/cast/images/a/sender-control-elements1.gif?authuser=0&hl=he)
התוכן של המקבל בטעינה
![](https://google-developers.gonglchuangl.net/static/cast/images/r/receiver-content-loading1_a.gif?authuser=0&hl=he)
iOS
התוכן של השולח בטעינה
![](https://google-developers.gonglchuangl.net/static/cast/images/i/sender-control-elements1.gif?authuser=0&hl=he)
התוכן של המקבל בטעינה
![](https://google-developers.gonglchuangl.net/static/cast/images/r/receiver-content-loading1_a.gif?authuser=0&hl=he)
Chrome
התוכן של השולח בטעינה
![](https://google-developers.gonglchuangl.net/static/cast/images/w/sender-control-elements1.gif?authuser=0&hl=he)
התוכן של המקבל בטעינה
![](https://google-developers.gonglchuangl.net/static/cast/images/r/receiver-content-loading1_a.gif?authuser=0&hl=he)
הפעלת המקבל
חובה
א זיהוי התוכן שמופעל כשתוכן מתחיל
B זיהוי מיקום ההפעלה לאחר כוונון המיקום
C זיהוי שהמקבל מחפש תוכן
כשמיקום ההפעלה השתנה, אבל המשחק עדיין לא הופעל
Android
השולח משנה את מיקום ההפעלה
![](https://google-developers.gonglchuangl.net/static/cast/images/a/sender-control-elements3.gif?authuser=0&hl=he)
חיפוש תוכן של המקבל
![](https://google-developers.gonglchuangl.net/static/cast/images/r/receiver-ui-seek1_a.gif?authuser=0&hl=he)
iOS
השולח משנה את מיקום ההפעלה
![](https://google-developers.gonglchuangl.net/static/cast/images/i/sender-control-elements3.gif?authuser=0&hl=he)
חיפוש תוכן של המקבל
![](https://google-developers.gonglchuangl.net/static/cast/images/r/receiver-ui-seek1_a.gif?authuser=0&hl=he)
Chrome
השולח משנה את מיקום ההפעלה
![](https://google-developers.gonglchuangl.net/static/cast/images/w/sender-control-elements3.gif?authuser=0&hl=he)
חיפוש תוכן של המקבל
![](https://google-developers.gonglchuangl.net/static/cast/images/r/receiver-ui-seek1_a.gif?authuser=0&hl=he)
המקבל הושהה
חובה
א זיהוי התוכן מושהה על ידי הצגת סמל
מושהה ומיקום ההפעלה
ב זיהוי התוכן המושהה על ידי הצגת השם
או הגרפיקה של התוכן
C זיהוי אפליקציית המקבל נטענת על ידי הצגת
הלוגו של האפליקציה
שיטות מומלצות
- לעיתים קרובות המשתמשים משהים תוכן כדי לבדוק אותו, לכן ממשק משתמש מיותר ייעלם כשהוא מושהה למשך מספר שניות על ידי הצגת סמל השהיה.
- האפליקציה המקבלת לא יכולה להמשיך בהפעלת התוכן, אלא אם יש בקשה מפורשת מהמשתמש להתחיל בהפעלה, כמו להמשיך או לדלג על פריט בתור.
- מנתקים את אפליקציית המקבל ומפסיקים לפעול אם אין פעילות במשך 20 דקות. כשמפסיקים את העצירה, מופיע מסך הבית של המקלט והוא עוזר למנוע שריפת פיקסלים. אפשר לאחסן את המיקום שהושהה כדי שהמשתמש יוכל להמשיך בהפעלה מאותה נקודה במועד מאוחר יותר.
Android
השולח הושהה
![](https://google-developers.gonglchuangl.net/static/cast/images/a/sender-persistent-control2.png?authuser=0&hl=he)
התוכן של המקבל מושהה
![](https://google-developers.gonglchuangl.net/static/cast/images/r/receiver-ui-pause1_a.png?authuser=0&hl=he)
השולח הושהה
![](https://google-developers.gonglchuangl.net/static/cast/images/a/sender-persistent-control2.png?authuser=0&hl=he)
המקבל מושהה אחרי 5 שניות
![](https://google-developers.gonglchuangl.net/static/cast/images/r/receiver-ui-pause2.png?authuser=0&hl=he)
iOS
השולח הושהה
![](https://google-developers.gonglchuangl.net/static/cast/images/i/sender-persistent-control2.png?authuser=0&hl=he)
התוכן של המקבל מושהה
![](https://google-developers.gonglchuangl.net/static/cast/images/r/receiver-ui-pause1_a.png?authuser=0&hl=he)
השולח הושהה
![](https://google-developers.gonglchuangl.net/static/cast/images/i/sender-persistent-control2.png?authuser=0&hl=he)
המקבל מושהה אחרי 5 שניות
![](https://google-developers.gonglchuangl.net/static/cast/images/r/receiver-ui-pause2.png?authuser=0&hl=he)
Chrome
השולח הושהה
![](https://google-developers.gonglchuangl.net/static/cast/images/w/sender-persistent-control2.jpg?authuser=0&hl=he)
התוכן של המקבל מושהה
![](https://google-developers.gonglchuangl.net/static/cast/images/r/receiver-ui-pause1_a.png?authuser=0&hl=he)
השולח הושהה
![](https://google-developers.gonglchuangl.net/static/cast/images/w/sender-persistent-control2.jpg?authuser=0&hl=he)
המקבל מושהה אחרי 5 שניות
![](https://google-developers.gonglchuangl.net/static/cast/images/r/receiver-ui-pause2.png?authuser=0&hl=he)
מאגר הנתונים הזמני של המקבל
אחסון זמני של המקלט מתרחש כשזמן האחזור של הרשת או גורמים אחרים גורמים לעיכוב בהפעלה.
חובה
זיהוי שהמַקְלֵט נמצא בתהליך אגירת נתונים לאחר מספר
שניות, על ידי הצגת סימן גרפי שתומך במאגר נתונים זמני. המתנה של כמה שניות לציון שמתבצעת אגירת נתונים
תמנע את הופעת העיבוד הזמני של מאגר הנתונים הזמני מתחת לתנאי רשת בעייתיים
שיטות מומלצות
לזהות איזה תוכן נמצא במאגר הנתונים הזמני אם תהליך אגירת הנתונים נמשך אחרי 5 שניות.
Android
השולח מציין שמתבצע אגירת נתונים של הנמען
![](https://google-developers.gonglchuangl.net/static/cast/images/a/sender-control-elements3.gif?authuser=0&hl=he)
בתהליך אגירת נתונים של התוכן של המקבל
![](https://google-developers.gonglchuangl.net/static/cast/images/r/receiver-ui-buffer1_a.gif?authuser=0&hl=he)
iOS
השולח מציין שמתבצע אגירת נתונים של הנמען
![](https://google-developers.gonglchuangl.net/static/cast/images/i/sender-control-elements3.gif?authuser=0&hl=he)
בתהליך אגירת נתונים של התוכן של המקבל
![](https://google-developers.gonglchuangl.net/static/cast/images/r/receiver-ui-buffer1_a.gif?authuser=0&hl=he)
Chrome
השולח מציין שמתבצע אגירת נתונים של הנמען
![](https://google-developers.gonglchuangl.net/static/cast/images/w/sender-control-elements3.gif?authuser=0&hl=he)
בתהליך אגירת נתונים של התוכן של המקבל
![](https://google-developers.gonglchuangl.net/static/cast/images/r/receiver-ui-buffer1_a.gif?authuser=0&hl=he)
המקבל מפסיק להעביר
כשההפעלה מפסיקה או שמסתיימת הזמן הקצוב לתפוגה, ממשק המשתמש של המקבל צריך לקדם תוכן או תכונות אחרים הזמינים באפליקציית השולח.
חובה
A זיהוי אפליקציית המקבל נטענת או לא פעילה על ידי הצגת הלוגו של האפליקציה
שיטות מומלצות
- להשתמש במסך שאינו פעיל לאחר ההפעלה כדי להמליץ על תוכן או תכונות מאפליקציית השולח, על סמך התוכן שהועבר
- יש לשנות את התוכן במסך ללא פעילות מדי 30-60 שניות כדי למנוע שריפת מסך
- מנתקים את אפליקציית המקבל ומפסיקים לפעול אם אין פעילות במשך 5 דקות. כשמפסיקים את העצירה, מופיע מסך הבית של המקלט והוא עוזר למנוע שריפת פיקסלים.
Android
אפליקציית השולח לא פעילה
![](https://google-developers.gonglchuangl.net/static/cast/images/a/sender-cast-icon-states4.png?authuser=0&hl=he)
אפליקציית המקבל לא פעילה
![](https://google-developers.gonglchuangl.net/static/cast/images/r/receiver-ui-complete1_a.png?authuser=0&hl=he)
השולח נותק
![](https://google-developers.gonglchuangl.net/static/cast/images/a/sender-cast-icon-states2.png?authuser=0&hl=he)
העברה של מסך הבית
![](https://google-developers.gonglchuangl.net/static/cast/images/r/receiver-home2.png?authuser=0&hl=he)
iOS
אפליקציית השולח לא פעילה
![](https://google-developers.gonglchuangl.net/static/cast/images/i/sender-cast-icon-states4.png?authuser=0&hl=he)
אפליקציית המקבל לא פעילה
![](https://google-developers.gonglchuangl.net/static/cast/images/r/receiver-ui-complete1_a.png?authuser=0&hl=he)
השולח נותק
![](https://google-developers.gonglchuangl.net/static/cast/images/i/sender-cast-icon-states2.png?authuser=0&hl=he)
העברה של מסך הבית
![](https://google-developers.gonglchuangl.net/static/cast/images/r/receiver-home2.png?authuser=0&hl=he)
Chrome
אפליקציית השולח לא פעילה
![אפליקציית השולח לא פעילה](https://google-developers.gonglchuangl.net/static/cast/images/w/sender-cast-icon-states4.png?authuser=0&hl=he)
אפליקציית המקבל לא פעילה
![](https://google-developers.gonglchuangl.net/static/cast/images/r/receiver-ui-complete1_a.png?authuser=0&hl=he)
השולח נותק
![השולח נותק](https://google-developers.gonglchuangl.net/static/cast/images/w/sender-cast-icon-states2.png?authuser=0&hl=he)
העברה של מסך הבית
![](https://google-developers.gonglchuangl.net/static/cast/images/r/receiver-home2.png?authuser=0&hl=he)
התמונות שמופיעות במדריך העיצוב הזה הן באדיבות Blaender Foundation, משותפות במסגרת זכויות יוצרים או רישיון Creative Commons.
- חלום הפיל: (c) זכויות יוצרים 2006, בלנדר קרן / הולנד Media Art Institute / www.elephantsdream.org
- Sintel: (c) copyright Blaender Foundation | www.sintel.org
- Tears of Steel: (CC) Blaender Foundation | mango.blender.org
- Big Buck Bunny: (c) copyright 2008, Blaender Foundation / www.bigbuckbunny.org