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