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