מכשירי Android מגיעים במגוון גורמי צורה – טלפונים, טאבלטים, מכשירים מתקפלים ומכשירי ChromeOS – עם מגוון רחב של גדלי מסכים. ב-Android יש תמיכה במגוון מצבי תצוגה, כולל תצוגה בכמה חלונות, תצוגה בכמה מסכים, תצוגה בצורה חופשית ותצוגת תמונה בתוך תמונה. מכשירים מתקפלים יכולים להיות במצבים שונים, כמו שולחני או ספר.
כשמתחילים לתכנן את האפליקציה, כדאי להביא בחשבון תרחישים שונים לדוגמה. לדוגמה:
במכשירים עם מסך גדול יש למשתמשים יותר מקום להתנסות בתוכן של אפליקציית המדיה שלכם בדרכים שונות.
המשתמשים יכולים לבצע מספר משימות בו-זמנית בזמן הצפייה בסרטון בתצורה של כמה חלונות, או לנצל את המסך הגדול יותר כדי לבצע פעולות עריכה מורכבות יותר אחרי צילום תמונה.
משתמשים עשויים להשתמש בטאבלט כדי לשמור על קשר באמצעות שיחות וידאו ולראות את החברים והמשפחה שלהם בפירוט רב יותר. האפליקציה יכולה להציג הקשר עשיר יותר לגבי תוכן מסוים (סרטון או סצנה) בשכבת-על מותאמת אישית של הפעלה, או להציע אפשרויות בקרה נוספות במסך.
בקרוסלות בתצוגת גלישה אפשר להציג מגוון רחב יותר של פריטים כדי למשוך את העין. לחלופין, באפליקציית המדיה אפשר להציג פיד שאפשר לדפדף בו לצד הפעלה כדי לשמור על רמת העניין של המשתמשים.
חשוב לזכור שלאפליקציית המדיה יש את אותו קוד שפועל בטלפון רגיל, במכשיר מתקפל, בטאבלט ובמכשירי ChromeOS, לכן כדאי לתכנן אותה למסכים גדולים כבר מתחילת הפיתוח. למידע נוסף ולדוגמאות חזותיות, אפשר לעיין במאמר גלריית מסך גדול.
איך להגדיר את אפליקציית המדיה כרספונסיבית כברירת מחדל
כדי למנוע חוויית משתמש לא טובה באפליקציית המדיה, כדאי להגדיר את הפריסה של האפליקציה כך שתתאים לטלפונים, לטאבלטים, למכשירים מתקפלים ולמכשירי ChromeOS.
האפליקציה צריכה להיות רספונסיבית כדי להתאים לגדלים, לכיוונים ולפורמטים שונים של מסכים. פריסת התאמה משתנה בהתאם למרחב התצוגה הזמין לה. מידע נוסף זמין במאמר תמיכה בגדלים שונים של מסכים.
עיצוב בהתאם להנחיות
איכות הליבה של האפליקציה היא הבסיס לכל האפליקציות ל-Android, ללא קשר לגודל המסך, למצב המכשיר או לשיקולים אחרים ספציפיים למכשיר. לפני שמתחילים לעצב לאפליקציה מסך גדול, צריך לוודא שהיא עומדת בדרישות הבסיסיות הבאות. למידע נוסף, ראו איכות האפליקציה ברמה הבסיסית.
האפליקציה שלכם צריכה לספק חוויית משתמש מצוינת ללא קשר לגורמי הצורה של המכשיר, גודל המסך, מצב התצוגה או המיקום שלו. לכן, כדאי לעצב את האפליקציה בהתאם להנחיות ברמות 1, 2 ו-3 הבאות.
ההנחיות מגדירות קבוצה מקיפה של דרישות איכות לרוב סוגי האפליקציות ל-Android.
שכבה 3:
ברמה הבסיסית הזו, האפליקציה עדיין צריכה לעמוד בדרישות לגבי ממשק המשתמש והגרפיקה. האפליקציה מוכנה למסך גדול, והמשתמשים יכולים להשלים תהליכי משימות קריטיים, אבל חוויית המשתמש שלהם פחות אופטימלית.
ייתכן שהפריסה של האפליקציה לא תהיה אידיאלית, אבל היא תפעל במסך מלא או בחלון מלא במצב 'מספר חלונות'. הוא לא מוצג בפורמט letterbox והוא לא פועל במצב תאימות. האפליקציה מספקת תמיכה בסיסית במכשירי קלט חיצוניים, כולל מקלדת, עכבר ומשטח מגע. מידע נוסף זמין במאמר מוכנים למסך גדול.
שכבה 2:
כאן, האפליקציה מטמיעה אופטימיזציות של הפריסה לכל גודלי המסכים ותצורות המכשירים, יחד עם תמיכה משופרת במכשירי קלט חיצוניים. למידע נוסף, ראו אופטימיזציה למסך גדול.
שכבה 1:
זוהי רמת התמיכה הטובה ביותר, והיא מספקת למשתמש את חוויית השימוש הטובה ביותר באפליקציה, כי היא כוללת תכונות ויכולות פרימיום.
במקרים הרלוונטיים, האפליקציה תומכת במשימות מרובות בו-זמנית, במצבים מתקפלים, בגרירה ובקלט באמצעות עט. ברמה הזו, יש הבדלים משמעותיים בין האפליקציות, לכן חשוב להקפיד על ההנחיות לגבי משימות מרובות ותנוחות של מכשירי מתקפלים. מידע נוסף זמין במאמר הבדלים בין מסכים גדולים.
פריסות שהוגדרה להן אופטימיזציה
מנצלים את המרחב הגדול יותר של המסכים הגדולים בלי שימוש בפורמט letterbox (בגלל הגבלת הכיוון) או במתיחה. אופטימיזציה של הפריסה של האפליקציה למדיה ולרשתות חברתיות מרחיבה את פוטנציאל החשיפה שלה, יוצרת חוויית משתמש טובה יותר בכל גורמי הצורה של מסכים גדולים – טאבלטים, מכשירים מתקפלים ומכשירי ChromeOS – וגם תומכת בכל גדלי הטלפונים.
רכיבי המסילה והמגירה של הניווט מאפשרים ניווט בלי הפרעה לממשק המשתמש, לצורך נוחות ובקרה. הרכיבים גם משלימים את הפריסות הקנוניות (רשימת פרטים, פיד וחלונית תמיכה) על ידי מיקום של יעדי הניווט הראשיים במרחק נוח, תוך שימוש בשטח מסך מינימלי.
פריסות של מדיה
כדי לשפר את נוחות השימוש באפליקציה, כדאי להטמיע פריסות ספציפיות למדיה עבור פרטי הרשימה, הפיד והחלונית התומכת. למידע על פריסות של MDX, Flutter ו-Compose, ראו משאבי פריסה.
רשימת פרטים: תוכלו לעצב את האפליקציה עם דפדפן מדיה אינטראקטיבי, שיאפשר למשתמשים לעיין בפורמטים שונים של מדיה בזמן הצפייה או ההאזנה. שמות קובצי המדיה מוצגים זה לצד זה לצד קובץ וידאו או אודיו שפועל. אם כיוון המכשיר משתנה, הפריסה של רשימה עם פרטים תגיב כדי לשמור על מצב האפליקציה. מידע נוסף זמין במאמר פריסות של רשימות עם פרטים.
פיד: פריסת פיד מאפשרת להציג רכיבי תוכן דומים בתצוגת רשת שניתן להתאים אישית, כדי להציג כמות גדולה של תוכן במהירות ובנוחות, למשל פיד מוזיקה או קיוסק של סרטים ותוכניות טלוויזיה באפליקציה. מידע נוסף זמין במאמר פריסות של פידים.
חלונית תומכת: באזורי התצוגה הראשי והמשני, האפליקציה יכולה להטמיע חלונית תומכת להקשר, לרלוונטיות או להפניה, כמו רשימה לגלילה של כותרים דומים, ביקורות שפורסמו או יצירות נוספות של אותם אומנים או שחקנים. פרטים נוספים זמינים במאמר תמיכה בפריסות של חלוניות.
בגלריית המדיה תוכלו למצוא אוסף של פריסות מדיה.
פריסות לרשתות חברתיות
מסכים גדולים מספקים למשתמשים ברשתות החברתיות יותר מקום ליצירה, לביצוע משימות מרובות, לגרירה של תוכן בין אפליקציות ולשיתוף שלו. אפליקציות מדיה במסכים גדולים יכולות להשתמש בתכונות וביכולות ייחודיות שלא זמינות במכשירים עם מסכים קטנים, כמו פריסות של פידים, פרטי רשימות וחלוניות תמיכה.
רשימת פרטים: מתאים לאפליקציות שליחת הודעות, למנהלי אנשי קשר או לדפדפני קבצים. לדוגמה, האפליקציה יכולה להציג רשימה של שיחות לצד פרטים כדי שתוכלו להתעדכן בהודעות האחרונות. מידע נוסף זמין במאמר פריסות של רשימות עם פרטים.
פיד: רכיבים נפוצים בסגנון זה של פריסה הם כרטיסים ורשימות. לדוגמה, תוכלו ליצור קולאז' של פוסטים בפורמט רשת גמיש, או להשתמש בגודל ובמיקום כדי למשוך תשומת לב לפוסטים בולטים. המשתמשים יכולים לראות במהירות קבוצות גדולות של תוכן. מידע נוסף זמין במאמר פריסות של פידים.
חלונית תמיכה: סגנון זה של פריסה מתאים לאפליקציות חיפוש ומידע או לאפליקציות פרודוקטיביות. הוא מאפשר למשתמשים לגשת בקלות לכלים ליצירת תוכן. לדוגמה, האפליקציה יכולה לאפשר למשתמשים לשנות הגדרות, לגשת לצבעים, להחיל אפקטים ולראות את השינויים באופן מיידי. מידע נוסף זמין במאמר תמיכה בפריסות של חלוניות.
כדי לראות אוסף של פריסות מותאמות לרשתות חברתיות, אפשר להיכנס לדף גלריית המדיה החברתית.
שיטות מומלצות לאפליקציות מדיה במסכים גדולים
שימוש בשיטות המומלצות למסכים גדולים יעזור לכם להימנע מעבודה מיותרת על האפליקציה. בנוסף, השימוש בשיטות האלה יעזור לכם ליצור אפליקציה ידידותית יותר למשתמש במכשירים רבים יותר כבר מההתחלה, במיוחד בנוגע לכיוון, למקשי קיצור, לתמיכה בתצוגה המקדימה של המצלמה ולתנוחות מתקפלות.
כיוון ושינוי גודל
אם אפליקציית המדיה מצהירה על הגבלות של כיוון ושינוי גודל, מערכת Android מפעילה מצב תאימות. מצב התאימות מבטיח שהאפליקציה תתפקד בצורה סבירה, אבל נוחות השימוש בה תיפגע מאוד וחוויית המשתמש תהיה גרועה.
לדוגמה, אם האפליקציה מותקנת בטאבלט, הטאבלט מוצמד במצב לרוחב. אם האפליקציה מוגבלת לפורמט לאורך, היא תגרום לחיתוך לרוחב (letterbox), שלא מתאים למשתמש הקצה. האפליקציה צריכה לאפשר לאנשים להשתמש בכיוון המועדף עליהם, לכן כדאי לנצל את הגודל הזמין של מסך גדול בתכנון.
הגבלות על כיוון התצוגה מגבילות את האופן שבו המשתמשים יכולים לקיים אינטראקציה עם התוכן או לצרוך מדיה, וכך מגבילות את השימוש באפליקציה. שינוי הכיוון יכול להשפיע על הגודל של התצוגה במידה מסוימת, אבל שינוי הגודל לא בהכרח ישנה את הכיוון.
מקשי קיצור
במסך גדול יותר, סביר יותר שאנשים ישתמשו במקשי קיצור במקלדות פיזיות, כמו הפעלה, השהיה, חזרה אחורה וקפיצה קדימה, וכך חוויית המשתמש תהיה עקבית עם מקלדת.
המשתמשים מצפים לקבל את הפונקציות האלה באפליקציות המדיה שלהם. כדי לצמצם את נקודות החיכוך של המשתמשים, מומלץ לבדוק את האפליקציה עם מקלדת פיזית. כך תוכלו לזהות את קיצורי הדרך החשובים האלה ולהוסיף אותם לאפליקציה כבר בתחילת תהליך העיצוב.
תמיכה בתצוגה המקדימה של המצלמה
במסכים גדולים, יכולות להיות יותר בעיות של מתיחה, חיתוך וסיבוב. לכן, אי אפשר להניח שהגודל של התצוגה המקדימה במצלמה הוא זה שמוצג בפועל בממשק המשתמש באפליקציית המדיה.
לדוגמה, אם משתמש מצלם תמונה בטאבלט אבל התמונה מוצגת במסך הטאבלט הפוך, זו חוויה לא אופטימלית. כדאי לכלול תמיכה בתצוגה המקדימה של המצלמה במסכים גדולים.
מידע נוסף זמין במאמר תצוגה מקדימה של CameraX או במאמר תצוגה מקדימה של Camera2.
תנוחות מתקפלות
כשאתם מעצבים אפליקציית מדיה למסכים גדולים, חשוב שתכננו אותה כך שתתאים גם למכשירים מתקפלים. לדוגמה, האפליקציה יכולה לאפשר למשתמש להגדיר מצב שולחני להפעלת מדיה, או להשתמש במסך האחורי ובמצב מסך כפול לתצוגה מקדימה ולצילום.
אם תכללו את התכונה 'תנוחות מתקפלות' בתוכנית הפיתוח, האפליקציה תהיה זמינה במכשירים נוספים ותהיה לה השפעה רחבה יותר. אתם יכולים להרחיב את חוויית המדיה של המשתמש בדרכים שלא ניתן לעשות במכשירים אחרים בלי מצבים מתקפלים. מידע נוסף זמין במאמר תנוחות מתקפלות.