חוויית משתמש
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
רמה 2 – אופטימיזציה למסך גדול
ממשק המשתמש הוא האפליקציה בעיני המשתמשים. ממשק המשתמש קובע את חוויית המשתמש, שממנה נגזרות שביעות הרצון של המשתמשים, השימוש באפליקציה, הרכישות באפליקציה ושמירת הלקוחות.
מסכים גדולים מספקים שטח תצוגה נרחב לממשקי משתמש חדשניים ומותאמים אישית, שמספקים חוויית משתמש שאי אפשר לחקות במסכים קטנים.
כדי לבצע אופטימיזציה של האפליקציה למסכים גדולים, מומלץ לכלול את רכיבי ממשק המשתמש הבאים:
- פס ניווט או חלונית ההזזה לניווט
- משטחי מגע גדולים
- תפריטים ותיבות דו-שיח במיקומים נוחים
- פריסות עם כמה חלונות
פריסות דינמיות
ליצור פריסות מותאמות שמאפשרות לבצע אופטימיזציה של ממשק המשתמש של האפליקציה במסכים גדולים וקטנים.
תכנון ופיתוח של כמה גורמי צורה בו-זמנית. התאמת האפליקציה לסוגי מכשירים חדשים.
פריסות קנוניות
כדאי להשתמש בפריסות מומלצות למסכים גדולים כדי לשפר את חוויית המשתמש באפליקציה.
תוכלו ליצור פרטי רשימה, חלונית תמיכה או פריסה של פיד כדי לנהל יותר תוכן וליהנות ממנו יותר.
ממשק משתמש רספונסיבי
עיצוב רכיבי ממשק המשתמש על סמך גודל המסך. כדאי להגביל את הרוחב של לחצנים, כרטיסים ושדות טקסט ברוחב מלא במסכים קטנים לגודל שמתאים מבחינה פונקציונלית במסכים גדולים. אל תתנו לתיבות דו-שיח ולחלונות מודליים אחרים למלא את כל המסך. מיקום תפריטי ההקשר ותצוגות קופצות אחרות שקשורות לאלמנטים לצד האלמנט שבחר המשתמש, ולא במרכז המסך.
הטמעת פעילות
עדכון האפליקציות הקודמות שמבוססות על פעילות עם פריסות של כמה חלונות במסכים גדולים. אין צורך לבצע רפאקציה של הקוד. אפשר להגדיר את הפריסות ב-XML או באמצעות כמה קריאות ל-Jetpack WindowManager API.
השלבים הבאים
במדריכים הבאים למפתחים מוסבר איך לפתח ממשק משתמש עם חוויית משתמש אופטימלית:
דוגמאות התוכן והקוד שבדף הזה כפופות לרישיונות המפורטים בקטע רישיון לתוכן. Java ו-OpenJDK הם סימנים מסחריים או סימנים מסחריים רשומים של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2025-07-27 (שעון UTC).
[[["התוכן קל להבנה","easyToUnderstand","thumb-up"],["התוכן עזר לי לפתור בעיה","solvedMyProblem","thumb-up"],["סיבה אחרת","otherUp","thumb-up"]],[["חסרים לי מידע או פרטים","missingTheInformationINeed","thumb-down"],["התוכן מורכב מדי או עם יותר מדי שלבים","tooComplicatedTooManySteps","thumb-down"],["התוכן לא עדכני","outOfDate","thumb-down"],["בעיה בתרגום","translationIssue","thumb-down"],["בעיה בדוגמאות/בקוד","samplesCodeIssue","thumb-down"],["סיבה אחרת","otherDown","thumb-down"]],["עדכון אחרון: 2025-07-27 (שעון UTC)."],[],[],null,["# UX\n\nTIER 2 --- Large screen optimized\n| **Objective:** Make your app [large screen\n| optimized](/docs/quality-guidelines/large-screen-app-quality#large_screen_optimized) by meeting the [LS-U1](/docs/quality-guidelines/large-screen-app-quality#LS-U1) through [LS-U4](/docs/quality-guidelines/large-screen-app-quality#LS-U4) user interface requirements of the [Large screen app\n| quality](/docs/quality-guidelines/large-screen-app-quality) guidelines.\n\nTo users, the user interface is the app. The UI determines the user experience,\nwhich determines user satisfaction, app usage, app purchases, customer\nretention.\n\nLarge screens offer expansive display space for innovative, accommodative UIs\nthat provide a UX small screens can't replicate.\n\nOptimize your app for large screens by including the following UI elements:\n\n- Navigation rail or navigation drawer\n- Large touch targets\n- Well-placed menus and dialogs\n- Multipane layouts\n\nAdaptive layouts\n----------------\n\nCreate adaptive layouts that optimize your app's UI on screens large and small.\nDesign and build for multiple form factors simultaneously. Future-proof your app\nfor new device types.\n\nCanonical layouts\n-----------------\n\nTake advantage of proven large screen layouts to make your app UX exceptional.\nCreate a list‑detail, supporting pane, or feed layout to make more content\nmore manageable and more enjoyable.\n\nResponsive UI\n-------------\n\nFormat UI elements based on screen size. Constrain the width of buttons, cards,\nand text fields that are full width on small screens to a functionally\nappropriate size on large screens. Don't let dialog boxes and other modal\nwindows fill the entire screen. Position context menus and other\nelement‑related pop‑up displays adjacent to the element the user\nselected, not centered on screen.\n\nActivity embedding\n------------------\n\nUpdate your activity‑based legacy apps with multipane layouts on large\nscreens. No code refactoring required. Configure your layouts in XML or with a\nfew Jetpack WindowManager API calls.\n\nNext steps\n----------\n\nTo learn about UI development for optimized UX, see the following developer\nguides:\n\n- [About adaptive layouts](/develop/ui/compose/layouts/adaptive)\n- [Canonical layouts](/develop/ui/compose/layouts/adaptive/canonical-layouts)\n- [Build responsive navigation](/develop/ui/views/layout/build-responsive-navigation)\n- [Activity embedding](/develop/ui/views/layout/activity-embedding)"]]
