গুগল ওয়ার্কস্পেস অ্যাড-অনগুলো যে হোস্ট অ্যাপ্লিকেশনকে সম্প্রসারিত করে, তার স্টাইল এবং লেআউটের সাথে সামঞ্জস্যপূর্ণ হওয়া উচিত। পরিচিত কন্ট্রোল ও আচরণ ব্যবহার করে এগুলোর উচিত ইউআই-কে স্বাভাবিকভাবে প্রসারিত করা। এখানে উপস্থাপিত নির্দেশিকাগুলোতে টেক্সট, ছবি, কন্ট্রোল এবং ব্র্যান্ডিং পরিচালনার এমন কিছু উপায় বর্ণনা করা হয়েছে, যা একটি উচ্চ-মানের ব্যবহারকারীর অভিজ্ঞতা নিশ্চিত করে।
যদি আপনার অ্যাড-অনটি এমন আলাদা ওয়েব পেজ খোলে যা এর কার্যকারিতার একটি অবিচ্ছেদ্য অংশ (যেমন অ্যাড-অনটির সেটিংস পেজ), তাহলে নিশ্চিত করুন যে সেই ওয়েব পেজগুলোও এই স্টাইল নির্দেশিকাগুলো অনুসরণ করে।
লেখা এবং ছবি
এই বিভাগে বলা হয়েছে কীভাবে আপনার অ্যাড-অনে টেক্সট এবং ছবি ব্যবহার করতে হয়।
অ্যাড-অন নাম
আপনাকে অবশ্যই আপনার অ্যাড-অনের নামটি এর প্রজেক্ট ম্যানিফেস্টে এবং প্রকাশের জন্য কনফিগার করার সময় সেট করতে হবে। নামটি গুগল ওয়ার্কস্পেস মার্কেটপ্লেস লিস্টিং এবং মেনুর মতো অনেক জায়গায় দেখা যায়। নাম বাছাই করার সময়:
- টাইটেল কেস ব্যবহার করুন।
- বিরামচিহ্ন, বিশেষ করে বন্ধনী, ব্যবহার করা থেকে বিরত থাকুন, যদি না তা আপনার ব্র্যান্ডের অংশ হয়।
- নামটি সংক্ষিপ্ত রাখুন—১৫ বা তার কম অক্ষর হলে সবচেয়ে ভালো। দীর্ঘ নাম গুগল ওয়ার্কস্পেস মার্কেটপ্লেস তালিকা এবং অন্যান্য স্থানে স্বয়ংক্রিয়ভাবে সংক্ষিপ্ত হয়ে যেতে পারে।
- আপনার অ্যাড-অনের নামে "Google", "Gmail" বা গুগলের অন্য কোনো পণ্যের নাম অন্তর্ভুক্ত করবেন না।
- আপনার অ্যাড-অনের নামে 'add-on' শব্দটি অন্তর্ভুক্ত করবেন না।
- সংস্করণের তথ্য বাদ দিন।
লেখার শৈলী
আপনার খুব বেশি কিছু লেখার প্রয়োজন হবে না। আইকন, লেআউট এবং সংক্ষিপ্ত লেবেলের মাধ্যমে বেশিরভাগ কাজই স্পষ্ট করে দেওয়া উচিত। যদি আপনার মনে হয় যে আপনার অ্যাড-অনের কোনো অংশের জন্য সংক্ষিপ্ত লেবেলের চেয়ে আরও বিস্তারিত ব্যাখ্যার প্রয়োজন, তবে আপনার অ্যাড-অনটির বর্ণনা দিয়ে একটি আলাদা ওয়েব পেজ তৈরি করে সেটির লিঙ্ক দেওয়া একটি উত্তম অভ্যাস।
UI টেক্সট লেখার সময়:
- বাক্য বিন্যাস ব্যবহার করুন (বিশেষ করে বাটন, লেবেল এবং কার্ড অ্যাকশনের ক্ষেত্রে)।
- বিশেষ পরিভাষা বা সংক্ষিপ্ত রূপ ছাড়া সংক্ষিপ্ত ও স্পষ্ট লেখা পছন্দ করুন।
সার্বজনীন এবং কার্ডের ক্রিয়াকলাপ
আপনি যদি আপনার অ্যাড-অনে ইউনিভার্সাল অ্যাকশন বা কার্ড অ্যাকশন ব্যবহার করেন, তাহলে সেগুলি আপনার সংজ্ঞায়িত কার্ডগুলিতে মেনু আইটেম হিসাবে প্রদর্শিত হয়। আপনি এই অ্যাকশনগুলির জন্য এই মেনুগুলিতে ব্যবহৃত টেক্সট বেছে নিতে পারেন। ব্যবহারের জন্য টেক্সট বেছে নেওয়ার সময়:
- মেনু টেক্সটে আপনার অ্যাড-অনের নামের পুনরাবৃত্তি করা থেকে বিরত থাকুন।
- প্রতিটি মেনু আইটেম "Run", "Configure" বা "Create"-এর মতো একটি অ্যাকশন শব্দ দিয়ে শুরু করুন।
- কাজটি বর্ণনা করুন, কাজটি যে UI উপাদান প্রদর্শন করে তা নয়।
- যদি আপনার অ্যাকশন কোনো ওয়ার্কফ্লো শুরু করে এবং এর কাজ বর্ণনা করার মতো কোনো একক ভার্ব না থাকে, তাহলে সেটির নাম দিন "স্টার্ট"।
- ব্যবহারকারীকে একটি বড় তালিকা স্ক্রল করতে বাধ্য করা এড়াতে মেনু আইটেমের সংখ্যা কম রাখুন। যদি আপনার আরও অ্যাকশন বাস্তবায়ন করার থাকে, তবে প্রতিটি কার্ডে ভিন্ন ভিন্ন অ্যাকশন সহ একাধিক কার্ড ব্যবহার করার কথা বিবেচনা করুন।
ত্রুটির বার্তা
যখন কোনো সমস্যা হয়, তখন সহজ ভাষায় কথা বলা জরুরি। ব্যবহারকারীর দৃষ্টিকোণ থেকে সমস্যাটি ব্যাখ্যা করুন এবং এর সমাধানের উপায় বাতলে দিন।
- আপনার কোড দ্বারা থ্রো করা কোনো এক্সেপশন ব্যবহারকারীকে দেখতে দেবেন না। এর পরিবর্তে, এক্সেপশনগুলোকে আটকানোর জন্য
try...catchস্টেটমেন্ট ব্যবহার করুন, তারপর একটি ব্যবহারকারী-বান্ধব এরর মেসেজ প্রদর্শন করুন। - প্রকাশ করার আগে যাচাই করে নিন যে আপনার অ্যাড-অনটি ইউজার ইন্টারফেসে (UI) ডিবাগ তথ্য প্রদর্শন করছে না।
সহায়ক বিষয়বস্তু
আপনার এমন কার্ড ডিজাইন করার প্রয়োজন হতে পারে যা সহায়ক তথ্য প্রদর্শন করবে অথবা ব্যবহারকারীকে অ্যাড-অনটির কার্যকারিতা ব্যাখ্যা করবে। আপনি যদি আপনার অ্যাড-অনের জন্য সহায়ক কন্টেন্ট তৈরি করেন, তবে মনে রাখবেন:
- সম্ভব হলে, নির্দেশাবলী বুলেট বা সংখ্যাযুক্ত তালিকায় দেখান। নির্দিষ্ট UI উপাদানের স্পষ্ট উল্লেখসহ ব্যবহারকারীদের ধাপে ধাপে চূড়ান্ত ফলাফল পর্যন্ত নিয়ে যান।
- আপনার নির্দেশাবলীতে যেকোনো প্রয়োজনীয়তা, যেমন একটি স্প্রেডশিটকে নির্দিষ্ট উপায়ে সেট আপ করার পদ্ধতি, স্পষ্টভাবে ব্যাখ্যা করা নিশ্চিত করুন।
- সহায়ক ওয়েব পেজের মতো বাহ্যিক সাহায্যমূলক কন্টেন্টের লিঙ্ক নির্দ্বিধায় ব্যবহার করতে পারেন।
ছবি
আপনার অ্যাড-অনে ব্যবহৃত ছবিগুলো হয় বিল্ট-ইন আইকন টাইপগুলোর কোনো একটি, অথবা ইউআরএল (URL) দ্বারা নির্দিষ্ট করা কোনো পাবলিকলি হোস্টেড ছবি। হোস্টেড ছবি ব্যবহার করার সময়, নিশ্চিত করুন যে আপনার অ্যাড-অন ব্যবহারকারী প্রত্যেকেই যেন সেগুলো অ্যাক্সেস করতে পারে।
নিয়ন্ত্রণ
এই বিভাগে ইন্টারেক্টিভ উইজেটগুলির জন্য ব্যবহারকারীর অভিজ্ঞতার নির্দেশিকা প্রদান করা হয়েছে।
বোতাম
আপনার ইউজার ইন্টারফেসের প্রধান কাজগুলো নিয়ন্ত্রণ করতে অন্যান্য উইজেটের পরিবর্তে বাটন ব্যবহার করুন।
- বেশিরভাগ টেক্সট বাটনের লেবেল একটি ক্রিয়াপদ দিয়ে শুরু হওয়া উচিত।
- বেশিরভাগ ক্ষেত্রে বাটনের সারিগুলোতে তিনটি বা তার কম বাটন থাকা উচিত।
সজ্জিত পাঠ্য
DecoratedText উইজেটগুলো আপনাকে আইকন, বাটন বা সুইচের সাহায্যে টেক্সট কন্টেন্ট উপস্থাপন করতে দেয়।
- পাঠ্য বিষয়বস্তুর জন্য বাক্য বিন্যাস ব্যবহার করুন।
- একটি DecoratedText উইজেটের লেখা উপলব্ধ স্থানে আঁটতে না পারলে তা সংক্ষিপ্ত হয়ে যায়। এই কারণে, লেখার বিষয়বস্তু সর্বদা যতটা সম্ভব সংক্ষিপ্ত রাখার চেষ্টা করুন।
নির্বাচন ইনপুট
আপনি আপনার অ্যাড-অনে বিভিন্ন ধরনের সিলেকশন ইনপুট উইজেট ব্যবহার করতে পারেন: ড্রপ-ডাউন সিলেকশন বক্স, চেকবক্স এবং রেডিও বাটন।
- যখন ব্যবহারকারীরা একাধিক বিকল্প বেছে নিতে পারেন, অথবা কোনো বিকল্পই বেছে নিতে না পারেন, তখন চেকবক্স ব্যবহার করুন। যখন ঠিক একটি বিকল্পই বেছে নিতে হবে, তখন রেডিও বাটন (বা একটি সিলেক্ট মেনু) ব্যবহার করুন। ইউজার ইন্টারফেসে (UI) জায়গা বাঁচানোর জন্য যখন বিকল্পগুলির একটি সংক্ষিপ্ত তালিকা প্রদান করতে চান, তখন ড্রপডাউন ব্যবহার করুন।
- প্রতিটি অপশনের জন্য নির্ধারিত টেক্সটে সেন্টেন্স কেস ব্যবহার করুন।
- বড় এবং সহজে পূর্বাবস্থায় ফেরানো যায় না এমন কোনো কাজ শুরু করার জন্য পছন্দের পরিবর্তনকে ব্যবহার করা থেকে বিরত থাকুন, কারণ মানুষ প্রায়শই নির্বাচন করার সময় ভুল করে থাকে। এর পরিবর্তে, এমন একটি বাটন যোগ করার কথা ভাবতে পারেন যা বর্তমান নির্বাচিত মানগুলো পড়ে নেবে এবং তারপর কাজটি সম্পন্ন করবে।
- ড্রপডাউনগুলোর ক্ষেত্রে, অপশনগুলো বর্ণানুক্রমিকভাবে অথবা এমন কোনো যৌক্তিক পদ্ধতিতে সাজান যা সকল ব্যবহারকারী বুঝতে পারে (যেমন, রবিবার বা সোমবার থেকে শুরু করে সপ্তাহের দিনগুলো ক্রমানুসারে উপস্থাপন করা)।
- একটি নির্দিষ্ট সিলেকশন ইনপুট উইজেটে অপশনের সংখ্যা একটি যুক্তিসঙ্গত পর্যায়ে সীমাবদ্ধ রাখুন। অপশনের সংখ্যা খুব বেশি হলে ব্যবহারকারীদের জন্য উইজেটটি ব্যবহার করা কঠিন হতে পারে। সেক্ষেত্রে, অপশনগুলোকে বিভিন্ন ক্যাটাগরি এবং একাধিক উইজেটে ভাগ করার কথা বিবেচনা করুন।
টেক্সট ইনপুট
টেক্সট ইনপুট ব্যবহারকারীদের স্ট্রিং ডেটা প্রবেশ করানোর সুযোগ দেয়।
- ব্যবহারকারীকে নির্দিষ্ট কিছু বিকল্পের মধ্যে থেকে একটি টাইপ করতে বলার জন্য টেক্সট ইনপুট ব্যবহার করবেন না। এর পরিবর্তে ড্রপ-ডাউন সিলেক্ট ব্যবহার করুন।
- ব্যবহারকারীকে সঠিক বিন্যাস ও বিষয়বস্তুসহ টেক্সট প্রবেশ করাতে সাহায্য করার জন্য ইঙ্গিত ও পরামর্শ ব্যবহার করুন।
- প্রবেশ করানোর জন্য টেক্সটটি কয়েকটি শব্দের বেশি হলে মাল্টিলাইন টেক্সট ইনপুট ব্যবহার করুন।
ব্র্যান্ডিং
এই বিভাগে আপনার অ্যাড-অন ইন্টারফেসে ব্র্যান্ডিং উপাদান যুক্ত করার জন্য ব্যবহারকারী অভিজ্ঞতার নির্দেশিকা প্রদান করা হয়েছে।
আপনার অ্যাড-অনে
আপনি যদি আপনার অ্যাড-অন UI-তে ব্র্যান্ডিং অন্তর্ভুক্ত করতে চান, তবে তা সংক্ষিপ্ত ও অনাড়ম্বর রাখুন। এটি মানুষকে আপনার অ্যাড-অনের কার্যকারিতার উপর মনোযোগ দিতে সাহায্য করে।
- আপনার অ্যাড-অনের সকল দিক অবশ্যই ব্র্যান্ডিং নির্দেশিকা অনুসরণ করবে।
- 'Google', 'Gmail' বা গুগলের অন্য কোনো পণ্যের নাম অন্তর্ভুক্ত করবেন না।
- গুগল পণ্যের আইকনগুলো অন্তর্ভুক্ত করবেন না, এমনকি যদি সেগুলো পরিবর্তন করাও হয়।
- আপনার ব্র্যান্ডিং টেক্সটে 'অ্যাড-অন' শব্দটি অন্তর্ভুক্ত করবেন না।
- ব্র্যান্ডিং টেক্সট কয়েকটি শব্দের বেশি হওয়া উচিত নয়।
গুগল ওয়ার্কস্পেস মার্কেটপ্লেসে
প্রকাশের জন্য আপনার অ্যাড-অনটি কনফিগার করার সময়, গুগল ওয়ার্কস্পেস মার্কেটপ্লেস লিস্টিং তৈরি করার জন্য আপনাকে বেশ কিছু গ্রাফিক্যাল ও টেক্সট অ্যাসেট প্রদান করতে হয়।
আপনার স্টোর লিস্টিং এবং এই অ্যাসেটগুলোর সকল দিক অবশ্যই ব্র্যান্ডিং নির্দেশিকা অনুসরণ করবে।