طراحی برای صفحه نمایش های بزرگ از ابتدا

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

هنگام شروع طراحی اپلیکیشن خود، موارد استفاده متفاوتی را در نظر بگیرید. به عنوان مثال:

  • دستگاه‌های صفحه‌نمایش بزرگ به کاربران فضای بیشتری برای تعامل با محتوای برنامه رسانه شما به روش‌های مختلف می‌دهند.

  • کاربران ممکن است هنگام تماشای یک ویدیو در یک پیکربندی چند پنجره ای چند کار را انجام دهند یا از مزایای صفحه نمایش بزرگتر برای اعمال ویرایش های پیچیده تر پس از گرفتن یک تصویر استفاده کنند.

  • کاربران ممکن است برای ارتباط با تماس های ویدیویی و دیدن دوستان و خانواده خود با جزئیات بیشتر، به رایانه لوحی مراجعه کنند. برنامه شما می‌تواند زمینه غنی‌تری را درباره عنوان یا صحنه در یک پوشش پخش سفارشی نمایش دهد یا گزینه‌های کنترل بیشتری را روی صفحه ارائه دهد.

  • چرخ فلک ها در نمای مرور می توانند تنوع بیشتری برای جذابیت بصری بیشتر داشته باشند، یا برنامه رسانه شما می تواند با ارائه یک فید قابل مرور در کنار هم همراه با پخش، کاربران را درگیر خود کند.

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

برنامه رسانه خود را به طور پیش فرض پاسخگو کنید

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

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

طراحی بر اساس دستورالعمل

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

برنامه شما باید بدون در نظر گرفتن فاکتور فرم دستگاه، اندازه صفحه نمایش، حالت نمایش یا وضعیت بدن، یک تجربه کاربری عالی ارائه دهد، بنابراین برنامه خود را طبق دستورالعمل های ردیف 1، 2 و 3 زیر طراحی کنید.

دستورالعمل ها مجموعه جامعی از الزامات کیفیت را برای اکثر انواع برنامه های اندرویدی تعریف می کنند.

ردیف 3:

در این سطح ابتدایی، برنامه شما همچنان باید به UI و الزامات گرافیکی پایبند باشد. برنامه شما برای صفحه نمایش بزرگ آماده است و کاربران می توانند جریان های وظایف حیاتی را انجام دهند اما با تجربه کاربری کمتر از بهینه.

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

ردیف 2:

در اینجا، برنامه شما بهینه‌سازی‌های چیدمان را برای همه اندازه‌های صفحه و پیکربندی دستگاه، همراه با پشتیبانی پیشرفته از دستگاه‌های ورودی خارجی اجرا می‌کند. برای جزئیات، به صفحه نمایش بزرگ بهینه شده را ببینید.

ردیف 1:

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

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

طرح بندی های بهینه شده

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

اجزای ریل ناوبری و کشو، ناوبری غیرعادی را برای راحتی و کنترل رابط کاربری فراهم می کنند. اجزاء همچنین با قرار دادن مقاصد ناوبری اولیه در دسترس نزدیک در حالی که حداقل فضای صفحه را اشغال می کنند، چیدمان های متعارف (فهرست-جزئیات، فید و صفحه پشتیبانی) را تکمیل می کنند.

طرح بندی رسانه ها

با اجرای طرح‌بندی‌های رسانه‌ای خاص برای جزئیات فهرست، فید و صفحه پشتیبانی، برنامه‌تان را قابل استفاده‌تر کنید. برای اطلاعات در مورد طرح‌بندی‌های MDX، Flutter و Compose، به منابع طرح‌بندی مراجعه کنید.

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

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

  • صفحه پشتیبان: با مناطق نمایش اولیه و ثانویه، برنامه شما می‌تواند یک صفحه پشتیبانی برای زمینه، ارتباط یا مرجع، مانند فهرست پیمایشی از عناوین مشابه، بررسی‌های منتشر شده، یا آثار اضافی از همان هنرمندان یا بازیگران، جاسازی کند. برای جزئیات بیشتر، به پشتیبانی از طرح‌بندی‌های صفحه مراجعه کنید.

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

طرح بندی رسانه های اجتماعی

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

  • لیست جزئیات: این برای برنامه های پیام رسانی، مدیران مخاطب یا مرورگرهای فایل ایده آل است. برای مثال، برنامه شما می‌تواند فهرستی از مکالمات را در کنار جزئیات نمایش دهد تا در آخرین پیام‌ها به‌روز بماند. برای اطلاعات بیشتر، به طرح‌بندی‌های فهرست جزئیات مراجعه کنید.

  • فید: اجزای رایج در این سبک چیدمان کارت ها و لیست ها هستند. به عنوان مثال، یک کلاژ از پست ها در قالب شبکه ای انعطاف پذیر ایجاد کنید یا از اندازه و موقعیت برای جلب توجه به پست های برجسته استفاده کنید. کاربران می توانند به سرعت گروه های بزرگی از محتوا را مشاهده کنند. برای اطلاعات بیشتر، به طرح‌بندی فید مراجعه کنید.

  • صفحه پشتیبانی: برنامه های جستجو و مرجع یا یک برنامه بهره وری می توانند از این سبک چیدمان بهره مند شوند. ابزارهای ایجاد محتوا را در دسترس کاربر نگه می دارد. به عنوان مثال، برنامه شما می تواند به کاربران اجازه دهد تنظیمات را انجام دهند، به پالت های رنگی دسترسی داشته باشند، جلوه ها را اعمال کنند و تغییرات را فورا مشاهده کنند. برای اطلاعات بیشتر، به پشتیبانی از طرح‌بندی‌های پنجره مراجعه کنید.

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

بهترین روش ها برای برنامه های رسانه ای صفحه بزرگ

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

جهت گیری و تغییر اندازه

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

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

هرگونه محدودیت برای جهت‌گیری، نحوه تعامل کاربران با محتوا یا مصرف رسانه را کاهش می‌دهد، که استفاده از برنامه شما را محدود می‌کند. تغییر جهت می تواند تا حدی بر اندازه تأثیر بگذارد، اما تغییر اندازه لزوماً جهت را تغییر نمی دهد.

میانبرهای صفحه کلید

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

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

پشتیبانی از پیش نمایش دوربین

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

به عنوان مثال، اگر کاربری با تبلت خود عکسی می گیرد اما در صفحه تبلت خود عکس می گیرد، این یک تجربه غیربهینه است. شامل پشتیبانی از پیش نمایش دوربین برای صفحه نمایش های بزرگ.

برای اطلاعات بیشتر، به پیش‌نمایش CameraX یا پیش‌نمایش Camera2 مراجعه کنید.

حالت های تاشو

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

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