תנוחות וכיוון

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

תנוחות

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

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

ללא שינוי

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

מצב מקופל

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

על פני שולחן

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

ציר

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

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

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

דף שער

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

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

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

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

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

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

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

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

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

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