অ্যাপ উইজেট ওভারভিউ

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

এই ডকুমেন্টেশনটি আপনি তৈরি করতে পারেন এমন বিভিন্ন ধরণের উইজেট এবং অনুসরণ করার জন্য ডিজাইনের নীতিগুলি উপস্থাপন করে৷ রিমুভ ভিউ এপিআই এবং এক্সএমএল লেআউট ব্যবহার করে একটি অ্যাপ উইজেট তৈরি করতে, একটি সাধারণ উইজেট তৈরি করুন দেখুন। Kotlin এবং রচনা শৈলী API ব্যবহার করে একটি উইজেট তৈরি করতে, Jetpack Glance দেখুন।

উইজেট প্রকার

আপনি আপনার উইজেট পরিকল্পনা করার সময়, আপনি কি ধরনের উইজেট তৈরি করতে চান সে সম্পর্কে চিন্তা করুন। উইজেটগুলি সাধারণত নিম্নলিখিত বিভাগগুলির মধ্যে একটিতে পড়ে:

তথ্য উইজেট

উদাহরণ ওয়েদার উইজেট টোকিওকে বেশিরভাগ মেঘলা, 14 ডিগ্রি এবং বিকাল 4টা থেকে সন্ধ্যা 7টা পর্যন্ত প্রক্ষিপ্ত তাপমাত্রা হিসাবে প্রদর্শন করছে
চিত্র 1. একটি আবহাওয়া অ্যাপ থেকে একটি তথ্য উইজেট।

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

সংগ্রহ উইজেট

সংগ্রহ উইজেটগুলি একই ধরণের একাধিক উপাদান প্রদর্শনে বিশেষজ্ঞ, যেমন একটি গ্যালারি অ্যাপ থেকে ছবির সংগ্রহ, একটি সংবাদ অ্যাপ থেকে নিবন্ধের সংগ্রহ, বা একটি যোগাযোগ অ্যাপ থেকে ইমেল বা বার্তাগুলির সংগ্রহ৷ সংগ্রহ উইজেটগুলি উল্লম্বভাবে স্ক্রোল করতে পারে।

সংগ্রহ উইজেটগুলি সাধারণত নিম্নলিখিত ব্যবহারের ক্ষেত্রে ফোকাস করে:

  • সংগ্রহ ব্রাউজিং.
  • সংশ্লিষ্ট অ্যাপে সংগ্রহের একটি উপাদানের বিস্তারিত দৃশ্যে খোলা হচ্ছে।
  • উপাদানগুলির সাথে ইন্টারঅ্যাক্ট করা, যেমন সেগুলিকে সম্পন্ন চিহ্নিত করা—অ্যান্ড্রয়েড 12 (API স্তর 31) এ যৌগিক বোতামগুলির সমর্থন সহ।

নিয়ন্ত্রণ উইজেট

'লাইট লিস্ট' নামের একটি অ্যাপের জন্য একটি উইজেট, প্রথম দুটি টগল সুইচ বন্ধ করে 'বেডরুম,' 'রান্নাঘর' এবং 'লিভিং রুম' লেবেলযুক্ত টগল সুইচগুলি প্রদর্শন করে
চিত্র 4. একটি নিয়ন্ত্রণ উইজেটের উদাহরণ।

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

একটি কন্ট্রোল উইজেটের সাথে ইন্টারঅ্যাক্ট করা অ্যাপে একটি সম্পর্কিত বিশদ দৃশ্য খুলতে পারে। এটি নির্ভর করে কন্ট্রোল উইজেটের ফাংশন কোনো ডেটা আউটপুট করে কিনা, যেমন সার্চ উইজেটের ক্ষেত্রে।

হাইব্রিড উইজেট

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

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

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

Google সহকারীর সাথে উইজেটগুলিকে একীভূত করুন৷

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

উইজেট সীমাবদ্ধতা

যদিও উইজেটগুলিকে "মিনি অ্যাপস" হিসাবে বোঝা যায়, তবে কিছু নির্দিষ্ট সীমাবদ্ধতা রয়েছে যা আপনার উইজেট ডিজাইন করার আগে বোঝা গুরুত্বপূর্ণ৷

অঙ্গভঙ্গি

যেহেতু উইজেটগুলি হোম স্ক্রিনে লাইভ থাকে, তাই তাদের সেখানে প্রতিষ্ঠিত নেভিগেশনের সাথে সহাবস্থান করতে হবে। এটি একটি পূর্ণ-স্ক্রীন অ্যাপের তুলনায় উইজেটে উপলব্ধ অঙ্গভঙ্গি সমর্থনকে সীমিত করে। অ্যাপগুলি ব্যবহারকারীদের অনুভূমিকভাবে স্ক্রিনের মধ্যে নেভিগেট করতে দিতে পারে, সেই অঙ্গভঙ্গিটি ইতিমধ্যেই হোম স্ক্রীনের মধ্যে নেভিগেট করার উদ্দেশ্যে হোম স্ক্রিনে নেওয়া হয়েছে।

উইজেটগুলির জন্য উপলব্ধ একমাত্র অঙ্গভঙ্গি হল স্পর্শ এবং উল্লম্ব সোয়াইপ

উপাদান

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

ডিজাইন নির্দেশিকা

উইজেট বিষয়বস্তু

আপনার অ্যাপে উপলব্ধ নতুন এবং আকর্ষণীয় বিষয়বস্তু "বিজ্ঞাপন" করে আপনার অ্যাপে একজন ব্যবহারকারীকে আকৃষ্ট করার জন্য উইজেটগুলি একটি দুর্দান্ত উপায়।

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

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

উইজেটগুলিতে নেভিগেশন লিঙ্কগুলির জন্য ভাল প্রার্থীরা হল:

  • জেনারেটিভ ফাংশন: এগুলি এমন ফাংশন যা ব্যবহারকারীকে একটি অ্যাপের জন্য নতুন সামগ্রী তৈরি করতে দেয়, যেমন একটি নতুন নথি বা একটি নতুন বার্তা তৈরি করা।

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

উইজেট আকার পরিবর্তন

স্ট্যান্ডার্ড Google ঘড়ি উইজেট
চিত্র 6. স্ট্যান্ডার্ড Google ঘড়ি উইজেট।

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

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

ব্যবহারকারীদের উইজেটগুলির আকার পরিবর্তন করতে দেওয়ার গুরুত্বপূর্ণ সুবিধা রয়েছে:

  • তারা প্রতিটি উইজেটে কতটা তথ্য দেখতে চায় তা ঠিক করতে পারে।
  • তারা তাদের হোম প্যানেলে উইজেট এবং শর্টকাটগুলির বিন্যাসকে আরও ভালভাবে প্রভাবিত করতে পারে।

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

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

নিম্নলিখিত উদাহরণে, ব্যবহারকারী তিনটি ধাপে একটি আবহাওয়ার উইজেটের আকার পরিবর্তন করতে পারে, উইজেট বৃদ্ধির সাথে সাথে বর্তমান অবস্থানে আবহাওয়া সম্পর্কে আরও সমৃদ্ধ তথ্য প্রকাশ করে।

সবচেয়ে ছোট 3x2-গ্রিড আকারে আবহাওয়ার উইজেটের উদাহরণ, এবং অবস্থানের নাম (টোকিও), তাপমাত্রা (14°), এবং আংশিক মেঘলা আবহাওয়া নির্দেশ করে প্রতীক তালিকা
চিত্র 7. একটি 3x2-গ্রিড 'ছোট' আকারে আবহাওয়া উইজেটের উদাহরণ।


5x2 'মাঝারি' আকারের আবহাওয়ার উইজেটের উদাহরণ, 3x2-গ্রিড আকারের সমস্ত UI সহ 'বেশিরভাগ মেঘলা' লেবেল এবং বিকেল 4টা থেকে সন্ধ্যা 7টা পর্যন্ত তাপমাত্রার পূর্বাভাস
চিত্র 8. একটি 5x2-গ্রিড 'মাঝারি' আকারের আবহাওয়া উইজেটের উদাহরণ।


3x2- এবং 5x2-গ্রিড আকারের সমস্ত UI সহ মঙ্গলবার থেকে শুক্রবার পর্যন্ত আবহাওয়ার পূর্বাভাস সহ 5x4 'বড়' আকারের আবহাওয়া উইজেটের উদাহরণ
চিত্র 9. 5x4-গ্রিড 'বড়' আকারের আবহাওয়া উইজেটের উদাহরণ।

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

লেআউট বিবেচনা

আপনি যে ডিভাইসের সাথে ডেভেলপ করেন তার প্লেসমেন্ট গ্রিডের মাত্রা অনুযায়ী আপনার উইজেটগুলিকে সাজানো লোভনীয়। এটি একটি দরকারী প্রাথমিক আনুমানিক হতে পারে, তবে নিম্নলিখিত পয়েন্টগুলি মনে রাখবেন:

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

ব্যবহারকারীদের দ্বারা উইজেট কনফিগারেশন

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

উইজেট ডিজাইন চেকলিস্ট

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

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

এই ডকুমেন্টেশনটি আপনি তৈরি করতে পারেন এমন বিভিন্ন ধরণের উইজেট এবং অনুসরণ করার জন্য ডিজাইনের নীতিগুলি উপস্থাপন করে৷ রিমুভ ভিউ এপিআই এবং এক্সএমএল লেআউট ব্যবহার করে একটি অ্যাপ উইজেট তৈরি করতে, একটি সাধারণ উইজেট তৈরি করুন দেখুন। Kotlin এবং রচনা শৈলী API ব্যবহার করে একটি উইজেট তৈরি করতে, Jetpack Glance দেখুন।

উইজেট প্রকার

আপনি আপনার উইজেট পরিকল্পনা করার সময়, আপনি কি ধরনের উইজেট তৈরি করতে চান সে সম্পর্কে চিন্তা করুন। উইজেটগুলি সাধারণত নিম্নলিখিত বিভাগগুলির মধ্যে একটিতে পড়ে:

তথ্য উইজেট

উদাহরণ ওয়েদার উইজেট টোকিওকে বেশিরভাগ মেঘলা, 14 ডিগ্রি এবং বিকাল 4টা থেকে সন্ধ্যা 7টা পর্যন্ত প্রক্ষিপ্ত তাপমাত্রা হিসাবে প্রদর্শন করছে
চিত্র 1. একটি আবহাওয়া অ্যাপ থেকে একটি তথ্য উইজেট।

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

সংগ্রহ উইজেট

সংগ্রহ উইজেটগুলি একই ধরণের একাধিক উপাদান প্রদর্শনে বিশেষজ্ঞ, যেমন একটি গ্যালারি অ্যাপ থেকে ছবির সংগ্রহ, একটি সংবাদ অ্যাপ থেকে নিবন্ধের সংগ্রহ, বা একটি যোগাযোগ অ্যাপ থেকে ইমেল বা বার্তাগুলির সংগ্রহ৷ সংগ্রহ উইজেটগুলি উল্লম্বভাবে স্ক্রোল করতে পারে।

সংগ্রহ উইজেটগুলি সাধারণত নিম্নলিখিত ব্যবহারের ক্ষেত্রে ফোকাস করে:

  • সংগ্রহ ব্রাউজিং.
  • সংশ্লিষ্ট অ্যাপে সংগ্রহের একটি উপাদানের বিস্তারিত দৃশ্যে খোলা হচ্ছে।
  • উপাদানগুলির সাথে ইন্টারঅ্যাক্ট করা, যেমন সেগুলিকে সম্পন্ন চিহ্নিত করা—অ্যান্ড্রয়েড 12 (API স্তর 31) এ যৌগিক বোতামগুলির সমর্থন সহ।

নিয়ন্ত্রণ উইজেট

'লাইট লিস্ট' নামের একটি অ্যাপের জন্য একটি উইজেট, প্রথম দুটি টগল সুইচ বন্ধ করে 'বেডরুম,' 'রান্নাঘর' এবং 'লিভিং রুম' লেবেলযুক্ত টগল সুইচগুলি প্রদর্শন করে
চিত্র 4. একটি নিয়ন্ত্রণ উইজেটের উদাহরণ।

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

একটি কন্ট্রোল উইজেটের সাথে ইন্টারঅ্যাক্ট করা অ্যাপে একটি সম্পর্কিত বিশদ দৃশ্য খুলতে পারে। এটি নির্ভর করে কন্ট্রোল উইজেটের ফাংশন কোনো ডেটা আউটপুট করে কিনা, যেমন সার্চ উইজেটের ক্ষেত্রে।

হাইব্রিড উইজেট

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

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

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

Google সহকারীর সাথে উইজেটগুলিকে একীভূত করুন৷

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

উইজেট সীমাবদ্ধতা

যদিও উইজেটগুলিকে "মিনি অ্যাপস" হিসাবে বোঝা যায়, তবে কিছু নির্দিষ্ট সীমাবদ্ধতা রয়েছে যা আপনার উইজেট ডিজাইন করার আগে বোঝা গুরুত্বপূর্ণ৷

অঙ্গভঙ্গি

যেহেতু উইজেটগুলি হোম স্ক্রিনে লাইভ থাকে, তাই তাদের সেখানে প্রতিষ্ঠিত নেভিগেশনের সাথে সহাবস্থান করতে হবে। এটি একটি পূর্ণ-স্ক্রীন অ্যাপের তুলনায় উইজেটে উপলব্ধ অঙ্গভঙ্গি সমর্থনকে সীমিত করে। অ্যাপগুলি ব্যবহারকারীদের অনুভূমিকভাবে স্ক্রিনের মধ্যে নেভিগেট করতে দিতে পারে, সেই অঙ্গভঙ্গিটি ইতিমধ্যেই হোম স্ক্রীনের মধ্যে নেভিগেট করার উদ্দেশ্যে হোম স্ক্রিনে নেওয়া হয়েছে।

উইজেটগুলির জন্য উপলব্ধ একমাত্র অঙ্গভঙ্গি হল স্পর্শ এবং উল্লম্ব সোয়াইপ

উপাদান

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

ডিজাইন নির্দেশিকা

উইজেট বিষয়বস্তু

আপনার অ্যাপে উপলব্ধ নতুন এবং আকর্ষণীয় বিষয়বস্তু "বিজ্ঞাপন" করে আপনার অ্যাপে একজন ব্যবহারকারীকে আকৃষ্ট করার জন্য উইজেটগুলি একটি দুর্দান্ত উপায়।

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

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

উইজেটগুলিতে নেভিগেশন লিঙ্কগুলির জন্য ভাল প্রার্থীরা হল:

  • জেনারেটিভ ফাংশন: এগুলি এমন ফাংশন যা ব্যবহারকারীকে একটি অ্যাপের জন্য নতুন সামগ্রী তৈরি করতে দেয়, যেমন একটি নতুন নথি বা একটি নতুন বার্তা তৈরি করা।

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

উইজেট আকার পরিবর্তন

স্ট্যান্ডার্ড Google ঘড়ি উইজেট
চিত্র 6. স্ট্যান্ডার্ড Google ঘড়ি উইজেট।

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

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

ব্যবহারকারীদের উইজেটগুলির আকার পরিবর্তন করতে দেওয়ার গুরুত্বপূর্ণ সুবিধা রয়েছে:

  • তারা প্রতিটি উইজেটে কতটা তথ্য দেখতে চায় তা ঠিক করতে পারে।
  • তারা তাদের হোম প্যানেলে উইজেট এবং শর্টকাটগুলির বিন্যাসকে আরও ভালভাবে প্রভাবিত করতে পারে।

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

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

নিম্নলিখিত উদাহরণে, ব্যবহারকারী তিনটি ধাপে একটি আবহাওয়ার উইজেটের আকার পরিবর্তন করতে পারে, উইজেট বৃদ্ধির সাথে সাথে বর্তমান অবস্থানে আবহাওয়া সম্পর্কে আরও সমৃদ্ধ তথ্য প্রকাশ করে।

সবচেয়ে ছোট 3x2-গ্রিড আকারে আবহাওয়ার উইজেটের উদাহরণ, এবং অবস্থানের নাম (টোকিও), তাপমাত্রা (14°), এবং আংশিক মেঘলা আবহাওয়া নির্দেশ করে প্রতীক তালিকা
চিত্র 7. একটি 3x2-গ্রিড 'ছোট' আকারে আবহাওয়া উইজেটের উদাহরণ।


5x2 'মাঝারি' আকারের আবহাওয়ার উইজেটের উদাহরণ, 3x2-গ্রিড আকারের সমস্ত UI সহ 'বেশিরভাগ মেঘলা' লেবেল এবং বিকেল 4টা থেকে সন্ধ্যা 7টা পর্যন্ত তাপমাত্রার পূর্বাভাস
চিত্র 8. একটি 5x2-গ্রিড 'মাঝারি' আকারের আবহাওয়া উইজেটের উদাহরণ।


3x2- এবং 5x2-গ্রিড আকারের সমস্ত UI সহ মঙ্গলবার থেকে শুক্রবার পর্যন্ত আবহাওয়ার পূর্বাভাস সহ 5x4 'বড়' আকারের আবহাওয়া উইজেটের উদাহরণ
চিত্র 9. 5x4-গ্রিড 'বড়' আকারের আবহাওয়া উইজেটের উদাহরণ।

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

লেআউট বিবেচনা

আপনি যে ডিভাইসের সাথে ডেভেলপ করেন তার প্লেসমেন্ট গ্রিডের মাত্রা অনুযায়ী আপনার উইজেটগুলিকে সাজানো লোভনীয়। এটি একটি দরকারী প্রাথমিক আনুমানিক হতে পারে, তবে নিম্নলিখিত পয়েন্টগুলি মনে রাখবেন:

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

ব্যবহারকারীদের দ্বারা উইজেট কনফিগারেশন

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

উইজেট ডিজাইন চেকলিস্ট

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

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

এই ডকুমেন্টেশনটি আপনি তৈরি করতে পারেন এমন বিভিন্ন ধরণের উইজেট এবং অনুসরণ করার জন্য ডিজাইনের নীতিগুলি উপস্থাপন করে৷ রিমুভ ভিউ এপিআই এবং এক্সএমএল লেআউট ব্যবহার করে একটি অ্যাপ উইজেট তৈরি করতে, একটি সাধারণ উইজেট তৈরি করুন দেখুন। Kotlin এবং রচনা শৈলী API ব্যবহার করে একটি উইজেট তৈরি করতে, Jetpack Glance দেখুন।

উইজেট প্রকার

আপনি আপনার উইজেট পরিকল্পনা করার সময়, আপনি কি ধরনের উইজেট তৈরি করতে চান সে সম্পর্কে চিন্তা করুন। উইজেটগুলি সাধারণত নিম্নলিখিত বিভাগগুলির মধ্যে একটিতে পড়ে:

তথ্য উইজেট

উদাহরণ ওয়েদার উইজেট টোকিওকে বেশিরভাগ মেঘলা, 14 ডিগ্রি এবং বিকাল 4টা থেকে সন্ধ্যা 7টা পর্যন্ত প্রক্ষিপ্ত তাপমাত্রা হিসাবে প্রদর্শন করছে
চিত্র 1. একটি আবহাওয়া অ্যাপ থেকে একটি তথ্য উইজেট।

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

সংগ্রহ উইজেট

সংগ্রহ উইজেটগুলি একই ধরণের একাধিক উপাদান প্রদর্শনে বিশেষজ্ঞ, যেমন একটি গ্যালারি অ্যাপ থেকে ছবির সংগ্রহ, একটি সংবাদ অ্যাপ থেকে নিবন্ধের সংগ্রহ, বা একটি যোগাযোগ অ্যাপ থেকে ইমেল বা বার্তাগুলির সংগ্রহ৷ সংগ্রহ উইজেটগুলি উল্লম্বভাবে স্ক্রোল করতে পারে।

সংগ্রহ উইজেটগুলি সাধারণত নিম্নলিখিত ব্যবহারের ক্ষেত্রে ফোকাস করে:

  • সংগ্রহ ব্রাউজিং.
  • সংশ্লিষ্ট অ্যাপে সংগ্রহের একটি উপাদানের বিস্তারিত দৃশ্যে খোলা হচ্ছে।
  • উপাদানগুলির সাথে ইন্টারঅ্যাক্ট করা, যেমন সেগুলিকে সম্পন্ন চিহ্নিত করা—অ্যান্ড্রয়েড 12 (API স্তর 31) এ যৌগিক বোতামগুলির সমর্থন সহ।

নিয়ন্ত্রণ উইজেট

'লাইট লিস্ট' নামের একটি অ্যাপের জন্য একটি উইজেট, প্রথম দুটি টগল সুইচ বন্ধ করে 'বেডরুম,' 'রান্নাঘর' এবং 'লিভিং রুম' লেবেলযুক্ত টগল সুইচগুলি প্রদর্শন করে
চিত্র 4. একটি নিয়ন্ত্রণ উইজেটের উদাহরণ।

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

একটি কন্ট্রোল উইজেটের সাথে ইন্টারঅ্যাক্ট করা অ্যাপে একটি সম্পর্কিত বিশদ দৃশ্য খুলতে পারে। এটি নির্ভর করে কন্ট্রোল উইজেটের ফাংশন কোনো ডেটা আউটপুট করে কিনা, যেমন সার্চ উইজেটের ক্ষেত্রে।

হাইব্রিড উইজেট

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

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

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

Google সহকারীর সাথে উইজেটগুলিকে একীভূত করুন৷

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

উইজেট সীমাবদ্ধতা

যদিও উইজেটগুলিকে "মিনি অ্যাপস" হিসাবে বোঝা যায়, তবে কিছু নির্দিষ্ট সীমাবদ্ধতা রয়েছে যা আপনার উইজেট ডিজাইন করার আগে বোঝা গুরুত্বপূর্ণ৷

অঙ্গভঙ্গি

যেহেতু উইজেটগুলি হোম স্ক্রিনে লাইভ থাকে, তাই তাদের সেখানে প্রতিষ্ঠিত নেভিগেশনের সাথে সহাবস্থান করতে হবে। এটি একটি পূর্ণ-স্ক্রীন অ্যাপের তুলনায় উইজেটে উপলব্ধ অঙ্গভঙ্গি সমর্থনকে সীমিত করে। অ্যাপগুলি ব্যবহারকারীদের অনুভূমিকভাবে স্ক্রিনের মধ্যে নেভিগেট করতে দিতে পারে, সেই অঙ্গভঙ্গিটি ইতিমধ্যেই হোম স্ক্রীনের মধ্যে নেভিগেট করার উদ্দেশ্যে হোম স্ক্রিনে নেওয়া হয়েছে।

উইজেটগুলির জন্য উপলব্ধ একমাত্র অঙ্গভঙ্গি হল স্পর্শ এবং উল্লম্ব সোয়াইপ

উপাদান

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

ডিজাইন নির্দেশিকা

উইজেট বিষয়বস্তু

আপনার অ্যাপে উপলব্ধ নতুন এবং আকর্ষণীয় বিষয়বস্তু "বিজ্ঞাপন" করে আপনার অ্যাপে একজন ব্যবহারকারীকে আকৃষ্ট করার জন্য উইজেটগুলি একটি দুর্দান্ত উপায়।

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

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

উইজেটগুলিতে নেভিগেশন লিঙ্কগুলির জন্য ভাল প্রার্থীরা হল:

  • জেনারেটিভ ফাংশন: এগুলি এমন ফাংশন যা ব্যবহারকারীকে একটি অ্যাপের জন্য নতুন সামগ্রী তৈরি করতে দেয়, যেমন একটি নতুন নথি বা একটি নতুন বার্তা তৈরি করা।

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

উইজেট আকার পরিবর্তন

স্ট্যান্ডার্ড Google ঘড়ি উইজেট
চিত্র 6. স্ট্যান্ডার্ড Google ঘড়ি উইজেট।

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

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

ব্যবহারকারীদের উইজেটগুলির আকার পরিবর্তন করতে দেওয়ার গুরুত্বপূর্ণ সুবিধা রয়েছে:

  • তারা প্রতিটি উইজেটে কতটা তথ্য দেখতে চায় তা ঠিক করতে পারে।
  • তারা তাদের হোম প্যানেলে উইজেট এবং শর্টকাটগুলির বিন্যাসকে আরও ভালভাবে প্রভাবিত করতে পারে।

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

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

নিম্নলিখিত উদাহরণে, ব্যবহারকারী তিনটি ধাপে একটি আবহাওয়ার উইজেটের আকার পরিবর্তন করতে পারে, উইজেট বৃদ্ধির সাথে সাথে বর্তমান অবস্থানে আবহাওয়া সম্পর্কে আরও সমৃদ্ধ তথ্য প্রকাশ করে।

সবচেয়ে ছোট 3x2-গ্রিড আকারে আবহাওয়ার উইজেটের উদাহরণ, এবং অবস্থানের নাম (টোকিও), তাপমাত্রা (14°), এবং আংশিক মেঘলা আবহাওয়া নির্দেশ করে প্রতীক তালিকা
চিত্র 7. একটি 3x2-গ্রিড 'ছোট' আকারে আবহাওয়া উইজেটের উদাহরণ।


5x2 'মাঝারি' আকারের আবহাওয়ার উইজেটের উদাহরণ, 3x2-গ্রিড আকারের সমস্ত UI সহ 'বেশিরভাগ মেঘলা' লেবেল এবং বিকেল 4টা থেকে সন্ধ্যা 7টা পর্যন্ত তাপমাত্রার পূর্বাভাস
চিত্র 8. একটি 5x2-গ্রিড 'মাঝারি' আকারের আবহাওয়া উইজেটের উদাহরণ।


3x2- এবং 5x2-গ্রিড আকারের সমস্ত UI সহ মঙ্গলবার থেকে শুক্রবার পর্যন্ত আবহাওয়ার পূর্বাভাস সহ 5x4 'বড়' আকারের আবহাওয়া উইজেটের উদাহরণ
চিত্র 9. 5x4-গ্রিড 'বড়' আকারের আবহাওয়া উইজেটের উদাহরণ।

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

লেআউট বিবেচনা

আপনি যে ডিভাইসের সাথে ডেভেলপ করেন তার প্লেসমেন্ট গ্রিডের মাত্রা অনুযায়ী আপনার উইজেটগুলিকে সাজানো লোভনীয়। এটি একটি দরকারী প্রাথমিক আনুমানিক হতে পারে, তবে নিম্নলিখিত পয়েন্টগুলি মনে রাখবেন:

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

ব্যবহারকারীদের দ্বারা উইজেট কনফিগারেশন

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

উইজেট ডিজাইন চেকলিস্ট

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

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

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

উইজেট প্রকার

আপনি যখন আপনার উইজেটটি পরিকল্পনা করছেন, আপনি কী ধরণের উইজেট তৈরি করতে চান তা ভেবে দেখুন। উইজেটগুলি সাধারণত নিম্নলিখিত বিভাগগুলির মধ্যে একটিতে পড়ে:

তথ্য উইজেট

উদাহরণস্বরূপ আবহাওয়া উইজেট টোকিওকে বেশিরভাগ মেঘলা, 14 ডিগ্রি এবং অনুমানিত তাপমাত্রা বিকেল 4 টা থেকে সন্ধ্যা 7 টার মধ্যে থেকে শুরু হয়
চিত্র 1. একটি আবহাওয়া অ্যাপ্লিকেশন থেকে একটি তথ্য উইজেট।

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

সংগ্রহ উইজেট

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

সংগ্রহের উইজেটগুলি সাধারণত নিম্নলিখিত ব্যবহারের ক্ষেত্রে ফোকাস করে:

  • সংগ্রহ ব্রাউজিং।
  • সম্পর্কিত অ্যাপ্লিকেশনটিতে তার বিশদ ভিউতে সংগ্রহের একটি উপাদান খোলার।
  • অ্যান্ড্রয়েড 12 (এপিআই স্তর 31) এর যৌগিক বোতামগুলির জন্য সমর্থন সহ উপাদানগুলির সাথে কথোপকথন করা।

নিয়ন্ত্রণ উইজেট

'হালকা তালিকা' নামে একটি অ্যাপের জন্য একটি উইজেট, 'বেডরুম,' 'রান্নাঘর' লেবেলযুক্ত টগল স্যুইচগুলি প্রদর্শন করে, এবং 'লিভিং রুম' প্রথম দুটি টগল সুইচ বন্ধ করে
চিত্র 4. একটি নিয়ন্ত্রণ উইজেটের উদাহরণ।

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

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

হাইব্রিড উইজেট

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

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

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

গুগল সহকারী সহ উইজেটগুলি সংহত করুন

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

উইজেট সীমাবদ্ধতা

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

অঙ্গভঙ্গি

যেহেতু উইজেটগুলি হোম স্ক্রিনে বাস করে, তাদের সেখানে প্রতিষ্ঠিত নেভিগেশনের সাথে সহাবস্থান করতে হবে। এটি একটি পূর্ণ-স্ক্রিন অ্যাপের তুলনায় একটি উইজেটে উপলভ্য অঙ্গভঙ্গি সমর্থনকে সীমাবদ্ধ করে। যদিও অ্যাপ্লিকেশনগুলি ব্যবহারকারীদের পর্দার মধ্যে অনুভূমিকভাবে নেভিগেট করতে দেয়, সেই অঙ্গভঙ্গি ইতিমধ্যে হোম স্ক্রিনে নেভিগেট করার উদ্দেশ্যে হোম স্ক্রিনে নেওয়া হয়েছে।

উইজেটগুলির জন্য উপলব্ধ একমাত্র অঙ্গভঙ্গি হ'ল স্পর্শ এবং উল্লম্ব সোয়াইপ

উপাদান

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

ডিজাইন নির্দেশিকা

উইজেট সামগ্রী

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

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

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

উইজেটগুলিতে নেভিগেশন লিঙ্কগুলির জন্য ভাল প্রার্থীরা হলেন:

  • জেনারেটর ফাংশন: এগুলি এমন ফাংশন যা ব্যবহারকারীকে কোনও অ্যাপের জন্য নতুন সামগ্রী তৈরি করতে দেয়, যেমন একটি নতুন ডকুমেন্ট বা একটি নতুন বার্তা তৈরি করা।

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

উইজেট রেজাইজিং

স্ট্যান্ডার্ড গুগল ক্লক উইজেট
চিত্র 6. স্ট্যান্ডার্ড গুগল ক্লক উইজেট।

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

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

ব্যবহারকারীদের উইজেটগুলির আকার পরিবর্তন করতে দেওয়া গুরুত্বপূর্ণ সুবিধা রয়েছে:

  • তারা প্রতিটি উইজেটে কতটা তথ্য দেখতে চায় তা সূক্ষ্ম-সুর করতে পারে।
  • তারা তাদের হোম প্যানেলগুলিতে উইজেট এবং শর্টকাটগুলির বিন্যাসকে আরও ভালভাবে প্রভাবিত করতে পারে।

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

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

নিম্নলিখিত উদাহরণে, ব্যবহারকারী একটি আবহাওয়া উইজেটকে তিনটি ধাপে পুনরায় আকার দিতে পারে, উইজেটটি বাড়ার সাথে সাথে বর্তমান অবস্থানে আবহাওয়া সম্পর্কে আরও সমৃদ্ধ তথ্য প্রকাশ করে।

সবচেয়ে ছোট 3x2-গ্রিড আকারে আবহাওয়া উইজেট উদাহরণ, এবং অবস্থানের নাম (টোকিও), তাপমাত্রা (14 °), এবং প্রতীকটি আংশিকভাবে মেঘলা আবহাওয়া নির্দেশ করে
চিত্র 7. 3x2-গ্রিড 'ছোট' আকারে আবহাওয়ার উইজেট উদাহরণ।


5x2 'মাঝারি' আকারে আবহাওয়া উইজেট উদাহরণ, 3x2-গ্রিড আকারের ইউআই সমস্ত প্লাস 'বেশিরভাগ মেঘলা' লেবেল এবং 4 টা থেকে সন্ধ্যা 7 টা পর্যন্ত পূর্বাভাসের তাপমাত্রা সহ সমস্ত ইউআই সহ
চিত্র 8. 5x2-গ্রিড 'মাঝারি' আকারে আবহাওয়ার উইজেট উদাহরণ।


3x2- এবং 5x2-গ্রিড মাপের সমস্ত ইউআই সহ 5x4 'বৃহত' আকারে আবহাওয়ার উইজেট উদাহরণ মঙ্গলবার থেকে শুক্রবার পর্যন্ত আবহাওয়ার পূর্বাভাস সহ
চিত্র 9. 5x4-গ্রিড 'বড়' আকারে আবহাওয়ার উইজেট উদাহরণ।

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

লেআউট বিবেচনা

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

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

ব্যবহারকারীদের দ্বারা উইজেট কনফিগারেশন

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

উইজেট ডিজাইন চেকলিস্ট

  • আপনার উইজেটে গ্লানসেবল তথ্যের ছোট অংশগুলিতে ফোকাস করুন। আপনার অ্যাপে তথ্য প্রসারিত করুন।
  • আপনার উদ্দেশ্যে সঠিক উইজেট টাইপ চয়ন করুন।
  • আপনার উইজেটের জন্য সামগ্রী কীভাবে বিভিন্ন আকারের সাথে খাপ খায় তা পরিকল্পনা করুন।
  • লেআউটটি প্রসারিত এবং চুক্তি করতে পারে তা নিশ্চিত করে আপনার উইজেট লেআউটটি ওরিয়েন্টেশন এবং ডিভাইসের থেকে স্বতন্ত্র করুন।
  • আপনার উইজেটের কোনও অতিরিক্ত কনফিগারেশন প্রয়োজন কিনা তা বিবেচনা করুন।