kullanıcı deneyimi
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
2. KATMAN — Büyük ekranlar için optimize edilmiş
Kullanıcılar için kullanıcı arayüzü uygulamadır. Kullanıcı arayüzü, kullanıcı deneyimini belirler. Kullanıcı deneyimi de kullanıcı memnuniyetini, uygulama kullanımını, uygulama satın alma işlemlerini ve müşteri bağlılığını belirler.
Büyük ekranlar, küçük ekranların sunamayacağı bir kullanıcı deneyimi sağlayan yenilikçi ve uyumlu kullanıcı arayüzleri için geniş bir ekran alanı sunar.
Aşağıdaki kullanıcı arayüzü öğelerini ekleyerek uygulamanızı büyük ekranlar için optimize edin:
- Gezinme çubuğu veya gezinme çekmecesi
- Büyük dokunma hedefleri
- İyi yerleştirilmiş menüler ve iletişim kutuları
- Çok bölmeli düzenler
Uyarlanabilir düzenler
Uygulamanızın kullanıcı arayüzünü büyük ve küçük ekranlarda optimize eden uyarlanabilir düzenler oluşturun.
Aynı anda birden fazla form faktörü için tasarım ve geliştirme yapın. Uygulamanızı yeni cihaz türlerine hazırlayın.
Standart düzenler
Uygulamanızın kullanıcı deneyimini olağanüstü hale getirmek için kanıtlanmış büyük ekran düzenlerinden yararlanın.
Daha fazla içeriği daha yönetilebilir ve keyifli hale getirmek için liste ayrıntısı, destekleyici bölme veya feed düzeni oluşturun.
Duyarlı kullanıcı arayüzü
Kullanıcı arayüzü öğelerini ekran boyutuna göre biçimlendirin. Küçük ekranlarda tam genişlikte olan düğmelerin, kartların ve metin alanlarının genişliğini, büyük ekranlarda işlevsel olarak uygun bir boyuta kısıtlayın. İletişim kutularının ve diğer modal pencerelerin ekranın tamamını doldurmasına izin vermeyin. İçerik menüleri ve öğeyle ilgili diğer pop-up ekranları ekranın ortasına değil, kullanıcının seçtiği öğenin yanına yerleştirin.
Etkinlik yerleştirme
Etkinliğe dayalı eski uygulamalarınızı büyük ekranlarda çok bölmeli düzenlerle güncelleyin. Kod yeniden düzenlemesi gerekmez. Düzenlemelerinizi XML'de veya birkaç Jetpack WindowManager API çağrısıyla yapılandırın.
Sonraki adımlar
Optimize edilmiş kullanıcı deneyimi için kullanıcı arayüzü geliştirme hakkında bilgi edinmek üzere aşağıdaki geliştirici kılavuzlarına göz atın:
Bu sayfadaki içerik ve kod örnekleri, İçerik Lisansı sayfasında açıklanan lisanslara tabidir. Java ve OpenJDK, Oracle ve/veya satış ortaklarının tescilli ticari markasıdır.
Son güncelleme tarihi: 2025-07-27 UTC.
[[["Anlaması kolay","easyToUnderstand","thumb-up"],["Sorunumu çözdü","solvedMyProblem","thumb-up"],["Diğer","otherUp","thumb-up"]],[["İhtiyacım olan bilgiler yok","missingTheInformationINeed","thumb-down"],["Çok karmaşık / çok fazla adım var","tooComplicatedTooManySteps","thumb-down"],["Güncel değil","outOfDate","thumb-down"],["Çeviri sorunu","translationIssue","thumb-down"],["Örnek veya kod sorunu","samplesCodeIssue","thumb-down"],["Diğer","otherDown","thumb-down"]],["Son güncelleme tarihi: 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)"]]
