تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
التطبيق هو أحد مساحات العرض الأساسية على نظام التشغيل Wear OS. تختلف التطبيقات عن
الملحقات أو المربّعات التي تعرض محتوى التطبيق بشكل سريع.
تعرض التطبيقات المزيد من المعلومات وتتيح تفاعلاً أكثر ثراءً. غالبًا ما يدخل المستخدم
إلى تطبيق من سطح آخر، مثل إشعار أو شاشة معلومات أو مربّع أو
إجراء صوتي.
المبادئ
يُرجى مراعاة المبادئ التالية عند تصميم التطبيقات:
التركيز: يمكنك التركيز على المهام المهمة لمساعدة المستخدمين في إنجاز المهام في غضون
ثوانٍ.
السطحية والخطية: تجنَّب إنشاء تسلسلات هرمية أكثر من مستويَين.
احرص على عرض المحتوى وعناصر التنقّل مضمّنة في الصفحة كلما أمكن ذلك.
الانتقال للأعلى أو للأسفل: يمكن للتطبيقات الانتقال للأعلى أو للأسفل. هذه إيماءة طبيعية للمستخدمين لعرض
مزيد من المحتوى على الساعة.
الإرشادات
اتّبِع هذه الإرشادات عند تصميم التطبيقات.
تحسين المحتوى للتنسيقات العمودية
يمكنك تبسيط تصميم تطبيقك باستخدام التنسيقات العمودية التي تسمح للمستخدمين بالتمرير في اتجاه واحد للتنقّل في المحتوى.
check_circle
الإجراءات التي يُنصح بها
هدف هذا التطبيق هو نقل المستخدم من النقطة "أ" إلى النقطة "ب".
cancel
الإجراءات غير المُوصى بها
لا تستخدِم ميزة الانتقال العمودي والأفقي في الوقت نفسه، لأنّ ذلك قد يؤدي إلى
إرباك تجربة استخدام تطبيقك. ويُستثنى من ذلك بعض حالات الاستخدام المحدّدة، بما في ذلك تشغيل الوسائط، والتي يمكن أن تتيح التمرير عموديًا
وأفقيًا.
عرض الوقت
يميل المستخدمون إلى قضاء وقت أطول في التطبيقات، لذا من المهم توفير إمكانية
الوصول السريع إلى الوقت.
check_circle
الإجراءات التي يُنصح بها
اعرض الوقت في أعلى التطبيق، لأنّ ذلك يوفر مكانًا ثابتًا للمستخدم لعرض الوقت.
cancel
الإجراءات غير المُوصى بها
يمكنك عرض الوقت في مربّع حوار أو شاشة تأكيد أو أداة اختيار، لأنّه من المرجّح أن يقضي المستخدمون بضع ثوانٍ فقط على هذه الشاشات.
لمزيد من المعلومات عن التصميم والاستخدام، يُرجى الاطّلاع على
نص الوقت.
نقاط الدخول المضمّنة القابلة للوصول
تأكَّد من عرض جميع الإجراءات مضمّنةً، باستخدام رموز وتسميات واضحة لأجل
تسهيل الاستخدام. ويشمل ذلك نقاط الدخول إلى الإعدادات والإعدادات المفضّلة.
check_circle
الإجراءات التي يُنصح بها
استخدِم الرموز والتصنيفات كلما أمكن.
cancel
الإجراءات غير المُوصى بها
الاعتماد على الرموز فقط لحثّ المستخدم على اتّخاذ إجراء
ترقية الإجراءات الأساسية
يمكنك مساعدة المستخدمين على اتّخاذ إجراء في تطبيقك من خلال نقل الإجراءات الأساسية إلى أعلى
التطبيق. ويجب وضع الإجراءات الأساسية غير المُربكة في أعلى التطبيق.
استخدام التصنيفات لتوجيه المستخدمين
بالنسبة إلى التطبيقات الأطول، يمكنك مساعدة المستخدم في التعرّف على المحتوى من خلال التصنيفات أثناء تصفّحه.
check_circle
الإجراءات التي يُنصح بها
استخدِم الفواصل بين الأقسام والعلامات والإشارات الأخرى لتنظيم المحتوى والمساعدة في توجيه المستخدمين أثناء تصفّحهم لعروض أطول تتضمّن محتوى متنوّعًا.
cancel
الإجراءات غير المُوصى بها
أضِف تصنيفًا للتطبيقات التي تحتوي على نوع محتوى واحد.
إظهار شريط التمرير
أظهِر شريط التمرير إذا كان بالإمكان الانتقال للأعلى أو للأسفل في العرض بالكامل، كما هو موضّح في الصورة التالية.
لمزيد من المعلومات، يُرجى الاطّلاع على مؤشر الموضع.
حاويات المحتوى
اطّلِع على الأمثلة التالية لحاويات المحتوى.
الشكل 1: حاوية ذات ارتفاع ثابت
الشكل 2: حاوية بارتفاع متغيّر
الشكل 3: حاوية ذات ارتفاع وعرض أكبر من إطار العرض
الشكل 4: حاوية مُقسّمة إلى صفحات
الشكل 5(أ). صفحات المحتوى التي تشغل البُعد الكامل للشاشة ويتم
تقسيمها عموديًا إلى صفحات
يخضع كل من المحتوى وعيّنات التعليمات البرمجية في هذه الصفحة للتراخيص الموضحّة في ترخيص استخدام المحتوى. إنّ Java وOpenJDK هما علامتان تجاريتان مسجَّلتان لشركة Oracle و/أو الشركات التابعة لها.
تاريخ التعديل الأخير: 2025-07-27 (حسب التوقيت العالمي المتفَّق عليه)
[[["يسهُل فهم المحتوى.","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 (حسب التوقيت العالمي المتفَّق عليه)"],[],[],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."]]
