Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Uygulama, Wear OS'teki birincil platformlardan biridir. Uygulamalar, uygulama içeriğinin göz atılabilir gösterimlerini sağlayan komplikasyonlardan veya kartlardan farklıdır.
Uygulamalar daha fazla bilgi gösterir ve daha zengin etkileşimi destekler. Kullanıcı genellikle bir uygulamaya bildirim, komplikasyon, Kart veya sesli işlem gibi başka bir yüzeyden girer.
İlkeler
Uygulama tasarlarken aşağıdaki ilkeleri göz önünde bulundurun:
Odaklanmış: Kullanıcıların işlerini saniyeler içinde halletmelerine yardımcı olmak için kritik görevlere odaklanın.
Sığ ve doğrusal: İki düzeyden daha derin hiyerarşiler oluşturmaktan kaçının.
Mümkün olduğunda içeriği ve gezinme menüsünü satır içi olarak göstermeyi hedefleyin.
Kaydırma: Uygulamalarda kaydırma yapılabilir. Bu, kullanıcıların kol saatinde daha fazla içerik görmesi için doğal bir harekettir.
Kurallar
Uygulama tasarlarken bu yönergeleri uygulayın.
Dikey yerleşimler için optimizasyon
Kullanıcıların içerik arasında tek bir yönde kaydırarak gezinmesine olanak tanıyan dikey düzenler kullanarak uygulamanızın tasarımını basitleştirin.
check_circle
Yapılması gerekenler
Bu uygulamanın amacı, kullanıcıyı A noktasından B noktasına götürmektir.
cancel
Yapılmaması gerekenler
Hem dikey hem de yatay kaydırma özelliğini kullanmayın. Bu, uygulama deneyiminizi kafa karıştırıcı hale getirebilir. Bunun istisnası, hem dikey hem de yatay kaydırmayı destekleyebilecek medya oynatma gibi belirli kullanım alanlarıdır.
Saati gösterme
Kullanıcılar uygulamalarda daha fazla zaman geçirmeye eğilimlidir. Bu nedenle, saate hızlı erişim sağlamak önemlidir.
check_circle
Yapılması gerekenler
Kullanıcının saati görüntüleyebileceği tutarlı bir yer sağladığı için saati uygulamanın üst kısmında gösterin.
cancel
Yapılmaması gerekenler
Kullanıcıların bu ekranlarda yalnızca birkaç saniye geçireceği için zamanı bir iletişim kutusunda, onay ekranında veya seçicide gösterin.
Tasarım ve kullanım hakkında daha fazla bilgi için Saat metni başlıklı makaleyi inceleyin.
Satır içi erişilebilir giriş noktaları
Erişilebilirlik için net simgeler ve etiketler kullanarak tüm işlemlerin satır içi olarak görüntülendiğinden emin olun. Ayarlar ve tercihlere giriş noktaları da buna dahildir.
check_circle
Yapılması gerekenler
Mümkünse hem simgeler hem de etiketler kullanın.
cancel
Yapılmaması gerekenler
Kullanıcıyı işlem yapmaya yönlendirmek için yalnızca simgelere güvenmeyin.
Birincil işlemleri öne çıkarın
Birincil işlemleri uygulamanın üst kısmına taşıyarak kullanıcıların uygulamanızda işlem yapmasına yardımcı olun. Anlaşılır birincil işlemleri uygulamanın üst kısmına taşıyın.
Kullanıcılara yön vermek için etiketleri kullanma
Daha uzun uygulamalarda, kullanıcılar içerikte gezinirken etiketlerle kullanıcıya yön gösterin.
check_circle
Yapılması gerekenler
İçerikleri düzenlemek ve kullanıcıların karma içeriklerin yer aldığı uzun görüntülemelerde gezinirken yön bulmalarına yardımcı olmak için bölüm araları, etiketler ve diğer işaretleri kullanın.
cancel
Yapılmaması gerekenler
Tek bir içerik türü içeren uygulamalar için etiket ekleyin.
Kaydırma çubuğunu gösterme
Görünümün tamamı kaydırılıyorsa aşağıdaki resimde gösterildiği gibi kaydırma çubuğunu gösterin.
Daha fazla bilgi için Konum göstergesi bölümüne bakın.
İçerik kapsayıcıları
İçerik kapsayıcılarıyla ilgili aşağıdaki örneklere bakın.
Şekil 1. Sabit yükseklikteki kapsayıcı.
Şekil 2. Değişken yükseklikteki kapsayıcı.
Şekil 3. Görüntü alanından daha yüksek ve geniş bir kapsayıcı.
Şekil 4. Sayfaya bölünmüş bir kapsayıcı.
Şekil 5a. Ekranın tüm boyutunu kaplayan ve dikey olarak sayfalara ayrılmış içerik sayfaları.
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,["# App design principles\n\nAn app is one of the primary surfaces on Wear OS. Apps are different from\ncomplications or tiles, which are glanceable representations of app content.\nApps display more information and support richer interactivity. The user often\nenters an app from another surface, such as a notification, complication, Tile,\nor voice action.\n\nPrinciples\n----------\n\nKeep the following principles in mind when designing apps:\n\n- **Focused:** Focus on critical tasks to help people get things done within\n seconds.\n\n- **Shallow and linear:** Avoid creating hierarchies deeper than two levels.\n Aim to display content and navigation inline when possible.\n\n- **Scrolling:** Apps can scroll. This is a natural gesture for users to see\n more content on the watch.\n\nGuidelines\n----------\n\nFollow these guidelines when designing apps.\n\n### Optimize for vertical layouts\n\nSimplify your app's design by using vertical layouts, which allow users to\nscroll in a single direction to move through content. \ncheck_circle\n\n### Do\n\nThis app's goal is to take the user from point A to point B. \ncancel\n\n### Don't\n\nDon't use both vertical and horizontal scrolling, as this can make your app experience confusing. The exception is some specific use cases, including media playback, which can support both vertical and horizontal scrolling.\n\n### Show the time\n\nUsers tend to spend more time in apps, so it's important to provide\nquick access to the time. \ncheck_circle\n\n### Do\n\nDisplay the time at the top of the app, as this provides a consistent place for the user to view the time. \ncancel\n\n### Don't\n\nDisplay the time in a dialog, confirmation screen, or picker, as users are likely to spend only a few seconds on those screens.\n\nFor more information about design and usage, see\n[Time text](/training/wearables/compose/time-text).\n\n### Accessible inline entry points\n\nEnsure all actions are displayed inline, using clear iconography and labels for\naccessibility. This includes entry points to settings and preferences. \ncheck_circle\n\n### Do\n\nUse both icons and labels when possible. \ncancel\n\n### Don't\n\nRely solely on icons to prompt the user to take action.\n\n### Elevate primary actions\n\nHelp users take action in your app by pulling primary actions to the top of the\napp. Elevate non-ambiguous primary actions to the top of the app.\n\n### Use labels to orient users\n\nFor longer apps, help orient the user with labels as they scroll through the\ncontent. \ncheck_circle\n\n### Do\n\nUse section breaks, labels, and other cues to organize content and help orient users as they scroll through longer views with mixed content. \ncancel\n\n### Don't\n\nAdd a label for apps that contain a single content type.\n\n### Show the scrollbar\n\nShow the scrollbar if the entire view scrolls, as shown in the following image.\nFor more information, see [Position indicator](/training/wearables/compose/position-indicators).\n\nContent containers\n------------------\n\nSee the following examples of content containers.\n\n\n**Figure 1.** Container of fixed height. \n\n**Figure 2.** Container of variable height.\n\n\u003cbr /\u003e\n\n\n**Figure 3.** Container of height and width greater than the viewport. \n\n**Figure 4.** A paginated container.\n\n\u003cbr /\u003e\n\n\n**Figure 5a.** Content pages that take the full dimension of the screen and are\npaginated vertically. \n\n\u003cbr /\u003e\n\n| **Note:** Users find vertical layouts much easier to navigate than paginated UI's. Paginated UI's are best for situations when the user needs to navigate content using gross gestures, such as when working out or on the go. Because of this, they are generally used in workout and media app UIs."]]
