ডার্ক মোডের জন্য টেরা কীভাবে ব্যবহারকারীর ব্যস্ততা উন্নত করেছে

যে ব্যবহারকারীরা তাদের ডিভাইসে ডার্ক মোড পছন্দ করেন তাদের কাছে একটি অন্ধকার থিম প্রদর্শন করে, Terra বাউন্স রেট 60% কমিয়েছে এবং প্রতি সেশনে পঠিত পৃষ্ঠাগুলি 170% বাড়িয়েছে।

টেরা, 75 মিলিয়ন মাসিক ব্যবহারকারী সহ ব্রাজিলের অন্যতম বৃহত্তম মিডিয়া কোম্পানি, বাউন্স রেট 60% কমিয়েছে এবং কাস্টম ডার্ক থিম প্রদান করে ডার্ক মোড পছন্দকারী ব্যবহারকারীদের জন্য ডেস্কটপে প্রতি সেশনে পঠিত পৃষ্ঠাগুলি 170% বাড়িয়েছে।

এই নিবন্ধে, আমরা "ডার্ক মোড" কোহর্টের আকার শনাক্ত করা থেকে শুরু করে একটি কাস্টম ডার্ক থিম প্রয়োগ করা এবং শেষ পর্যন্ত তাদের মূল KPI-তে এই বাস্তবায়নের প্রভাব পরিমাপ করা পর্যন্ত টেরার যাত্রা বিশ্লেষণ করব।

    60 %

    বাউন্স রেট হ্রাস

    170 %

    প্রতি সেশনে আরও পৃষ্ঠা

ডার্ক মোড কি?

ঐতিহাসিকভাবে ডিভাইসের ব্যবহারকারী ইন্টারফেসগুলি "হালকা মোডে" প্রদর্শিত হয়, যার অর্থ সাধারণত হালকা ইন্টারফেসের উপরে কালো পাঠ্য প্রদর্শন করা। বিকল্পটি হল "ডার্ক মোড", একটি অন্ধকার পটভূমিতে হালকা পাঠ্য সহ, যেমন ধূসর বা কালো।

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

অ্যান্ড্রয়েড কিউ ডার্ক মোড সেটিংস।
অ্যান্ড্রয়েড কিউ ডার্ক থিম সেটিংস।

"ডার্ক মোড" পছন্দ করেন এমন ব্যবহারকারীদের একটি ভাল অভিজ্ঞতা দিতে, আপনি light বা dark মান সহ prefers-color-scheme মিডিয়া ক্যোয়ারী ব্যবহার করতে পারেন। এই মিডিয়া ক্যোয়ারী তাদের ডিভাইসে ব্যবহারকারীর পছন্দ প্রতিফলিত করে। তারপরে আপনি যারা অন্ধকার পছন্দ করেন তাদের জন্য একটি কাস্টম অন্ধকার থিম লোড করতে পারেন। উদাহরণস্বরূপ, একটি "অন্ধকার" CSS ফাইল লোড করে এবং ফন্ট এবং পটভূমির রঙের মতো মান পরিবর্তন করে। নিম্নলিখিত কোড এর একটি উদাহরণ দেখায়:

@media (prefers-color-scheme: dark) {
   
// apply a dark theme
}

@media (prefers-color-scheme: light) {
 
// apply a light theme
}

ব্রাউজার সমর্থন

  • ক্রোম: 76।
  • প্রান্ত: 79।
  • ফায়ারফক্স: 67।
  • সাফারি: 12.1।

উৎস

"আলো পছন্দ করে" বনাম "অন্ধকার" ব্যবহারকারী সমগোত্রীয়দের সনাক্ত করা

লেখার সময় (ডিসেম্বর 2021), Chrome প্ল্যাটফর্ম স্ট্যাটাস নির্ধারণ করে যে ওয়েব ট্রাফিকের প্রায় 22% "অন্ধকার পছন্দ করুন" সেটিং সহ ব্যবহারকারীদের কাছ থেকে আসে।

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

নিম্নোক্ত কোডটি light বনাম dark পছন্দকারী ব্যবহারকারীদের কর্মক্ষমতা পরিমাপ করতে একটি বিশ্লেষণের মাত্রা তৈরি করে:

function getColorScheme() {
    let colorScheme
= 'Unknown';
   
if (window.matchMedia) {
       
if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
            colorScheme
= 'Dark';
       
} else if (window.matchMedia('(prefers-color-scheme: light)').matches) {
            colorScheme
= 'Light';
       
}
   
}
   
return colorScheme;
}

window
.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};
ga
.l=+new Date; ga('create', 'UA-ID', 'auto');
ga
('set', 'color-scheme-preference', getColorScheme());
ga
('send', 'pageview');

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

  • অন্ধকার পছন্দ করে এমন ব্যবহারকারীদের গ্রুপের আকার নির্ধারণ করা।
  • নিদর্শন শনাক্ত করা: উদাহরণস্বরূপ, যে ব্যবহারকারীরা অন্ধকার পছন্দ করেন তারা কি আলো পছন্দ করেন তাদের তুলনায় আরও দ্রুত সাইট ত্যাগ করেন?

এটি জেনে সিদ্ধান্ত জানাতে পারে, উদাহরণস্বরূপ: যদি একটি কাস্টম গাঢ় থিম প্রদান করা প্রয়োজন হয়। 14 দিনের জন্য পরীক্ষার পরে টেরা প্রাপ্ত ফলাফলগুলি হল:

মোবাইল (অ্যান্ড্রয়েড)

মোবাইলের (Android) ক্ষেত্রে বাউন্স রেট এবং প্রতি সেশনের পৃষ্ঠাগুলির সংখ্যাগুলি "আলো" পছন্দকারী ব্যবহারকারীদের মধ্যে "অন্ধকার" পছন্দকারী ব্যবহারকারীদের তুলনায় বড় পার্থক্য দেখায়নি:

প্রদর্শন মোড বাউন্স রেট সেশন প্রতি পাতা
আলো পছন্দ করে 25.84% 3.96
অন্ধকার পছন্দ করে 26.10% 3.75

ডেস্কটপ (উইন্ডোজ)

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

প্রদর্শন মোড বাউন্স রেট সেশন প্রতি পাতা
আলো পছন্দ করে 13.20% 7.42
অন্ধকার পছন্দ করে 24.12% ৪.৬৮

এই ডেটার উপর ভিত্তি করে, টেরা অনুমান করেছিল যে ব্যবহারকারীরা যারা "অন্ধকার" পছন্দ করেন তারা ডেস্কটপ ডিভাইসে কম থাকেন, কারণ তাদের সাইটে একটি অন্ধকার থিমের সমর্থন নেই।

পরবর্তী পদক্ষেপ হিসাবে টেরা একটি "ডার্ক থিম" কৌশল নিয়ে কাজ করার সিদ্ধান্ত নিয়েছে যে তারা অন্ধকার পছন্দ করে এমন ব্যবহারকারীদের গ্রুপের জন্য ব্যস্ততা উন্নত করতে পারে কিনা।

একটি অন্ধকার থিম বাস্তবায়ন

বেশিরভাগ ওয়েবসাইট prefers-color-scheme মিডিয়া কোয়েরির মাধ্যমে ব্যবহারকারীর কনফিগারেশন পরিবর্তনগুলি শোনার এবং তার উপর ভিত্তি করে স্টাইল পরিবর্তন করার আগে দেখানো সহজ কৌশল ব্যবহার করে একটি অন্ধকার থিম প্রয়োগ করে।

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

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

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

ডার্ক মোড অপ্ট ইন এবং আউট করার জন্য টেরার কনফিগারেশন স্ক্রিনের স্ক্রিনশট৷
টেরার থিম কনফিগারেশন ব্যবহারকারীদের "অন্ধকার" এবং "হালকা" থিমগুলির মধ্যে বেছে নিতে বা ডিভাইসের সেটিংসের উপর নির্ভর করতে দেয়।

টেরার "নাইট মোড" দেখতে এইরকম:

টেরার ডার্ক থিমের স্ক্রিনশট।
টেরার অন্ধকার থিম, "নাইট মোড"।

টেরার অন্ধকার থিমের প্রভাব পরিমাপ করা

অন্ধকার থিমের প্রভাব পরিমাপ করার জন্য, Terra তাদের ডিভাইসে "প্রিফার ডার্ক" সেটিং চালু করা ব্যবহারকারীদের গ্রুপ নিয়েছিল এবং "হালকা" বনাম "ডার্ক" থিম দেখানোর সময় এনগেজমেন্ট মেট্রিক্সের তুলনা করে। এখানে মোবাইল (Android) এবং ডেস্কটপ (Windows) এর ফলাফলগুলি রয়েছে:

মোবাইল (অ্যান্ড্রয়েড)

যদিও বাউন্সের হার একই রকম ছিল, ব্যবহারকারীরা যখন একটি অন্ধকার থিমের সংস্পর্শে আসে তখন পৃষ্ঠা এবং সেশন প্রায় দ্বিগুণ হয় (2.47 থেকে 5.24 পর্যন্ত):

প্রদর্শন মোড বাউন্স রেট সেশন প্রতি পাতা
আলো পছন্দ করে 26.91% 2.47
অন্ধকার পছন্দ করে 23.91% 5.24

    2 এক্স

    প্রতি সেশনে আরও পৃষ্ঠা

ডেস্কটপ (উইন্ডোজ)

একটি অন্ধকার থিম দেখানোর সময় উভয় মেট্রিক উন্নত হয়েছে: বাউন্সের হার 27.25% থেকে 10.82% হয়েছে এবং প্রতি সেশনে পৃষ্ঠাগুলি প্রায় তিনগুণ হয়েছে (3.7 থেকে 9.99 পর্যন্ত)।

প্রদর্শন মোড বাউন্স রেট সেশন প্রতি পাতা
আলো পছন্দ করে 27.5% 3.7
অন্ধকার পছন্দ করে 10.82% ৯.৯৯

    60 %

    বাউন্স রেট হ্রাস

    170 %

    প্রতি সেশনে আরও পৃষ্ঠা

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

উপসংহার

ডার্ক মোড হল একটি পছন্দ যা ব্যবহারকারীরা তাদের ডিভাইসে চালু করে পর্দার শৈলীকে অন্ধকার থিমে পরিবর্তন করতে পারে। এই কৌশলটি ব্যবহারকারীর অভিজ্ঞতা থেকে এবং ব্যাটারির জীবন বাঁচানোর মতো ব্যবহারকারীর ডিভাইসের বিভিন্ন দিক থেকে সুবিধার কথা জানিয়েছে।

এই নিবন্ধে আমরা দেখেছি যে কীভাবে একটি কাস্টম ডার্ক থিম প্রদান করা টেরার ব্যবহারকারীদের গ্রুপের জন্য এনগেজমেন্ট মেট্রিক্সকে উন্নত করেছে যাদের ডিভাইসে পছন্দের ডার্ক মোড সেটিং চালু আছে।

একটি বিকল্প অন্ধকার থিম বাস্তবায়নের জন্য সংস্থানগুলির জন্য এটি প্রস্তাবিত পদ্ধতি। যাদের কাছে এই ধরনের বৈশিষ্ট্যে বিনিয়োগ করার সময় নেই তাদের জন্য, Chrome একটি অটো ডার্ক মোড বৈশিষ্ট্য চালু করতে শুরু করেছে৷