מצבים וסיבוב של מכשירים מתקפלים

העיצוב ל-Android כולל מגוון רחב של היבטים ומכשירים ייחודיים, כולל מכשירים מתקפלים. לכן, הסתמכות רק על נקודות עצירה לא מספיקה. המשתמשים יכולים להתאים את גודל חלונות האפליקציות במכשירים שלהם ולשנות את הכיוון שלהם. במכשירים מתקפלים, מכשיר אחד יכול לכסות את כל התרחישים האלה. חשוב לחשוב על חלונות כשמדובר בהתאמת תוכן.

שינויים בכיוון

לא לנעול את האפליקציות למצב אנכי. הפעולה הזו עלולה להיראות כמו באג וליצור מסגרת שחורה לא רצויה כשמבצעים כמה משימות בו-זמנית.

משתמשים לעיתים קרובות משנים את האוריינטציה של המכשירים שלהם כדי לשפר את הארגונומיה ואת חוויית הצפייה בתוכן. האפליקציה שלכם צריכה לתמוך בשינויים האלה בכיוון.

במכשירים גדולים יותר, ההבדלים בין מצב אנכי למצב אופקי עשויים להיות פחות בולטים כשעוברים מגודל בינוני לגודל גדול, אבל במצב אופקי גודל החלון הוא בינוני והתצוגה האנכית קומפקטית.

כדאי ליישם את השיטות המומלצות הבאות לעיצוב בתצוגה לרוחב:

• תמיכה בסרגלי מערכת מקצה לקצה.

• בוחרים את רכיב הניווט שתומך הכי טוב בתוכן שלכם, למשל סרגל ניווט אופקי או פס ניווט.

• כדאי לשנות את צפיפות התוכן או את אופן ההצגה שלו.

בפריסות לרוחב אפשר להשתמש בממשק משתמש ברוחב בינוני.

כיוון לרוחב יכול לנצל את הגובה המופחת של סרגל ניווט תחתון עם כיוון אופקי.

לגבי תוכן, כדאי לנסות להשתמש בקונטיינר כדי להוסיף פסי שחורים לתוכן, או להשתמש בכיוון תוכן אחר אם הוא זמין, למשל סרטון אנכי במקום סרטון לרוחב. תוכן ברוחב מלא בפריסה קומפקטית לאורך תופס את רוב המסך בפריסה גדולה לרוחב. אם התוכן לא גלל במצב אנכי, אל תגרמו לו לגלול במצב אופקי, כי זה עלול לבלבל את המשתמשים.

תמונת הנושא תופסת את המקום הבולט ונשארת שם. סרגל האפליקציות התחתון מבוטל.

מלאורך לרוחב: שתי קבוצות הקונטיינרים מסתובבות במקום.

בגיליון סינון, רכיב הגיליון יכול להשתנות לגיליון צדדי. אם צריך יותר תשומת לב, הגיליון נשאר במסך מלא אבל משתנה לפריסה של שתי עמודות.

תנוחות

להתחשב בתרחישי שימוש ייחודיים של גורמי צורה, כמו מצבי קיפול (מקופל, שטוח ומוצב על השולחן).

מידע נוסף על תמיכה במסכים של מכשירים מתקפלים

האפליקציה לא צריכה להתייחס לכל מצב, אבל כדאי לשקול לנצל מצב אחד באפליקציה. לדוגמה, נגן מדיה יכול להציג ממשק משתמש ייחודי של שולחן וכיסוי.

ללא שינוי

מכשיר מתקפל נמצא במצב שטוח כשהוא פתוח. בדרך כלל מדובר במסך בגודל בינוני או גדול.

מצב מקופל

כשמכשיר מתקפל סגור, הוא במצב מקופל. במצב הזה, אתם מבצעים פעולות במסך החיצוני, שהוא בדרך כלל קומפקטי.

על פני שולחן

במצב 'על משטח, מסך למעלה' המכשיר מקופל חלקית במצב אופקי. במצב הזה אפשר להשתמש בפריסות ייחודיות, כמו פקדים גדולים וסרטון לרוחב.

ציר

כדאי להוסיף לאפליקציה תמיכה במצב ציר, כדי שהתוכן יוצג בצורה חלקה ורציפה ולא יוסתר בציר. יכול להיות שאין צורך בכך בפריסות של חלונית אחת. עם זאת, כדאי לשקול אם הפקדים והטקסט צריכים להימנע מהאזור של הציר.

אם אתם מעצבים באמצעות רשת פריסה וחלונות, כדאי להשאיר שוליים רחבים יותר כדי להשאיר מקום לציר, למשל בפריסת רשימה ופירוט עם שני חלונות.

במכשירים מתקפלים מסוימים, כמו מכשירים עם שלושה קיפולים, יש כמה צירים.

דף שער

בטלפונים מתקפלים מסוימים יש מסך חיצוני עם יחס רוחב-גובה ריבועי, כמו בטלפון צדפה.

כשמעצבים אפליקציות למסכים חיצוניים, חשוב לפעול לפי ההנחיות הבאות:

• מוודאים שהאפליקציות מוצגות מקצה לקצה.
• מוודאים שרכיבי ממשק המשתמש לא מכוסים על ידי חיתוכי המצלמה.
• התמקדו בתרחישי השימוש ובממשק המשתמש.

לדוגמה, כשמשתמשים במכשיר רק כ-Media Player, אפשר להגדיר את גרפיקה כרקע כדי להציג תצוגה מהירה שלא דורשת הרבה מידע.

במסכים קטנים יותר ויחסי גובה-רוחב שונים, כדאי להתחשב בחוויה של תוכן ממוקד. התמונה הראשית (Hero) תופסת את רוב השטח של הכריכה כדי ליצור מראה מושך, ומוצגים בה גם חלק מהכותרת ומהתוכן כדי שיהיה קל לגלול ולקרוא.

הכריכה צריכה להתמקד בעיקר בקלט. לדוגמה, כשהמקלדת מופיעה, ההודעה היא המיקוד העיקרי.

במסכים קטנים יותר, כמו מסכי כיסוי, גיליון המסננים מוצג במסך מלא, אבל המיקום והגודל של הלחצנים מותאמים.

למרות שהיא קומפקטית, יכול להיות שסרגל ניווט יהיה ארגונומי יותר במסך חיצוני.

אפשר להשתמש בשני כיווני הניווט בפריטים גדולים יותר. חשבו איך המשתמשים עשויים לבצע אינטראקציה עם התוכן.

כדי להימנע מחיתוכי מצלמה ומממשק משתמש של המערכת, אפשר להשתמש בסרגל ניווט קטן יותר, תוך שמירה על הגובה המצומצם.