কেস স্টাডিজ

স্মার্টফোনের বাইরে: কীভাবে জিওহটস্টার ফোল্ডেবল ও ট্যাবলেটের জন্য তার ইউএক্স অপ্টিমাইজ করেছে

৩ মিনিটের পাঠ
Prateek Batra
ডেভেলপার সম্পর্ক প্রকৌশলী, অ্যান্ড্রয়েড অ্যাডাপ্টিভ অ্যাপস

ফোনের বাইরে: যেভাবে জিওহটস্টার একটি অভিযোজিত ইউএক্স তৈরি করেছে

জিওহটস্টার ভারতের একটি শীর্ষস্থানীয় স্ট্রিমিং প্ল্যাটফর্ম, যার ব্যবহারকারীর সংখ্যা ৪০ কোটিরও বেশি। ৩ লক্ষ ৩০ হাজার ঘণ্টারও বেশি ভিডিও অন ডিমান্ড (VOD) সমৃদ্ধ বিশাল কন্টেন্ট লাইব্রেরি এবং প্রধান প্রধান ক্রীড়া ইভেন্টগুলোর রিয়েল-টাইম ডেলিভারির মাধ্যমে প্ল্যাটফর্মটি ব্যাপক পরিসরে তার কার্যক্রম পরিচালনা করে।

তাদের বিশাল সংখ্যক দর্শকের জন্য একটি প্রিমিয়াম অভিজ্ঞতা নিশ্চিত করতে, জিওহটস্টার ফোল্ডেবল ও ট্যাবলেটের জন্য তাদের অ্যাপটিকে অপ্টিমাইজ করে দেখার অভিজ্ঞতাকে আরও উন্নত করেছে। তারা গুগলের অ্যাডাপ্টিভ অ্যাপ নির্দেশিকা অনুসরণ করে এবং স্যাম্পল , কোডল্যাব , কুকবুকডকুমেন্টেশনের মতো রিসোর্স ব্যবহার করে এটি সম্পন্ন করেছে, যা সব ধরনের ডিসপ্লে সাইজে একটি সামঞ্জস্যপূর্ণ, নির্বিঘ্ন ও আকর্ষণীয় অভিজ্ঞতা তৈরি করতে সাহায্য করে।

জিওহটস্টারের বড় পর্দার চ্যালেঞ্জ

জিওহটস্টার সাধারণ ফোনগুলিতে একটি চমৎকার ইউজার এক্সপেরিয়েন্স প্রদান করত এবং টিমটি নতুন ফর্ম ফ্যাক্টরগুলির সুবিধা নিতে চেয়েছিল। শুরুতেই, ফোল্ডেবল এবং ট্যাবলেটে তাদের ইউজার এক্সপেরিয়েন্স প্রসারিত করার জন্য প্রয়োজনীয় অপটিমাইজেশনগুলি বোঝার উদ্দেশ্যে টিমটি বড় স্ক্রিনের অ্যাপের গুণমান নির্দেশিকা অনুসারে তাদের অ্যাপটি মূল্যায়ন করে। টিয়ার ১ বড় স্ক্রিনের অ্যাপের মর্যাদা অর্জন করতে, টিমটি বিভিন্ন ফর্ম ফ্যাক্টরে অ্যাপটিকে মানিয়ে নিতে এবং ফোল্ডেবল ডিভাইসগুলিতে এটিকে স্বতন্ত্র করে তুলতে দুটি কৌশলগত আপডেট প্রয়োগ করে। ফোল্ডেবল এবং ট্যাবলেট ডিভাইসের অনন্য চ্যালেঞ্জগুলি মোকাবেলা করার মাধ্যমে, জিওহটস্টার সমস্ত ডিসপ্লে সাইজ এবং অ্যাস্পেক্ট রেশিওতে একটি উচ্চ-মানের এবং ইমারসিভ অভিজ্ঞতা প্রদান করার লক্ষ্য রাখে।

তাদের যা করা দরকার ছিল

জিওহটস্টারের ইউজার ইন্টারফেস, যা মূলত সাধারণ ফোনের ডিসপ্লের জন্য ডিজাইন করা হয়েছিল, তা অন্যান্য ডিভাইসের বিভিন্ন স্ক্রিন সাইজ ও রেজোলিউশনের সাথে হিরো ইমেজের অ্যাস্পেক্ট রেশিও, মেনু এবং শো স্ক্রিনকে মানিয়ে নিতে সমস্যার সম্মুখীন হচ্ছিল। এর ফলে প্রায়শই ইমেজ ক্রপিং, লেটারবক্সিং, কম রেজোলিউশন এবং অব্যবহৃত জায়গার মতো সমস্যা দেখা দিত, বিশেষ করে ল্যান্ডস্কেপ মোডে। ট্যাবলেট ও ​​ফোল্ডেবল ডিভাইসের সক্ষমতার পূর্ণ সদ্ব্যবহার করতে এবং এই সব ধরনের ডিভাইসে একটি অপ্টিমাইজড ইউজার এক্সপেরিয়েন্স প্রদান করতে, জিওহটস্টার ইউজার ইন্টারফেসকে আরও উন্নত করার উপর মনোযোগ দিয়েছে, যাতে আরও বিস্তৃত পরিসরের ডিভাইসে সর্বোত্তম লেআউট ফ্লেক্সিবিলিটি, ইমেজ রেন্ডারিং এবং নেভিগেশন নিশ্চিত করা যায়।

তারা যা করেছিল

বড় স্ক্রিনে আরও ভালো দেখার অভিজ্ঞতার জন্য, জিওহটস্টার WindowSizeClass অন্তর্ভুক্ত করে এবং কম্প্যাক্ট, মিডিয়াম ও এক্সটেন্ডেড প্রস্থের জন্য অপ্টিমাইজড লেআউট তৈরি করে তাদের অ্যাপটিকে উন্নত করার উদ্যোগ নিয়েছে। এর ফলে অ্যাপটি বিভিন্ন স্ক্রিনের আকার ও অ্যাস্পেক্ট রেশিওর সাথে তার ইউজার ইন্টারফেসকে মানিয়ে নিতে পারে, যা বিভিন্ন ডিভাইসে একটি সামঞ্জস্যপূর্ণ এবং দৃষ্টিনন্দন ইউজার ইন্টারফেস নিশ্চিত করে।

অ্যাপে কতটা জায়গা উপলব্ধ আছে তা জানার জন্য জিওহটস্টার ম্যাটেরিয়াল ৩ অ্যাডাপটিভ লাইব্রেরি ব্যবহার করে এই পদ্ধতিটি অনুসরণ করেছে। প্রথমে currentWindowAdaptiveInfo() ফাংশনটি কল করে, তারপর তিনটি উইন্ডো সাইজ ক্লাসের জন্য সেই অনুযায়ী নতুন লেআউট ব্যবহার করে:

val sizeClass = currentWindowAdaptiveInfo().windowSizeClass

if(sizeClass.isWidthAtLeastBreakpoint(WIDTH_DP_EXPANDED_LOWER_BOUND)) {
    showExpandedLayout()
} else if(sizeClass.isHeightAtLeastBreakpoint(WIDTH_DP_MEDIUM_LOWER_BOUND)) {
    showMediumLayout()
} else {
    showCompactLayout()
}

ব্রেকপয়েন্টগুলো সবচেয়ে বড় থেকে সবচেয়ে ছোট ক্রমে সাজানো আছে, কারণ এপিআই অভ্যন্তরীণভাবে 'বৃহত্তর বা সমান' শর্তটি যাচাই করে। তাই, যে কোনো প্রস্থ যা অন্তত EXPANDED চেয়ে বৃহত্তর বা সমান, তা সর্বদা MEDIUM চেয়ে বৃহত্তর হবে।


জিওহটস্টার ফোল্ডেবল ডিভাইসের জন্য অনন্য একটি প্রিমিয়াম অভিজ্ঞতা দিতে সক্ষম: টেবিলটপ মোড । যখন একটি ফোল্ডেবল ডিভাইস আংশিকভাবে ভাঁজ করা হয়, তখন এই ফিচারটি সুবিধাজনকভাবে ভিডিও প্লেয়ারকে স্ক্রিনের উপরের অর্ধাংশে এবং ভিডিও কন্ট্রোলগুলিকে নিচের অর্ধাংশে স্থানান্তর করে, যা হ্যান্ডসফ্রি অভিজ্ঞতা প্রদান করে।

এটি সম্পন্ন করার জন্য, Material 3 Adaptive লাইব্রেরি ব্যবহার করে, টেবিলটপ মোডের জন্য কোয়েরি করতে একই currentWindowAdaptiveInfo() ব্যবহার করা যেতে পারে। ডিভাইসটি টেবিলটপ মোডে ধরে রাখার পর, ভঙ্গিটির উপরের এবং নিচের অর্ধাংশের সাথে মেলানোর জন্য লেআউটে পরিবর্তন আনা যেতে পারে। এর জন্য একটি কলাম ব্যবহার করে প্লেয়ারকে উপরের অর্ধাংশে এবং কন্ট্রোলারগুলোকে নিচের অর্ধাংশে স্থাপন করা হয়।

val isTabletTop = currentWindowAdaptiveInfo().windowPosture.isTabletop
if(isTabletopMode) {
   Column {
       Player(Modifier.weight(1f))
       Controls(Modifier.weight(1f))
   }
} else {
   usualPlayerLayout()
}

জিওহটস্টার এখন টিয়ার ১-এর জন্য নির্ধারিত বড় স্ক্রিনের অ্যাপের গুণগত মানের নির্দেশিকা মেনে চলছে। এই সুপারিশগুলো অন্তর্ভুক্ত করার জন্য দলটি স্যাম্পল , কোডল্যাব , কুকবুক এবং ডকুমেন্টেশন ব্যবহার করে অ্যাডাপ্টিভ অ্যাপের নির্দেশনা কাজে লাগিয়েছে।

ব্যবহারকারীর অভিজ্ঞতা আরও উন্নত করতে, জিওহটস্টার ভিডিও ডিসকভারি পেজগুলিতে টাচ টার্গেটের আকার প্রস্তাবিত ৪৮ডিপি-তে বাড়িয়েছে, যা বড় স্ক্রিনের ডিভাইসগুলিতেও অ্যাক্সেসিবিলিটি নিশ্চিত করে। তাদের ভিডিও ডিটেইলস পেজটি এখন অ্যাডাপ্টিভ, যা স্ক্রিনের আকার এবং ওরিয়েন্টেশন অনুযায়ী নিজেকে মানিয়ে নেয়। তারা সাধারণ ইমেজ স্কেলিংয়ের বাইরে গিয়ে, রিয়েল টাইমে উইন্ডোর আকার ও ঘনত্ব শনাক্ত করতে এবং প্রতিটি ফর্ম ফ্যাক্টরের জন্য সবচেয়ে উপযুক্ত হিরো ইমেজ লোড করতে উইন্ডো সাইজ ক্লাস ব্যবহার করছে, যা ভিজ্যুয়াল ফিডেলিটি বাড়াতে সাহায্য করে। নেভিগেশনও উন্নত করা হয়েছে, যেখানে লেআউটগুলি বিভিন্ন স্ক্রিনের আকারের সাথে মানিয়ে নেয়।

এখন ব্যবহারকারীরা উন্নত ও অত্যন্ত অপ্টিমাইজ করা দেখার অভিজ্ঞতাসহ বড় স্ক্রিনের ডিভাইসে জিওহটস্টারের তাদের পছন্দের কন্টেন্ট দেখতে পারবেন।

গুগলের টিয়ার ১ লার্জ স্ক্রিন অ্যাপ স্ট্যাটাস অর্জন করা একটি মাইলফলক, যা আমাদের সম্মিলিত দৃষ্টিভঙ্গির শক্তিকে প্রতিফলিত করে। জিওহটস্টারে আমরা সবসময় বিশ্বাস করি যে, বড় স্ক্রিনের ডিভাইসের জন্য অপটিমাইজ করা কেবল অভিযোজনযোগ্যতার মধ্যেই সীমাবদ্ধ নয়, বরং এটি সেইসব দর্শকদের দেখার অভিজ্ঞতাকে উন্নত করার একটি প্রয়াস, যারা দ্রুত ফোল্ডেবল, ট্যাবলেট এবং কানেক্টেড টিভি গ্রহণ করছেন।

গুগলের জেটপ্যাক লাইব্রেরি ও গাইড ব্যবহারের মাধ্যমে আমরা কনটেন্ট ব্যবহারের বিষয়ে আমাদের অন্তর্দৃষ্টিকে প্ল্যাটফর্ম উদ্ভাবনে তাদের দক্ষতার সাথে একত্রিত করতে পেরেছি। এই সহযোগিতার ফলে উভয় দলই সীমাবদ্ধতা অতিক্রম করতে, ঘাটতিগুলো পূরণ করতে এবং প্রতিটি স্ক্রিন সাইজে একটি নির্বিঘ্ন ও নিমগ্ন অভিজ্ঞতা যৌথভাবে তৈরি করতে সক্ষম হয়েছে।

সম্মিলিতভাবে, আমরা লক্ষ লক্ষ ব্যবহারকারীর কাছে এই উন্নত অভিজ্ঞতা পৌঁছে দিতে এবং ভারত ও বিশ্ব যেভাবে স্ট্রিমিং উপভোগ করবে, তাতে নতুন মানদণ্ড স্থাপন করতে পেরে গর্বিত।
- সোনু সঞ্জীব, সিনিয়র সফটওয়্যার ডেভেলপমেন্ট ইঞ্জিনিয়ার

    লিখেছেন:

    পড়তে থাকুন