Google Workspace অ্যাড-অনগুলির জন্য UI স্টাইল নির্দেশিকা

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

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

টেক্সট এবং ইমেজ

এই বিভাগটি আপনাকে বলে যে কীভাবে আপনার অ্যাড-অনে পাঠ্য এবং চিত্রগুলি সঠিকভাবে ব্যবহার করবেন।

অ্যাড-অন নাম

আপনাকে অবশ্যই আপনার অ্যাড-অনের নাম তার প্রজেক্ট ম্যানিফেস্টে সেট করতে হবে এবং যখন আপনি প্রকাশনার জন্য আপনার অ্যাড-অন কনফিগার করবেন । নামটি অনেক জায়গায় দেখা যায়, যেমন Google Workspace মার্কেটপ্লেস তালিকা এবং মেনুতে। একটি নাম নির্বাচন করার সময়:

  • শিরোনাম ক্ষেত্রে ব্যবহার করুন.
  • যতিচিহ্ন এড়িয়ে চলুন, বিশেষ করে বন্ধনী, আপনার ব্র্যান্ডের অংশ না হলে।
  • এটি ছোট রাখুন—15 বা তার কম অক্ষর সর্বোত্তম। Google Workspace মার্কেটপ্লেস তালিকায় এবং অন্য কোথাও লম্বা নামগুলি স্বয়ংক্রিয়ভাবে ছেঁটে ফেলা হতে পারে।
  • আপনার অ্যাড-অন নামের মধ্যে "Google", "Gmail" বা অন্যান্য Google পণ্যের নামগুলি অন্তর্ভুক্ত করবেন না৷
  • আপনার অ্যাড-অন নামের মধ্যে "অ্যাড-অন" শব্দটি অন্তর্ভুক্ত করবেন না।
  • সংস্করণ তথ্য ছেড়ে দিন।

লিখন শৈলী

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

UI পাঠ্য লেখার সময়:

  • বাক্যের কেস ব্যবহার করুন (বিশেষ করে বোতাম, লেবেল এবং কার্ড অ্যাকশনের জন্য)।
  • পরিভাষা বা সংক্ষিপ্ত শব্দ ছাড়া সংক্ষিপ্ত, সহজ পাঠ্য পছন্দ করুন।

সার্বজনীন এবং কার্ড কর্ম

আপনি যদি আপনার অ্যাড-অনে সার্বজনীন অ্যাকশন বা কার্ড অ্যাকশন ব্যবহার করেন, সেগুলি আপনার সংজ্ঞায়িত কার্ডগুলিতে মেনু আইটেম হিসাবে উপস্থিত হয়। আপনি এই ক্রিয়াগুলির জন্য এই মেনুতে ব্যবহৃত পাঠ্যটি চয়ন করতে পারেন। ব্যবহার করার জন্য পাঠ্য নির্বাচন করার সময়:

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

ভুল বার্তা

যখন কিছু ভুল হয়ে যায়, তখন সাধারণ ভাষা ব্যবহার করা গুরুত্বপূর্ণ। ব্যবহারকারীর দৃষ্টিকোণ থেকে সমস্যাটি ব্যাখ্যা করুন এবং কীভাবে এটি ঠিক করা যায় তার পরামর্শ দিন।

  • ব্যবহারকারীকে আপনার কোড থ্রো করা কোনো ব্যতিক্রম দেখতে দেবেন না। পরিবর্তে, ব্যতিক্রমগুলিকে আটকাতে try...catch স্টেটমেন্ট ব্যবহার করুন, তারপর একটি ব্যবহারকারী-বান্ধব ত্রুটি বার্তা প্রদর্শন করুন।
  • আপনি প্রকাশ করার আগে, আপনার অ্যাড-অনটি UI-তে ডিবাগ তথ্য প্রদর্শন করে না তা পরীক্ষা করুন।

সাহায্য কন্টেন্ট

আপনি এমন কার্ড ডিজাইন করতে চান যা সাহায্যের তথ্য প্রদর্শন করে বা ব্যবহারকারীকে অ্যাড-অনের অপারেশন ব্যাখ্যা করে। আপনি যদি আপনার অ্যাড-অনের জন্য সহায়তা সামগ্রী তৈরি করেন তবে মনে রাখবেন:

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

ছবি

আপনার অ্যাড-অনে ব্যবহৃত চিত্রগুলি হয় অন্তর্নির্মিত আইকনের প্রকারগুলির একটি বা একটি URL দ্বারা নির্দিষ্ট করা সর্বজনীনভাবে হোস্ট করা ছবি৷ হোস্ট করা ছবিগুলি ব্যবহার করার সময়, নিশ্চিত করুন যে সেগুলি আপনার অ্যাড-অন ব্যবহার করতে পারে এমন প্রত্যেকের দ্বারা অ্যাক্সেসযোগ্য৷

নিয়ন্ত্রণ করে

এই বিভাগটি ইন্টারেক্টিভ উইজেটগুলির জন্য ব্যবহারকারীর অভিজ্ঞতা নির্দেশিকা প্রদান করে।

বোতাম

অন্যান্য উইজেটগুলির পরিবর্তে আপনার ব্যবহারকারী ইন্টারফেসের প্রধান ক্রিয়াগুলি নিয়ন্ত্রণ করতে বোতামগুলি ব্যবহার করুন৷

  • বেশিরভাগ পাঠ্য বোতাম লেবেল একটি ক্রিয়া দিয়ে শুরু হওয়া উচিত।
  • বোতাম সারি বেশিরভাগ ক্ষেত্রে তিন বা তার কম বোতামের মধ্যে সীমাবদ্ধ হওয়া উচিত।

সজ্জিত পাঠ্য

সজ্জিত পাঠ্য উইজেটগুলি আপনাকে আইকন, বোতাম বা সুইচ সহ পাঠ্য সামগ্রী উপস্থাপন করতে দেয়।

  • পাঠ্য বিষয়বস্তুর জন্য বাক্যের ক্ষেত্রে ব্যবহার করুন।
  • একটি DecoratedText উইজেটের পাঠ্যটি যদি উপলব্ধ স্থানের সাথে মানানসই না হয় তবে তা কেটে ফেলা হয়। এই কারণে, পাঠ্য বিষয়বস্তু যতটা সম্ভব ছোট রাখার চেষ্টা করুন।

নির্বাচন ইনপুট

আপনি আপনার অ্যাড-অনে বিভিন্ন নির্বাচন ইনপুট উইজেট ব্যবহার করতে পারেন: ড্রপ-ডাউন নির্বাচন বাক্স, চেকবক্স এবং রেডিও বোতাম।

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

টেক্সট ইনপুট

টেক্সট ইনপুট ব্যবহারকারীদের স্ট্রিং ডেটা প্রবেশ করার জন্য একটি জায়গা প্রদান করে।

  • ব্যবহারকারীকে সম্ভাব্য এন্ট্রিগুলির একটি নির্দিষ্ট সেটের একটি টাইপ করতে একটি পাঠ্য ইনপুট ব্যবহার করবেন না। পরিবর্তে একটি ড্রপডাউন নির্বাচন ব্যবহার করুন.
  • ব্যবহারকারীকে সঠিক বিন্যাস এবং বিষয়বস্তু সহ পাঠ্য লিখতে সহায়তা করার জন্য ইঙ্গিত এবং পরামর্শগুলি ব্যবহার করুন৷
  • লিখিত পাঠ্যটি কয়েকটি শব্দের বেশি হলে বহুরেখার পাঠ্য ইনপুট ব্যবহার করুন।

ব্র্যান্ডিং

এই বিভাগটি আপনার অ্যাড-অন ইন্টারফেসে ব্র্যান্ডিং উপাদান যোগ করার জন্য ব্যবহারকারীর অভিজ্ঞতা নির্দেশিকা প্রদান করে।

আপনার অ্যাড-অনে

আপনি যদি আপনার অ্যাড-অন UI-তে ব্র্যান্ডিং অন্তর্ভুক্ত করতে চান তবে এটি সংক্ষিপ্ত এবং হালকা রাখুন। এটি লোকেদের আপনার অ্যাড-অন কার্যকারিতার উপর ফোকাস করতে সহায়তা করে৷

  • আপনার অ্যাড-অনের সমস্ত দিক অবশ্যই ব্র্যান্ডিং নির্দেশিকা অনুসরণ করতে হবে।
  • "Google", "Gmail" বা অন্যান্য Google পণ্যের নামগুলি অন্তর্ভুক্ত করবেন না৷
  • Google পণ্য আইকনগুলিকে অন্তর্ভুক্ত করবেন না, এমনকি যদি সেগুলি পরিবর্তিত হয়।
  • আপনার ব্র্যান্ডিং পাঠ্যে "অ্যাড-অন" শব্দটি অন্তর্ভুক্ত করবেন না।
  • ব্র্যান্ডিং পাঠ্য কয়েকটি শব্দের বেশি হওয়া উচিত নয়।

Google Workspace মার্কেটপ্লেসে

আপনি যখন প্রকাশনার জন্য আপনার অ্যাড-অন কনফিগার করেন, তখন আপনি Google Workspace মার্কেটপ্লেস তালিকা তৈরি করতে অনেকগুলি গ্রাফিকাল এবং টেক্সট সম্পদ প্রদান করেন।

আপনার স্টোর তালিকার সমস্ত দিক এবং এই সম্পদগুলি অবশ্যই ব্র্যান্ডিং নির্দেশিকা অনুসরণ করবে৷