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