دستگاه‌های اندروید در انواع مختلفی از فرم فاکتورها - تلفن‌ها، تبلت‌ها، دستگاه‌های تاشو، دستگاه‌های ChromeOS - عرضه می‌شوند که طیف وسیعی از اندازه صفحه نمایش را دارند. اندروید از حالت‌های نمایش زیادی از جمله چند پنجره‌ای، چند نمایشگری، فرم آزاد و تصویر در تصویر پشتیبانی می‌کند. دستگاه‌های تاشو می‌توانند در حالت‌ها یا حالت‌های مختلفی مانند رومیزی یا کتابی باشند.
هنگام شروع طراحی برنامه، موارد استفاده مختلف را برای آن در نظر بگیرید. به عنوان مثال:
دستگاه‌های صفحه نمایش بزرگ به کاربران فضای بیشتری برای تعامل با محتوای برنامه رسانه‌ای شما به روش‌های مختلف می‌دهند.
کاربران ممکن است هنگام تماشای ویدیو در پیکربندی چند پنجره‌ای، چند کار را همزمان انجام دهند یا از صفحه نمایش بزرگتر برای اعمال ویرایش‌های پیچیده‌تر پس از گرفتن تصویر استفاده کنند.
کاربران ممکن است برای ارتباط با تماس‌های ویدیویی و دیدن دوستان و خانواده خود با جزئیات بیشتر به تبلت روی آورند. برنامه شما می‌تواند زمینه غنی‌تری درباره یک عنوان یا صحنه را در یک پوشش پخش سفارشی نمایش دهد یا گزینه‌های کنترل بیشتری را روی صفحه ارائه دهد.
چرخ و فلک‌ها در نمای مرور می‌توانند تنوع بیشتری برای جذابیت بصری بیشتر ارائه دهند، یا برنامه رسانه‌ای شما می‌تواند با ارائه یک فید قابل مرور در کنار پخش، کاربران را درگیر خود نگه دارد.
به خاطر داشته باشید که برنامه رسانه‌ای شما کد یکسانی دارد که روی یک تلفن استاندارد، یک گوشی تاشو، یک تبلت و دستگاه‌های ChromeOS اجرا می‌شود، بنابراین باید از همان ابتدای توسعه برنامه خود، برای صفحه نمایش‌های بزرگ طراحی کنید. برای اطلاعات بیشتر و مثال‌های بصری، به گالری صفحه نمایش بزرگ مراجعه کنید.
برنامه رسانه‌ای خود را به طور پیش‌فرض واکنش‌گرا کنید
با تطبیق‌پذیر کردن طرح‌بندی برنامه‌تان در تلفن‌ها، تبلت‌ها، دستگاه‌های تاشو و دستگاه‌های ChromeOS، از تجربه‌های کاربری نامطلوب در برنامه رسانه‌ای خود جلوگیری کنید.
برنامه شما باید واکنش‌گرا باشد تا اندازه‌های مختلف نمایشگر، جهت‌ها و فرم‌فاکتورها را در نظر بگیرد. یک طرح‌بندی تطبیقی بر اساس فضای نمایشگر موجود تغییر می‌کند. برای اطلاعات بیشتر، به بخش «پشتیبانی از اندازه‌های مختلف نمایشگر» مراجعه کنید.
طراحی بر اساس دستورالعمل‌ها
کیفیت برنامه اصلی، اساس همه برنامه‌های اندروید است، صرف نظر از اندازه صفحه نمایش، وضعیت دستگاه یا سایر ملاحظات خاص دستگاه. برنامه شما باید قبل از شروع طراحی برای صفحه نمایش بزرگ، این الزامات اساسی را برآورده کند. برای اطلاعات بیشتر، به کیفیت برنامه اصلی مراجعه کنید.
برنامه شما باید صرف نظر از شکل دستگاه، اندازه صفحه نمایش، حالت نمایش یا وضعیت قرارگیری، یک تجربه کاربری عالی ارائه دهد، بنابراین برنامه خود را طبق دستورالعمل‌های سطح ۱، ۲ و ۳ زیر طراحی کنید.
این دستورالعمل‌ها مجموعه‌ای جامع از الزامات کیفی را برای اکثر انواع برنامه‌های اندروید تعریف می‌کنند.
ردیف ۳:
در این سطح پایه، برنامه شما هنوز باید الزامات رابط کاربری و گرافیک را رعایت کند. برنامه شما برای صفحه نمایش بزرگ آماده است و کاربران می‌توانند جریان‌های کاری حیاتی را انجام دهند، اما با یک تجربه کاربری نه چندان مطلوب.
طرح‌بندی برنامه ممکن است ایده‌آل نباشد، اما به صورت تمام صفحه یا تمام پنجره در حالت چند پنجره‌ای اجرا می‌شود. به صورت Letterbox نیست و در حالت سازگاری اجرا نمی‌شود. این برنامه پشتیبانی اولیه از دستگاه‌های ورودی خارجی، از جمله صفحه کلید، ماوس و ترک‌پد را ارائه می‌دهد. برای اطلاعات بیشتر، به بخش «آماده برای صفحه نمایش بزرگ» مراجعه کنید.
ردیف ۲:
در اینجا، برنامه شما بهینه‌سازی‌های طرح‌بندی را برای همه اندازه‌های صفحه نمایش و پیکربندی‌های دستگاه، همراه با پشتیبانی بهبود یافته از دستگاه‌های ورودی خارجی، پیاده‌سازی می‌کند. برای جزئیات بیشتر، به بخش بهینه‌سازی صفحه نمایش بزرگ مراجعه کنید.
ردیف ۱:
این بهترین سطح پشتیبانی است و با توجه به ویژگی‌ها و قابلیت‌های ممتاز، عالی‌ترین تجربه را با برنامه شما به کاربر ارائه می‌دهد.
در صورت لزوم، این برنامه از چندوظیفگی، حالت‌های تاشو، کشیدن و ورودی قلم پشتیبانی می‌کند. در این سطح، برنامه‌ها بسیار متفاوت هستند، بنابراین به دستورالعمل‌های مربوط به مواردی مانند چندوظیفگی و حالت‌های تاشو توجه ویژه داشته باشید. برای کسب اطلاعات بیشتر، به صفحه نمایش بزرگ متفاوت مراجعه کنید.
طرح‌بندی‌های بهینه‌شده
از فضای افزایش‌یافته‌ی صفحات نمایش بزرگ، بدون کادربندی (به دلیل محدود کردن جهت‌گیری) یا کشیدگی، نهایت استفاده را ببرید. با بهینه‌سازی طرح‌بندی برنامه‌تان برای رسانه‌ها و رسانه‌های اجتماعی، دسترسی به برنامه‌تان را گسترش می‌دهید و تجربه کاربری بهتری را در تمام فرم‌فکتورهای صفحه نمایش بزرگ - تبلت‌ها، دستگاه‌های تاشو و دستگاه‌های ChromeOS - ایجاد می‌کنید و همچنین از تمام اندازه‌های تلفن پشتیبانی می‌کنید.
اجزای ریل ناوبری و کشو، ناوبری خارج از دسترس را برای راحتی و کنترل رابط کاربری فراهم می‌کنند. این اجزا همچنین با قرار دادن مقاصد ناوبری اصلی در دسترس و در عین حال اشغال حداقل فضای صفحه، طرح‌بندی‌های متعارف (لیست-جزئیات، فید و صفحه پشتیبانی) را تکمیل می‌کنند.
طرح‌بندی‌های رسانه‌ای
با پیاده‌سازی طرح‌بندی‌های مختص رسانه برای list-detail، feed و پنل پشتیبانی، برنامه خود را کاربردی‌تر کنید. برای اطلاعات بیشتر در مورد طرح‌بندی‌های MDX، Flutter و Compose، به منابع طرح‌بندی مراجعه کنید.
جزئیات فهرست: طراحی برنامه شما با یک مرورگر رسانه تعاملی به کاربران امکان می‌دهد هنگام تماشا یا گوش دادن، رسانه‌های مختلف را مرور کنند. عناوین رسانه‌ها در کنار یک فایل ویدیویی یا صوتی در حال پخش نمایش داده می‌شوند. اگر جهت دستگاه تغییر کند، یک طرح‌بندی جزئیات فهرست برای حفظ وضعیت برنامه واکنش نشان می‌دهد. برای کسب اطلاعات بیشتر، به طرح‌بندی‌های جزئیات فهرست مراجعه کنید.
فید: طرح‌بندی فید، عناصر محتوای معادل را در یک شبکه قابل تنظیم برای مشاهده سریع و راحت حجم زیادی از محتوا، مانند فید موسیقی یا کیوسک فیلم و تلویزیون در برنامه شما، مرتب می‌کند. برای اطلاعات بیشتر، به طرح‌بندی‌های فید مراجعه کنید.
صفحه پشتیبانی: با داشتن قسمت‌های نمایش اصلی و فرعی، برنامه شما می‌تواند یک صفحه پشتیبانی برای زمینه، ارتباط یا مرجع، مانند فهرست پیمایشی از عناوین مشابه، نقدهای منتشر شده یا آثار اضافی از همان هنرمندان یا بازیگران، تعبیه کند. برای جزئیات بیشتر، به طرح‌بندی‌های صفحه پشتیبانی مراجعه کنید.
برای مجموعه‌ای منتخب از طرح‌بندی‌های رسانه‌ای، به گالری رسانه مراجعه کنید.
طرح‌بندی رسانه‌های اجتماعی
صفحه نمایش‌های بزرگ به کاربران رسانه‌های اجتماعی فضای کاری بیشتری برای ایجاد، انجام چند کار همزمان، کشیدن محتوا بین برنامه‌ها و اشتراک‌گذاری آن می‌دهد. با وجود ویژگی‌ها و قابلیت‌های متمایزی که در دستگاه‌های صفحه نمایش کوچک امکان‌پذیر نیست، برنامه رسانه‌ای صفحه نمایش بزرگ شما می‌تواند از جزئیات لیست، فید و طرح‌بندی‌های پشتیبانی‌شده از پنجره‌ها بهره‌مند شود.
جزئیات فهرست: این برای برنامه‌های پیام‌رسان، مدیران تماس یا مرورگرهای فایل ایده‌آل است. برای مثال، برنامه شما می‌تواند فهرستی از مکالمات را در کنار جزئیات نمایش دهد تا از آخرین پیام‌ها مطلع شوید. برای اطلاعات بیشتر، به طرح‌بندی‌های جزئیات فهرست مراجعه کنید.
فید: اجزای رایج در این سبک از طرح‌بندی، کارت‌ها و لیست‌ها هستند. برای مثال، می‌توانید یک کلاژ از پست‌ها را در قالب شبکه‌ای انعطاف‌پذیر ایجاد کنید، یا از اندازه و موقعیت برای جلب توجه به پست‌های برجسته استفاده کنید. کاربران می‌توانند به سرعت گروه‌های بزرگی از محتوا را مشاهده کنند. برای اطلاعات بیشتر، به طرح‌بندی‌های فید مراجعه کنید.
پشتیبانی از پنل: برنامه‌های جستجو و مرجع یا یک برنامه‌ی کاربردی می‌توانند از این سبک چیدمان بهره‌مند شوند. این سبک، ابزارهای تولید محتوا را در دسترس کاربر قرار می‌دهد. به عنوان مثال، برنامه‌ی شما می‌تواند به کاربران اجازه دهد تنظیمات را تنظیم کنند، به پالت‌های رنگی دسترسی داشته باشند، جلوه‌های ویژه اعمال کنند و تغییرات را فوراً مشاهده کنند. برای اطلاعات بیشتر، به پشتیبانی از چیدمان‌های پنل مراجعه کنید.
برای مجموعه‌ای منتخب از طرح‌بندی‌های رسانه‌های اجتماعی، به صفحه گالری رسانه‌های اجتماعی مراجعه کنید.
بهترین شیوه‌ها برای برنامه‌های رسانه‌ای روی صفحه نمایش بزرگ
استفاده از بهترین شیوه‌ها برای صفحات نمایش بزرگ به شما کمک می‌کند تا از دوباره‌کاری‌های غیرضروری در برنامه خود جلوگیری کنید. این روش‌ها همچنین باعث می‌شوند برنامه شما از همان ابتدا در دستگاه‌های مختلف، به خصوص در مورد جهت‌گیری، میانبرهای صفحه کلید، پشتیبانی از پیش‌نمایش دوربین و حالت‌های تاشو، کاربرپسندتر باشد.
جهت گیری و تغییر اندازه
اگر برنامه رسانه‌ای شما محدودیت‌هایی برای جهت‌گیری و تغییر اندازه اعلام کند، اندروید حالت سازگاری را فعال می‌کند. اگرچه حالت سازگاری تضمین می‌کند که برنامه شما به طور قابل قبولی رفتار کند، اما قابلیت استفاده به شدت کاهش می‌یابد و تجربه کاربری دچار مشکل می‌شود.
برای مثال، اگر برنامه شما روی تبلت است، تبلت در جهت افقی قرار می‌گیرد. اگر برنامه شما به حالت عمودی محدود شده باشد، این باعث ایجاد کادربندی حروف می‌شود که برای کاربر نهایی ایده‌آل نیست. برنامه شما باید به افراد اجازه دهد از جهت دلخواه خود استفاده کنند، بنابراین از اندازه موجود یک صفحه نمایش بزرگ در طراحی خود بهره ببرید.
هرگونه محدودیتی در جهت‌گیری، نحوه تعامل کاربران با محتوا یا استفاده از رسانه‌ها را کاهش می‌دهد، که این امر استفاده از برنامه شما را محدود می‌کند. تغییر جهت‌گیری می‌تواند تا حدی بر اندازه تأثیر بگذارد، اما تغییر اندازه لزوماً جهت‌گیری را تغییر نمی‌دهد.
میانبرهای صفحه کلید
در صفحه نمایش‌های بزرگتر، احتمال استفاده از میانبرهای صفحه کلید فیزیکی، مانند شروع، توقف، مکث، عقب و جلو بردن، بیشتر است و این باعث می‌شود کاربر تجربه کاربری ثابتی با صفحه کلید داشته باشد.
کاربران انتظار دارند این عملکردها در برنامه‌های رسانه‌ای خود داشته باشند. برای کاهش نقاط اصطکاک برای کاربران، آزمایش برنامه خود را با یک صفحه کلید فیزیکی در نظر بگیرید. این به شما کمک می‌کند تا در ابتدای طراحی خود به این میانبرهای مهم توجه کرده و آنها را در برنامه خود بگنجانید.
پشتیبانی از پیش‌نمایش دوربین
با صفحه نمایش‌های بزرگ، ممکن است با مشکلات بیشتری در کشش، برش و چرخش مواجه شوید. بنابراین، نمی‌توانید فرض کنید که اندازه پیش‌نمایش دوربین همان چیزی است که رابط کاربری در برنامه رسانه‌ای شما در واقع رندر می‌کند.
برای مثال، اگر کاربری با تبلت خود عکس بگیرد اما عکس در صفحه تبلت وارونه نمایش داده شود، این یک تجربه نامطلوب است. پشتیبانی از پیش‌نمایش دوربین برای صفحات نمایش بزرگ را اضافه کنید.
برای اطلاعات بیشتر، به پیش‌نمایش CameraX یا پیش‌نمایش Camera2 مراجعه کنید.
حالت‌های تاشو
طراحی اپلیکیشن رسانه‌ای شما برای صفحه نمایش‌های بزرگ شامل حالت‌های تاشو می‌شود. برای مثال، اپلیکیشن شما می‌تواند به کاربر اجازه دهد برای پخش رسانه از حالت رومیزی استفاده کند یا از صفحه نمایش پشتی و حالت صفحه نمایش دوگانه برای پیش‌نمایش و ضبط استفاده کند.
با قرار دادن حالت‌های تاشو در برنامه توسعه شما، برنامه شما برای دستگاه‌های بیشتری در دسترس است و تأثیر گسترده‌تری دارد. شما تجربه رسانه‌ای را برای کاربر به روش‌هایی گسترش می‌دهید که سایر دستگاه‌ها بدون حالت‌های تاشو نمی‌توانند انجام دهند. برای اطلاعات بیشتر، به حالت‌های تاشو مراجعه کنید.