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