اصول طراحی اپلیکیشن، اصول طراحی اپلیکیشن

برنامه یکی از سطوح اصلی در Wear OS است. برنامه‌ها با پیچیدگی‌ها یا کاشی‌ها متفاوت هستند، که نمایش‌های قابل نگاهی از محتوای برنامه هستند. برنامه ها اطلاعات بیشتری را نمایش می دهند و از تعامل غنی تر پشتیبانی می کنند. کاربر اغلب از یک سطح دیگر مانند اعلان، پیچیدگی، کاشی یا کنش صوتی وارد برنامه می شود.

اصول

اصول زیر را هنگام طراحی اپلیکیشن ها در نظر داشته باشید:

  • متمرکز: روی کارهای حیاتی تمرکز کنید تا به افراد کمک کنید کارها را در چند ثانیه انجام دهند.

  • سطحی و خطی: از ایجاد سلسله مراتب عمیق تر از دو سطح خودداری کنید. در صورت امکان، محتوا و پیمایش را به صورت درون خطی نمایش دهید.

  • پیمایش: برنامه ها می توانند پیمایش کنند. این یک حرکت طبیعی برای کاربران برای مشاهده محتوای بیشتر در ساعت است.

رهنمودها

این دستورالعمل ها را هنگام طراحی برنامه ها دنبال کنید.

بهینه سازی برای طرح بندی عمودی

طراحی برنامه خود را با استفاده از طرح‌بندی‌های عمودی، که به کاربران امکان می‌دهد برای حرکت در محتوا در یک جهت حرکت کنند، ساده کنید.

هدف این برنامه بردن کاربر از نقطه A به نقطه B است.
از پیمایش عمودی و افقی استفاده نکنید، زیرا این کار می‌تواند تجربه برنامه شما را گیج‌کننده کند. استثنا برخی موارد استفاده خاص از جمله پخش رسانه است که می تواند از پیمایش عمودی و افقی پشتیبانی کند.

زمان را نشان دهید

کاربران تمایل دارند زمان بیشتری را در برنامه ها صرف کنند، بنابراین دسترسی سریع به زمان بسیار مهم است.

زمان را در بالای برنامه نمایش دهید، زیرا مکانی ثابت برای مشاهده زمان برای کاربر فراهم می کند.
زمان را در یک دیالوگ، صفحه تأیید یا انتخابگر نمایش دهید، زیرا کاربران احتمالاً فقط چند ثانیه را در آن صفحه ها صرف می کنند.

برای اطلاعات بیشتر در مورد طراحی و استفاده، به متن زمان مراجعه کنید.

نقاط ورودی درون خطی قابل دسترس

اطمینان حاصل کنید که همه اقدامات به صورت خطی نمایش داده می شوند، با استفاده از نمادهای واضح و برچسب ها برای دسترسی. این شامل نقاط ورودی به تنظیمات و ترجیحات است.

در صورت امکان از نمادها و برچسب ها استفاده کنید.
تنها به آیکون ها تکیه کنید تا کاربر را وادار به اقدام کند.

اقدامات اولیه را بالا ببرید

با کشیدن کنش‌های اصلی به بالای برنامه، به کاربران کمک کنید در برنامه شما اقدامی انجام دهند. اقدامات اولیه غیر مبهم را به بالای برنامه ارتقا دهید.

از برچسب ها برای جهت دهی به کاربران استفاده کنید

برای برنامه‌های طولانی‌تر، به کاربر با برچسب‌ها در هنگام حرکت در محتوا کمک کنید.

از شکستگی‌های بخش، برچسب‌ها و سایر نشانه‌ها برای سازماندهی محتوا و کمک به جهت‌یابی کاربران در حین حرکت در نماهای طولانی‌تر با محتوای ترکیبی استفاده کنید.
برای برنامه هایی که حاوی یک نوع محتوا هستند برچسب اضافه کنید.

نوار اسکرول را نشان دهید

همانطور که در تصویر زیر نشان داده شده است، اگر کل نمای اسکرول می شود، نوار پیمایش را نشان دهید. برای اطلاعات بیشتر، نشانگر موقعیت را ببینید.

ظروف محتوا

نمونه های زیر از کانتینرهای محتوا را ببینید.

شکل 1. ظرف با ارتفاع ثابت.
شکل 2. ظرف با ارتفاع متغیر.
شکل 3. ظرفی با ارتفاع و عرض بزرگتر از نما.
شکل 4. ظرف صفحه بندی شده.
شکل 5 الف. صفحات محتوایی که ابعاد کامل صفحه را می گیرند و به صورت عمودی صفحه بندی می شوند.
،

برنامه یکی از سطوح اصلی در Wear OS است. برنامه‌ها با پیچیدگی‌ها یا کاشی‌ها متفاوت هستند، که نمایش‌های قابل نگاهی از محتوای برنامه هستند. برنامه ها اطلاعات بیشتری را نمایش می دهند و از تعامل غنی تر پشتیبانی می کنند. کاربر اغلب از یک سطح دیگر مانند اعلان، پیچیدگی، کاشی یا کنش صوتی وارد برنامه می شود.

اصول

اصول زیر را هنگام طراحی اپلیکیشن ها در نظر داشته باشید:

  • متمرکز: روی کارهای حیاتی تمرکز کنید تا به افراد کمک کنید کارها را در چند ثانیه انجام دهند.

  • سطحی و خطی: از ایجاد سلسله مراتب عمیق تر از دو سطح خودداری کنید. در صورت امکان، محتوا و پیمایش را به صورت درون خطی نمایش دهید.

  • پیمایش: برنامه ها می توانند پیمایش کنند. این یک حرکت طبیعی برای کاربران برای مشاهده محتوای بیشتر در ساعت است.

رهنمودها

این دستورالعمل ها را هنگام طراحی برنامه ها دنبال کنید.

بهینه سازی برای طرح بندی عمودی

طراحی برنامه خود را با استفاده از طرح‌بندی‌های عمودی، که به کاربران امکان می‌دهد برای حرکت در محتوا در یک جهت حرکت کنند، ساده کنید.

هدف این برنامه بردن کاربر از نقطه A به نقطه B است.
از پیمایش عمودی و افقی استفاده نکنید، زیرا این کار می‌تواند تجربه برنامه شما را گیج‌کننده کند. استثنا برخی موارد استفاده خاص از جمله پخش رسانه است که می تواند از پیمایش عمودی و افقی پشتیبانی کند.

زمان را نشان دهید

کاربران تمایل دارند زمان بیشتری را در برنامه ها صرف کنند، بنابراین دسترسی سریع به زمان بسیار مهم است.

زمان را در بالای برنامه نمایش دهید، زیرا مکانی ثابت برای مشاهده زمان برای کاربر فراهم می کند.
زمان را در یک دیالوگ، صفحه تأیید یا انتخابگر نمایش دهید، زیرا کاربران احتمالاً فقط چند ثانیه را در آن صفحه ها صرف می کنند.

برای اطلاعات بیشتر در مورد طراحی و استفاده، به متن زمان مراجعه کنید.

نقاط ورودی درون خطی قابل دسترس

اطمینان حاصل کنید که همه اقدامات به صورت خطی نمایش داده می شوند، با استفاده از نمادهای واضح و برچسب ها برای دسترسی. این شامل نقاط ورودی به تنظیمات و ترجیحات است.

در صورت امکان از نمادها و برچسب ها استفاده کنید.
تنها به آیکون ها تکیه کنید تا کاربر را وادار به اقدام کند.

اقدامات اولیه را بالا ببرید

با کشیدن کنش‌های اصلی به بالای برنامه، به کاربران کمک کنید در برنامه شما اقدامی انجام دهند. اقدامات اولیه غیر مبهم را به بالای برنامه ارتقا دهید.

از برچسب ها برای جهت دهی به کاربران استفاده کنید

برای برنامه‌های طولانی‌تر، به کاربر با برچسب‌ها در هنگام حرکت در محتوا کمک کنید.

از شکستگی‌های بخش، برچسب‌ها و سایر نشانه‌ها برای سازماندهی محتوا و کمک به جهت‌یابی کاربران در حین حرکت در نماهای طولانی‌تر با محتوای ترکیبی استفاده کنید.
برای برنامه هایی که حاوی یک نوع محتوا هستند برچسب اضافه کنید.

نوار اسکرول را نشان دهید

همانطور که در تصویر زیر نشان داده شده است، اگر کل نمای اسکرول می شود، نوار پیمایش را نشان دهید. برای اطلاعات بیشتر، نشانگر موقعیت را ببینید.

ظروف محتوا

نمونه های زیر از کانتینرهای محتوا را ببینید.

شکل 1. ظرف با ارتفاع ثابت.
شکل 2. ظرف با ارتفاع متغیر.
شکل 3. ظرفی با ارتفاع و عرض بزرگتر از نما.
شکل 4. ظرف صفحه بندی شده.
شکل 5 الف. صفحات محتوایی که ابعاد کامل صفحه را می گیرند و به صورت عمودی صفحه بندی می شوند.