رابط کاربری

آیکون بهینه شده تطبیقی ​​سطح ۲

سطح ۲ - بهینه‌سازی تطبیقی

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

صفحه نمایش‌های بزرگ فضای نمایش گسترده‌ای را برای رابط‌های کاربری نوآورانه و تطبیق‌پذیر فراهم می‌کنند که تجربه کاربری (UX) را ارائه می‌دهند که صفحه نمایش‌های کوچک نمی‌توانند آن را تکرار کنند.

با گنجاندن عناصر رابط کاربری زیر، برنامه خود را برای صفحات نمایش بزرگ بهینه کنید:

  • ریل ناوبری یا کشوی ناوبری
  • اهداف لمسی بزرگ
  • منوها و دیالوگ‌های مناسب
  • طرح‌بندی‌های چندبخشی

طرح‌بندی‌های تطبیقی

طرح‌بندی‌های تطبیقی ​​ایجاد کنید که رابط کاربری برنامه شما را در صفحه نمایش‌های بزرگ و کوچک بهینه کند. برای چندین فرم فاکتور به طور همزمان طراحی و بسازید. برنامه خود را برای انواع دستگاه‌های جدید در آینده مقاوم کنید.

طرح‌بندی‌های متعارف

از طرح‌بندی‌های تطبیقی ​​اثبات‌شده برای بهبود تجربه کاربری برنامه خود بهره ببرید. یک طرح‌بندی فهرست-جزئیات، پنل پشتیبانی یا فید ایجاد کنید تا محتوای بیشتری را قابل مدیریت‌تر و لذت‌بخش‌تر کنید.

رابط کاربری واکنش‌گرا

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

تعبیه فعالیت

برنامه‌های قدیمی مبتنی بر فعالیت خود را با طرح‌بندی‌های چندبخشی روی صفحات بزرگ به‌روزرسانی کنید. نیازی به تغییر کد نیست. طرح‌بندی‌های خود را در XML یا با چند فراخوانی API Jetpack WindowManager پیکربندی کنید.

مراحل بعدی

برای کسب اطلاعات در مورد توسعه رابط کاربری برای تجربه کاربری بهینه، به راهنماهای توسعه‌دهندگان زیر مراجعه کنید: