অ্যান্ড্রয়েড ডিভাইসগুলি বিভিন্ন ফর্ম ফ্যাক্টরে আসে — ফোন, ট্যাবলেট, ফোল্ডেবল, ChromeOS ডিভাইস — যার স্ক্রিন আকার বিস্তৃত। অ্যান্ড্রয়েড মাল্টি-উইন্ডো, মাল্টি-ডিসপ্লে, ফ্রি-ফর্ম এবং পিকচার-ইন-পিকচার সহ অনেক ডিসপ্লে মোড সমর্থন করে। ফোল্ডেবল ডিভাইসগুলি বিভিন্ন অবস্থায় বা ভঙ্গিতে থাকতে পারে, যেমন টেবিলটপ বা বুক।
আপনার অ্যাপটি ডিজাইন করার সময় বিভিন্ন ব্যবহারের ক্ষেত্রে বিবেচনা করুন। উদাহরণস্বরূপ:
বড় স্ক্রিনের ডিভাইসগুলি ব্যবহারকারীদের আপনার মিডিয়া অ্যাপের কন্টেন্টের সাথে বিভিন্ন উপায়ে যুক্ত হওয়ার জন্য আরও জায়গা দেয়।
ব্যবহারকারীরা মাল্টি-উইন্ডো কনফিগারেশনে ভিডিও দেখার সময় মাল্টিটাস্ক করতে পারেন অথবা ছবি তোলার পরে আরও জটিল সম্পাদনা প্রয়োগ করার জন্য বড় স্ক্রিনের সুবিধা নিতে পারেন।
ব্যবহারকারীরা ভিডিও কলের মাধ্যমে সংযুক্ত থাকতে এবং তাদের বন্ধুবান্ধব এবং পরিবারকে আরও বিস্তারিতভাবে দেখতে ট্যাবলেটের দিকে ঝুঁকতে পারেন। আপনার অ্যাপটি একটি কাস্টম প্লেব্যাক ওভারলেতে একটি শিরোনাম বা দৃশ্য সম্পর্কে আরও সমৃদ্ধ প্রসঙ্গ প্রদর্শন করতে পারে অথবা স্ক্রিনে আরও নিয়ন্ত্রণ বিকল্প অফার করতে পারে।
ব্রাউজিং ভিউতে ক্যারোসেলগুলি আরও বেশি ভিজ্যুয়াল আবেদনের জন্য আরও বৈচিত্র্যপূর্ণ হতে পারে, অথবা আপনার মিডিয়া অ্যাপ প্লেব্যাকের পাশাপাশি ব্রাউজযোগ্য ফিড অফার করে ব্যবহারকারীদের ব্যস্ত রাখতে পারে।
মনে রাখবেন যে আপনার মিডিয়া অ্যাপটিতে একটি স্ট্যান্ডার্ড ফোন, একটি ফোল্ডেবল, একটি ট্যাবলেট এবং ChromeOS ডিভাইসে একই কোড চলছে, তাই আপনার অ্যাপ ডেভেলপমেন্টের শুরু থেকেই বড় স্ক্রিনের জন্য ডিজাইন করা উচিত। আরও তথ্য এবং ভিজ্যুয়াল উদাহরণের জন্য, বড় স্ক্রিন গ্যালারি দেখুন।
আপনার মিডিয়া অ্যাপটিকে ডিফল্টরূপে প্রতিক্রিয়াশীল করুন
ফোন, ট্যাবলেট, ফোল্ডেবল এবং ChromeOS ডিভাইস জুড়ে আপনার অ্যাপের লেআউটকে অভিযোজিত করে আপনার মিডিয়া অ্যাপে ব্যবহারকারীর অভিজ্ঞতার ক্ষতি এড়ান।
আপনার অ্যাপটি বিভিন্ন ডিসপ্লে আকার, ওরিয়েন্টেশন এবং ফর্ম ফ্যাক্টরের জন্য প্রতিক্রিয়াশীল হওয়া উচিত। একটি অভিযোজিত লেআউট এটির জন্য উপলব্ধ ডিসপ্লে স্থানের উপর ভিত্তি করে পরিবর্তিত হয়। আরও তথ্যের জন্য, বিভিন্ন ডিসপ্লে আকার সমর্থন দেখুন।
নির্দেশিকা অনুসারে নকশা করুন
ডিসপ্লের আকার, ডিভাইসের অবস্থান, বা অন্যান্য ডিভাইস-নির্দিষ্ট বিবেচনা নির্বিশেষে সমস্ত অ্যান্ড্রয়েড অ্যাপের ভিত্তি হল মূল অ্যাপের গুণমান। বড় স্ক্রিনের জন্য ডিজাইন শুরু করার আগে আপনার অ্যাপের এই মৌলিক প্রয়োজনীয়তাগুলি পূরণ করা উচিত। আরও তথ্যের জন্য, মূল অ্যাপের গুণমান দেখুন।
ডিভাইসের ফর্ম ফ্যাক্টর, স্ক্রিন সাইজ, ডিসপ্লে মোড বা ভঙ্গি নির্বিশেষে আপনার অ্যাপটি একটি চমৎকার ব্যবহারকারীর অভিজ্ঞতা প্রদান করবে, তাই নিম্নলিখিত টিয়ার ১, ২ এবং ৩ নির্দেশিকা অনুসারে আপনার অ্যাপটি ডিজাইন করুন।
নির্দেশিকাগুলি বেশিরভাগ ধরণের অ্যান্ড্রয়েড অ্যাপের জন্য মানের প্রয়োজনীয়তার একটি বিস্তৃত সেট সংজ্ঞায়িত করে।
স্তর ৩:
এই মৌলিক স্তরে, আপনার অ্যাপটিকে এখনও UI এবং গ্রাফিক্সের প্রয়োজনীয়তা মেনে চলতে হবে। আপনার অ্যাপটি বড় স্ক্রিনের জন্য প্রস্তুত, এবং ব্যবহারকারীরা গুরুত্বপূর্ণ কাজগুলি সম্পন্ন করতে পারে তবে সর্বোত্তম ব্যবহারকারীর অভিজ্ঞতার চেয়ে কম।
অ্যাপ লেআউটটি আদর্শ নাও হতে পারে, তবে এটি পূর্ণ স্ক্রিন অথবা মাল্টি-উইন্ডো মোডে পূর্ণ উইন্ডোতে চলে। এটি লেটারবক্সযুক্ত নয় এবং এটি সামঞ্জস্যতা মোডেও চলে না। অ্যাপটি কীবোর্ড, মাউস এবং ট্র্যাকপ্যাড সহ বহিরাগত ইনপুট ডিভাইসগুলির জন্য মৌলিক সহায়তা প্রদান করে। আরও তথ্যের জন্য, "বড় স্ক্রিন প্রস্তুত" দেখুন।
স্তর ২:
এখানে, আপনার অ্যাপটি সমস্ত স্ক্রিন আকার এবং ডিভাইস কনফিগারেশনের জন্য লেআউট অপ্টিমাইজেশন বাস্তবায়ন করে, পাশাপাশি বহিরাগত ইনপুট ডিভাইসের জন্য উন্নত সমর্থনও প্রদান করে। বিস্তারিত জানার জন্য, "বড় স্ক্রিন অপ্টিমাইজড" দেখুন।
স্তর ১:
এটি সর্বোত্তম স্তরের সহায়তা এবং ব্যবহারকারীকে আপনার অ্যাপের সাথে সবচেয়ে চমৎকার অভিজ্ঞতা প্রদান করে, কারণ এটি প্রিমিয়াম বৈশিষ্ট্য এবং ক্ষমতা নির্দিষ্ট করে।
প্রযোজ্য ক্ষেত্রে, অ্যাপটি মাল্টিটাস্কিং, ফোল্ডেবল পোশ্চার, ড্র্যাগ এবং স্টাইলাস ইনপুট সমর্থন করে। এই স্তরে, অ্যাপগুলি অত্যন্ত আলাদা, তাই মাল্টি-টাস্কিং এবং ফোল্ডেবল পোশ্চারের মতো বিষয়গুলির জন্য নির্দেশিকাগুলিতে মনোযোগ দিন। আরও জানতে, বড় স্ক্রিন ডিফারেনিয়েটেড দেখুন।
অপ্টিমাইজ করা লেআউট
লেটারবক্সিং (অরিয়েন্টেশন সীমাবদ্ধতার কারণে) বা প্রসারিত না করেই বড় স্ক্রিনের বর্ধিত স্থানের সুবিধা নিন। মিডিয়া এবং সোশ্যাল মিডিয়ার জন্য আপনার অ্যাপের লেআউট অপ্টিমাইজ করে, আপনি আপনার অ্যাপের নাগাল প্রসারিত করেন এবং সমস্ত বড় স্ক্রিন ফর্ম ফ্যাক্টর - ট্যাবলেট, ফোল্ডেবল এবং ChromeOS ডিভাইস - জুড়ে একটি ভাল ব্যবহারকারীর অভিজ্ঞতা তৈরি করেন এবং সেই সাথে সমস্ত ফোন আকার সমর্থন করেন।
নেভিগেশন রেল এবং ড্রয়ার উপাদানগুলি UI সুবিধা এবং নিয়ন্ত্রণের জন্য বাইরের নেভিগেশন প্রদান করে। উপাদানগুলি প্রাথমিক নেভিগেশন গন্তব্যগুলিকে কাছাকাছি নাগালের মধ্যে স্থাপন করে এবং ন্যূনতম স্ক্রিন স্থান দখল করে ক্যানোনিকাল লেআউটগুলিকে (তালিকা-বিবরণ, ফিড এবং সহায়ক ফলক) পরিপূরক করে।
মিডিয়া লেআউট
তালিকা-বিবরণ, ফিড এবং সাপোর্টিং প্যানের জন্য মিডিয়া-নির্দিষ্ট লেআউট বাস্তবায়ন করে আপনার অ্যাপটিকে আরও ব্যবহারযোগ্য করে তুলুন। MDX, Flutter এবং Compose লেআউট সম্পর্কে তথ্যের জন্য, লেআউট রিসোর্স দেখুন।
তালিকা-বিস্তারিত: একটি ইন্টারেক্টিভ মিডিয়া ব্রাউজার দিয়ে আপনার অ্যাপ ডিজাইন করলে ব্যবহারকারীরা দেখার বা শোনার সময় বিভিন্ন মিডিয়া ব্রাউজ করতে পারবেন। মিডিয়া শিরোনামগুলি একটি চলমান ভিডিও বা অডিও ফাইলের পাশাপাশি প্রদর্শিত হয়। যদি ডিভাইসের ওরিয়েন্টেশন পরিবর্তন হয়, তাহলে একটি তালিকা-বিস্তারিত লেআউট অ্যাপের অবস্থা সংরক্ষণের জন্য প্রতিক্রিয়া জানায়। আরও জানতে, তালিকা-বিস্তারিত লেআউট দেখুন।
ফিড: একটি ফিড লেআউট আপনার অ্যাপে সঙ্গীত ফিড বা সিনেমা এবং টিভি কিয়স্কের মতো প্রচুর পরিমাণে সামগ্রী দ্রুত এবং সুবিধাজনকভাবে দেখার জন্য একটি কনফিগারযোগ্য গ্রিডে সমতুল্য সামগ্রী উপাদানগুলিকে সাজিয়ে রাখে। আরও তথ্যের জন্য, ফিড লেআউট দেখুন।
সাপোর্টিং প্যান: প্রাথমিক এবং মাধ্যমিক ডিসপ্লে এরিয়ার সাহায্যে, আপনার অ্যাপ প্রসঙ্গ, প্রাসঙ্গিকতা বা রেফারেন্সের জন্য একটি সাপোর্টিং প্যান এম্বেড করতে পারে, যেমন একই ধরণের শিরোনাম, প্রকাশিত পর্যালোচনা, অথবা একই শিল্পী বা অভিনেতাদের অতিরিক্ত কাজের স্ক্রোলিং তালিকা। আরও বিস্তারিত জানার জন্য, সাপোর্টিং প্যান লেআউট দেখুন।
মিডিয়া লেআউটের একটি সংকলিত সংগ্রহের জন্য, মিডিয়া গ্যালারি দেখুন।
সোশ্যাল মিডিয়া লেআউট
বড় স্ক্রিন সোশ্যাল মিডিয়া ব্যবহারকারীদের তৈরি, মাল্টিটাস্কিং, অ্যাপগুলির মধ্যে কন্টেন্ট টেনে আনা এবং শেয়ার করার জন্য আরও কাজের জায়গা দেয়। ছোট স্ক্রিনের ডিভাইসগুলিতে স্বতন্ত্র বৈশিষ্ট্য এবং ক্ষমতা সম্ভব না হওয়ায়, আপনার বড় স্ক্রিনের মিডিয়া অ্যাপটি তালিকা-বিবরণ, ফিড এবং সমর্থনকারী প্যান লেআউটের সুবিধা নিতে পারে।
তালিকা-বিস্তারিত: এটি মেসেজিং অ্যাপ, যোগাযোগ পরিচালক বা ফাইল ব্রাউজারের জন্য আদর্শ। উদাহরণস্বরূপ, আপনার অ্যাপটি সর্বশেষ বার্তাগুলির সাথে আপডেট থাকার জন্য কথোপকথনের একটি তালিকা পাশাপাশি প্রদর্শন করতে পারে। আরও তথ্যের জন্য, তালিকা-বিস্তারিত লেআউট দেখুন।
ফিড: এই স্টাইলের লেআউটের সাধারণ উপাদান হল কার্ড এবং তালিকা। উদাহরণস্বরূপ, একটি নমনীয় গ্রিড ফর্ম্যাটে পোস্টের একটি কোলাজ তৈরি করুন, অথবা বিশিষ্ট পোস্টগুলিতে মনোযোগ আকর্ষণ করার জন্য আকার এবং অবস্থান ব্যবহার করুন। ব্যবহারকারীরা দ্রুত বৃহৎ সামগ্রীর গ্রুপ দেখতে পারেন। আরও তথ্যের জন্য, ফিড লেআউট দেখুন।
সাপোর্টিং প্যান: সার্চ এবং রেফারেন্স অ্যাপ অথবা প্রোডাক্টিভিটি অ্যাপ এই স্টাইলের লেআউট থেকে উপকৃত হতে পারে। এটি ব্যবহারকারীর জন্য কন্টেন্ট তৈরির টুলগুলিকে কাছে রাখে। উদাহরণস্বরূপ, আপনার অ্যাপ ব্যবহারকারীদের সেটিংস সামঞ্জস্য করতে, রঙ প্যালেট অ্যাক্সেস করতে, প্রভাব প্রয়োগ করতে এবং তাৎক্ষণিকভাবে পরিবর্তনগুলি দেখতে দেয়। আরও তথ্যের জন্য, সাপোর্টিং প্যান লেআউট দেখুন।
সোশ্যাল মিডিয়া লেআউটের একটি সংগৃহীত সংগ্রহের জন্য, সোশ্যাল মিডিয়া গ্যালারি পৃষ্ঠাটি দেখুন।
বড় স্ক্রিনের মিডিয়া অ্যাপের জন্য সেরা অনুশীলন
বড় স্ক্রিনের জন্য সেরা অনুশীলনগুলি ব্যবহার করলে আপনার অ্যাপের অপ্রয়োজনীয় পুনর্নির্মাণ এড়াতে সাহায্য করে। এগুলি শুরু থেকেই আরও ডিভাইসে আপনার অ্যাপটিকে আরও ব্যবহারকারী-বান্ধব করে তোলে, বিশেষ করে ওরিয়েন্টেশন, কীবোর্ড শর্টকাট, ক্যামেরা প্রিভিউ সাপোর্ট এবং ফোল্ডেবল ভঙ্গির ক্ষেত্রে।
ওরিয়েন্টেশন এবং আকার পরিবর্তন
যদি আপনার মিডিয়া অ্যাপটি ওরিয়েন্টেশন এবং আকার পরিবর্তনের সীমাবদ্ধতা ঘোষণা করে, তাহলে অ্যান্ড্রয়েড একটি সামঞ্জস্যতা মোড সক্রিয় করে। যদিও সামঞ্জস্যতা মোড নিশ্চিত করে যে আপনার অ্যাপটি গ্রহণযোগ্যভাবে আচরণ করে, ব্যবহারযোগ্যতা অনেক কমে যায় এবং ব্যবহারকারীর অভিজ্ঞতা ক্ষতিগ্রস্ত হয়।
উদাহরণস্বরূপ, যদি আপনার অ্যাপটি ট্যাবলেটে থাকে, তাহলে ট্যাবলেটটি ল্যান্ডস্কেপ ওরিয়েন্টেশনে ডক করে। যদি আপনার অ্যাপটি পোর্ট্রেটের মধ্যে সীমাবদ্ধ থাকে, তাহলে এটি লেটারবক্সিং তৈরি করে, যা শেষ ব্যবহারকারীর জন্য আদর্শ নয়। আপনার অ্যাপটি লোকেদের তাদের পছন্দের ওরিয়েন্টেশন ব্যবহার করতে দেওয়া উচিত, তাই আপনার ডিজাইনে একটি বড় স্ক্রিনের উপলব্ধ আকারের সুবিধা নিন।
ওরিয়েন্টেশনের উপর যেকোনো বিধিনিষেধ ব্যবহারকারীদের কন্টেন্টের সাথে ইন্টারঅ্যাক্ট করার বা মিডিয়া ব্যবহারের উপায়কে হ্রাস করে, যা আপনার অ্যাপের ব্যবহার সীমিত করে। ওরিয়েন্টেশন পরিবর্তন করলে কিছুটা আকার পরিবর্তন হতে পারে কিন্তু আকার পরিবর্তন করলে অগত্যা ওরিয়েন্টেশন পরিবর্তন হবে না।
কীবোর্ড শর্টকাট
বড় স্ক্রিনে, ফিজিক্যাল কীবোর্ডের কীবোর্ড শর্টকাটগুলি, যেমন স্টার্ট, স্টপ, পজ, রিওয়াইন্ড এবং ফরোয়ার্ড, ব্যবহার করার সম্ভাবনা বেশি থাকে, যা ব্যবহারকারীকে কীবোর্ডের সাথে একটি সামঞ্জস্যপূর্ণ ব্যবহারকারীর অভিজ্ঞতা প্রদান করে।
ব্যবহারকারীরা তাদের মিডিয়া অ্যাপগুলিতে এই ফাংশনগুলি আশা করেন। ব্যবহারকারীদের ঘর্ষণ পয়েন্ট কমাতে, একটি ফিজিক্যাল কীবোর্ড দিয়ে আপনার অ্যাপটি পরীক্ষা করার কথা বিবেচনা করুন। এটি আপনাকে আপনার ডিজাইনের শুরুতে এই গুরুত্বপূর্ণ শর্টকাটগুলি লক্ষ্য করতে এবং আপনার অ্যাপে অন্তর্ভুক্ত করতে সহায়তা করে।
ক্যামেরা প্রিভিউ সাপোর্ট
বড় স্ক্রিনের ক্ষেত্রে, আপনার স্ট্রেচিং, ক্রপিং এবং রোটেশনের সমস্যা বেশি হতে পারে। তাই, আপনি ধরে নিতে পারবেন না যে ক্যামেরা প্রিভিউয়ের আকার আসলে আপনার মিডিয়া অ্যাপের UI দ্বারা রেন্ডার করা হয়।
উদাহরণস্বরূপ, যদি কোনও ব্যবহারকারী তার ট্যাবলেট দিয়ে ছবি তোলেন কিন্তু তার ট্যাবলেট স্ক্রিনে এটি উল্টো করে রেন্ডার হয়, তাহলে এটি একটি অপ্রত্যাশিত অভিজ্ঞতা। বড় স্ক্রিনের জন্য ক্যামেরা প্রিভিউ সমর্থন অন্তর্ভুক্ত করুন।
আরও তথ্যের জন্য, CameraX প্রিভিউ , অথবা Camera2 প্রিভিউ দেখুন।
ভাঁজযোগ্য ভঙ্গি
বড় স্ক্রিনের জন্য আপনার মিডিয়া অ্যাপ ডিজাইন করার ক্ষেত্রে ভাঁজযোগ্য ভঙ্গি অন্তর্ভুক্ত। উদাহরণস্বরূপ, আপনার অ্যাপটি একজন ব্যবহারকারীকে মিডিয়া প্লেব্যাকের জন্য একটি ট্যাবলেটপ কনফিগারেশনের সুযোগ দিতে পারে অথবা প্রিভিউ এবং ক্যাপচারের জন্য একটি রিয়ার ডিসপ্লে এবং ডুয়াল স্ক্রিন মোড ব্যবহার করতে পারে।
আপনার ডেভেলপমেন্ট প্ল্যানে ফোল্ডেবল পোশ্চার অন্তর্ভুক্ত করার মাধ্যমে, আপনার অ্যাপটি আরও ডিভাইসে উপলব্ধ হবে এবং এর প্রভাব আরও বিস্তৃত হবে। আপনি ব্যবহারকারীর জন্য মিডিয়া অভিজ্ঞতাকে এমনভাবে প্রসারিত করবেন যেভাবে অন্যান্য ডিভাইস ফোল্ডেবল পোশ্চার ছাড়া করতে পারে না। আরও তথ্যের জন্য, ফোল্ডেবল পোশ্চার দেখুন।