ভূমিকা
মোবাইল হেলথ অ্যাপ ব্যবহার করে বেশিরভাগ স্বাস্থ্যসেবা কর্মীদের জন্য প্রশ্নাবলী পূরণ করা একটি মূল কাজ।
ডেটা এন্ট্রি কঠিন হতে পারে এবং ত্রুটি ঘটতে পারে। স্ট্রাকচার্ড ডেটা ক্যাপচার (SDC) লাইব্রেরি এবং ডিজাইন নির্দেশিকাগুলির সাথে আমাদের লক্ষ্য হল ডেটা এন্ট্রির ব্যবহারকারীর অভিজ্ঞতা এবং ক্যাপচার করা ডেটার গুণমান উন্নত করতে আপনাকে ক্ষমতা দেওয়া৷
এই বিভাগে কভার করা চারটি থিম হল:
লেআউট এবং নেভিগেশন
দীর্ঘ স্ক্রোল এবং পৃষ্ঠাবিন্যাস বিন্যাস
![লম্বা স্ক্রোল এবং পৃষ্ঠাযুক্ত লেআউট তুলনা করা হচ্ছে। লম্বা স্ক্রলে একটি পৃষ্ঠায় 3টি প্রশ্ন রয়েছে, যখন পৃষ্ঠায় একটি প্রশ্ন রয়েছে।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/comparinglayouts.png?hl=bn)
Android FHIR SDK-এর দুটি লেআউট বিকল্প রয়েছে যা আপনি বেছে নিতে পারেন:
- দীর্ঘ স্ক্রোল (ডিফল্ট)
- পৃষ্ঠাসংক্রান্ত
একটি দীর্ঘ স্ক্রোল প্রশ্নাবলী একটি পৃষ্ঠায় সমস্ত প্রশ্ন দেখায় এবং ব্যবহারকারীরা স্ক্রোল করে প্রতিটি প্রশ্নে নেভিগেট করে।
একটি পৃষ্ঠাযুক্ত প্রশ্নাবলী পৃথক পৃষ্ঠা জুড়ে বিষয়বস্তু প্রদর্শন করে। সম্পর্কিত প্রশ্ন বা ইনপুট ক্ষেত্রগুলি এক পৃষ্ঠায় একসাথে গোষ্ঠীভুক্ত করা যেতে পারে। পৃষ্ঠাগুলির মধ্যে নেভিগেট করতে পিছনে এবং পরবর্তী বোতামগুলি পৃষ্ঠার নীচে নোঙ্গর করা হয়৷
Github-এ কীভাবে একটি প্রশ্নপত্র পেজিনেট করা যায় তা শিখুন
আপনি কোন লেআউট নির্বাচন করা উচিত?
প্রতিটি লেআউট বিকল্পের সুবিধা এবং অসুবিধা রয়েছে। আপনি কোন লেআউটটি ব্যবহার করবেন তা বেছে নিচ্ছেন বলে বিবেচনা করার জন্য নীচে প্রতিটি লেআউট প্রকারের কিছু বৈশিষ্ট্য রয়েছে৷
লম্বা স্ক্রল | পৃষ্ঠাসংক্রান্ত | |
---|---|---|
নেভিগেশন গতি | নেভিগেট করতে দ্রুত | নেভিগেট করার জন্য ধীরগতির |
নেভিগেশন নির্ভুলতা | কম সুনির্দিষ্ট নেভিগেশন | আরও সুনির্দিষ্ট নেভিগেশন |
টাস্ক স্যুইচিংয়ের পরে প্রশ্নে পুনরায় ফোকাস করুন | বাধার পরে পুনর্বিন্যাস করা কঠিন | বাধার পরে পুনর্বিন্যাস করা সহজ |
পরিদর্শন করার পরে ডিজিটাল প্রশ্নাবলী সম্পূর্ণ করা (কাগজ থেকে অনুলিপি করা) | কাগজ থেকে অনুলিপি করার সময় | সহজকাগজ থেকে অনুলিপি করার সময় আরও কঠিন |
ছোট পর্দা | ছোট পর্দার জন্য আরও খারাপ | ছোট পর্দার জন্য ভাল |
অ্যাক্সেসযোগ্যতা | অ্যাক্সেসযোগ্যতার জন্য আরও খারাপ। নেভিগেট করা কঠিন। | অ্যাক্সেসযোগ্যতার জন্য আরও ভাল। বিচ্ছিন্ন স্ক্রিন যা স্ক্রিন রিডার, টেক্সট-টু-স্পীচ এবং অন্যান্য প্রযুক্তি দ্বারা পরিচালনা করা যেতে পারে। |
নির্দেশাবলী এবং ব্যাখ্যা জন্য স্থান | নির্দেশিকা এবং নির্দেশের জন্য আরও খারাপ | নির্দেশিকা এবং নির্দেশাবলীর জন্য | আরও ভাল
লম্বা স্ক্রল
![প্রশ্নের শিরোনামের সামনে নম্বর সহ প্রশ্নপত্র।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/numberedquestionnaire.png?hl=bn)
একটি একক পৃষ্ঠা লেআউটে নেভিগেট করা সহজ করতে প্রশ্নগুলি সংখ্যা করুন৷
![প্রশ্ন শিরোনাম ফন্ট আকার তুলনা. লম্বা স্ক্রল হল 16px। পৃষ্ঠা সংখ্যা 28px।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/adjustfont.png?hl=bn)
দীর্ঘ স্ক্রোল ব্যবহার করার সময় প্রশ্নের শিরোনামের ফন্টের আকার ছোট করুন, যাতে স্ক্রিনে আরও সামগ্রী দৃশ্যমান হয়। উদাহরণ: লম্বা স্ক্রল হল 16px। পৃষ্ঠা সংখ্যা 28px।
পৃষ্ঠা সংখ্যা
![পৃষ্ঠাসংক্রান্ত প্রশ্ন "তারা কোন রাজ্যে বাস করে?" ড্রপডাউন নির্বাচন সহ।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/onequestion.png?hl=bn)
কীবোর্ড, ড্রপডাউন এবং অন্যান্য উপাদান পৃষ্ঠায় স্থান নেয়, তাই প্রতি পৃষ্ঠায় একটি প্রশ্নের জন্য লক্ষ্য রাখুন।
![পৃষ্ঠাযুক্ত ঠিকানা ক্ষেত্র যেখানে নীচের ক্ষেত্র স্ক্রিনে দৃশ্যমান নয়।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/hidecontent.png?hl=bn)
বিষয়বস্তু ভাঁজের উপরে দৃশ্যমান হওয়া উচিত।
![একাধিক পাঠ্য ক্ষেত্র একটি প্রশ্ন হিসাবে গোষ্ঠীবদ্ধ। প্রশ্নের শিরোনাম হল বিকল্প যোগাযোগ ব্যক্তি, নাম, সম্পর্ক এবং ফোন নম্বর ইনপুট ক্ষেত্র হিসাবে।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/groupcontent.png?hl=bn)
উদাহরণ: এই তিনটি পাঠ্য ক্ষেত্র সমস্ত বিকল্প যোগাযোগ ব্যক্তির তথ্যের সাথে সম্পর্কিত, তাই সেগুলিকে এক পৃষ্ঠায় একত্রিত করা হয়েছে৷
![একই পৃষ্ঠায় সম্পর্কহীন প্রশ্ন। প্রথম প্রশ্ন হল বীমা কভারেজ এবং দ্বিতীয় প্রশ্ন হল পূর্বের স্বাস্থ্যের অবস্থা।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/unrelatedgroup.png?hl=bn)
বিভ্রান্তি এড়াতে, এক পৃষ্ঠায় সম্পর্কিত বিষয়বস্তু গোষ্ঠীভুক্ত করা এড়িয়ে চলুন।
অগ্রগতি সূচক
অগ্রগতি নির্দেশক একটি প্রশ্নাবলীর মধ্যে অগ্রগতি প্রতিফলিত করে।
ব্যবহারকারীদের নেভিগেট করতে এবং অগ্রগতি দেখতে সাহায্য করতে দীর্ঘ প্রশ্নাবলীতে একটি অগ্রগতি সূচক অন্তর্ভুক্ত করুন। অগ্রগতি সূচকগুলি একটি প্রশ্নাবলীর মধ্যে অবস্থান দেখায় এবং কতটা সম্পূর্ণ করতে বাকি আছে।
![প্রশ্নপত্রের শিরোনামের নীচে, শীর্ষে অবস্থিত অগ্রগতি সূচক।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/progress-scroll.png?hl=bn)
প্রশ্ন এবং অ্যাঙ্করের উপরে অবস্থান করুন যাতে স্ক্রলিং করার সময়ও এটি সর্বদা দৃশ্যমান হয়।
![নেভিগেশন বোতামের উপরে, নীচে অবস্থিত অগ্রগতি সূচক।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/progress-paginated.png?hl=bn)
পিছনে এবং পরবর্তী বোতামের উপরে পরিবর্তে নীচে অবস্থান করতে পারে। এই লেআউটের সাহায্যে আপনি ব্যবহারকারী কোন পৃষ্ঠায় আছেন তাও প্রদর্শন করতে পারেন।
নেভিগেশন বোতাম
নেভিগেশন বোতামগুলি (পিছনে, পরবর্তী) প্রশ্নাবলীর নীচে নোঙর করা হয়৷ একটি অসীম স্ক্রলে বা একটি পৃষ্ঠাযুক্ত প্রশ্নাবলীর শেষ পৃষ্ঠায় পরবর্তী বোতামটি জমা দিন লেবেলযুক্ত।
বোতামগুলিকে একটি সামঞ্জস্যপূর্ণ অবস্থানে রাখুন এবং সর্বদা সক্রিয় বোতামগুলি ব্যবহার করুন যা তাদের কর্মের সাথে লেবেলযুক্ত, যেমন পিছনে এবং পরবর্তী।
![নেভিগেশন বোতাম সক্রিয় আছে. নীল ফিল সহ পরবর্তী বোতাম।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/active-buttons.png?hl=bn)
সর্বদা সক্রিয় বোতামগুলি প্রদর্শন করুন, এমনকি ফর্মগুলি অসম্পূর্ণ হলেও৷ পরবর্তীতে ট্যাপ করার পরে, অনুপস্থিত ক্ষেত্রগুলি বা যাচাইকরণ ত্রুটিগুলি সম্পূর্ণ করার জন্য নির্দেশাবলী সহ একটি পপ-আপ ডায়ালগ দেখান৷
![পরবর্তী বোতাম নিষ্ক্রিয়। ধূসর ফিল সহ পরবর্তী বোতাম।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/inactive-buttons.png?hl=bn)
নিষ্ক্রিয় বোতামগুলি ব্যবহারকারীদের কীভাবে সমস্যাটি সমাধান করতে হয় তা জানা কঠিন করে তোলে৷
![পরবর্তী বোতামে শুধুমাত্র একটি তীর আইকন আছে এবং কোন পাঠ্য বিবরণ নেই।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/icon-buttons.png?hl=bn)
শুধুমাত্র আইকন বোতাম এড়িয়ে চলুন. একটি বর্ণনামূলক ক্রিয়া সহ বোতামগুলিকে সর্বদা লেবেল করুন৷
প্রশ্ন ও নির্দেশাবলী
![টীকাযুক্ত পৃষ্ঠাযুক্ত প্রশ্নাবলী প্রশ্ন এবং নির্দেশের উপাদানগুলি দেখাচ্ছে।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/question-banner.png?hl=bn)
- প্রশ্নপত্রের শিরোনাম।
- অগ্রগতি সূচক।
- গ্রুপ হেডার।
- প্রশ্নের শিরোনাম.
- নির্দেশনা।
- ইনপুট ক্ষেত্র।
- এন্ট্রি ফরম্যাট।
- প্রয়োজনীয় ক্ষেত্র.
- সাহায্য
গ্রুপ হেডার
গ্রুপ হেডার হল একটি টেক্সট হেডার যা প্রশ্ন শিরোনামের উপরে প্রদর্শিত হয়।
একই ধরনের প্রশ্ন একসাথে করতে গ্রুপ হেডার ব্যবহার করুন। শুধুমাত্র গ্রুপ হেডার ব্যবহার করুন যখন এটি সহায়ক তথ্য যোগ করে।
![গ্রুপ হেডার হল রোগীর ইতিহাস।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/group-short.png?hl=bn)
অনুরূপ প্রশ্নগুলি একসাথে গোষ্ঠীবদ্ধ করতে একটি ছোট শিরোনাম ব্যবহার করুন। উদাহরণ: রোগীর ইতিহাস সম্পর্কিত সমস্ত প্রশ্ন গোষ্ঠীবদ্ধ।
![গ্রুপ হেডার ব্যক্তিগত তথ্য এবং জীবনধারা তথ্য.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/group-long.png?hl=bn)
জটিল শিরোনাম বা দীর্ঘ শিরোনামগুলি এড়িয়ে চলুন যা এক লাইনের বাইরে যায়।
প্রশ্নের শিরোনাম
প্রশ্নের শিরোনাম সংক্ষিপ্তভাবে বর্ণনা করে যে কোন তথ্যের অনুরোধ করা হয়েছে। প্রশ্ন শিরোনাম পৃষ্ঠায় সবচেয়ে বড় ফন্ট সাইজ আছে প্রশ্নে ব্যবহারকারীর দৃষ্টি আকর্ষণ করতে।
প্রতিটি পৃষ্ঠা বা প্রশ্নের একটি প্রশ্নের শিরোনাম থাকা উচিত। প্রশ্নের শিরোনাম সংক্ষিপ্ত রাখুন বা প্রশ্ন হিসাবে এটি শব্দবন্ধ করুন।
![প্রশ্নের শিরোনাম জন্ম তারিখ।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/title-short.png?hl=bn)
সংক্ষিপ্ত শিরোনাম ব্যবহারকারীদের পড়া সহজ করে তোলে।
![প্রশ্ন শিরোনাম আপনার জন্ম তারিখ কি? আপনি কোন শহরে জন্মগ্রহণ করেন?](https://developers.google.cn/static/open-health-stack/design/images/data-capture/title-long.png?hl=bn)
খুব দীর্ঘ প্রশ্ন এড়িয়ে চলুন বা দুটি প্রশ্ন একসাথে বাসা বাঁধুন।
![কোন প্রশ্নের শিরোনাম নেই।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/title-none.png?hl=bn)
সর্বদা একটি প্রশ্নের শিরোনাম অন্তর্ভুক্ত করুন যাতে ব্যবহারকারীরা তাদের কী তথ্য প্রবেশ করতে হবে তা জানতে সহজ করে।
নির্দেশনা
নির্দেশাবলী হল একটি ঐচ্ছিক পাঠ্য ক্ষেত্র যা প্রশ্নের শিরোনামের নীচে দেখানো হয়েছে।
প্রাসঙ্গিক নির্দেশাবলী ব্যাখ্যা করতে নির্দেশ ক্ষেত্রটি ব্যবহার করুন যেমন প্রশ্নটির প্রয়োজন হলে, কতগুলি নির্বাচন করা যেতে পারে (এক বা একাধিক), এবং সমস্ত তথ্য সম্পূর্ণ করতে বা প্রশ্নের উত্তর দিতে অক্ষম হলে ব্যবহারকারীদের কী করা উচিত।
![নির্দেশাবলী: একটি নির্বাচন করুন. প্রয়োজনীয় প্রশ্ন.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/instructions-required.png?hl=bn)
একটি প্রশ্ন প্রয়োজন হলে এবং কতগুলি নির্বাচন করা যেতে পারে তা জানাতে নির্দেশ ক্ষেত্র ব্যবহার করুন।
![নির্দেশাবলী: সঠিক DOB অজানা হলে অজানা DOB চেকবক্স নির্বাচন করুন।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/instructions-edge.png?hl=bn)
ব্যবহারকারীরা সমস্ত ক্ষেত্র সম্পূর্ণ করতে অক্ষম হওয়ার মতো পরিস্থিতির সম্মুখীন হলে কী করতে হবে তা জানাতে নির্দেশাবলী ব্যবহার করুন৷
![নির্দেশাবলী: বিকল্প যোগাযোগ একটি জরুরী পরিস্থিতির ক্ষেত্রে ব্যবহার করা হবে এবং আত্মীয়দের (যেমন অংশীদার, মা, ভাইবোন) হতে পারে।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/instructions-definitions.png?hl=bn)
প্রশ্নের শিরোনামে ব্যবহৃত পদগুলির জন্য অতিরিক্ত প্রসঙ্গ বা সংজ্ঞা প্রদান করতে নির্দেশাবলী ব্যবহার করুন।
লেবেল পাঠ্য
লেবেল টেক্সট ব্যবহারকারীদের জানায় যে কোন টেক্সট ফিল্ড বা ড্রপডাউনের জন্য কোন তথ্য অনুরোধ করা হয়েছে। যখন ক্ষেত্রটি নির্বাচন করা হয়, তখন লেবেল পাঠ্যটি পাঠ্য ক্ষেত্রের মাঝখানে থেকে শীর্ষে চলে যায়।
প্রতিটি পাঠ্য ক্ষেত্র এবং ড্রপডাউন বাক্সে একটি লেবেল থাকা উচিত। লেবেল পাঠ্য সংক্ষিপ্ত, পরিষ্কার এবং সম্পূর্ণরূপে দৃশ্যমান হওয়া উচিত।
![লেবেল পাঠ্য: প্রথম নাম।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/label-short.png?hl=bn)
লেবেল পাঠ্য সংক্ষিপ্ত, পরিষ্কার এবং সম্পূর্ণরূপে দৃশ্যমান হওয়া উচিত।
![লেবেল পাঠ্য: ক্লায়েন্টের নাম লিখুন।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/label-long.png?hl=bn)
লেবেল পাঠ্যটি খুব বেশি লম্বা, ছোট করা বা একাধিক লাইন নেওয়া উচিত নয়।
![কোন লেবেল পাঠ্য নেই।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/label-none.png?hl=bn)
সর্বদা টেক্সট ফিল্ড লেবেল করুন যাতে ব্যবহারকারীরা জানতে পারে কোন তথ্য লিখতে হবে।
এন্ট্রি ফরম্যাট
ব্যবহারকারীদের নির্দিষ্ট ফর্ম্যাট ডেটা প্রবেশ করতে হবে তা জানাতে পাঠ্য ক্ষেত্রের নীচে EntryFormat দেখানো হয়েছে৷ ত্রুটি বার্তাগুলি EntryFormat ক্ষেত্রে প্রদর্শিত হবে এবং বিদ্যমান EntryFormat নির্দেশাবলী প্রতিস্থাপন করবে৷
তারিখ, ফোন নম্বর, ইউনিট এবং পূর্ণসংখ্যার জন্য EntryFormat ব্যবহার করুন।
![তারিখ বিন্যাস: dd/mm/yyyy।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/entry-do.png?hl=bn)
ক্ষেত্রের নীচে তারিখ বিন্যাস দেখান এবং একটি বর্ণনামূলক বাক্যাংশ অন্তর্ভুক্ত করুন।
![তারিখ বিন্যাস নেই.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/entry-none.png?hl=bn)
ডেটা ফর্ম্যাট না দেখানোর ফলে ডেটা ভুলভাবে প্রবেশ করানো হতে পারে।
![হার্ট রেট টেক্সট ফিল্ডের নিচে এন্ট্রি ফরম্যাট দেখায়: সাধারণ পরিসর: 60-100 bpm। ব্লাড অক্সিজেন স্যাচুরেশন টেক্সট ফিল্ডের নিচে এন্ট্রি ফরম্যাট দেখায়: সাধারণ পরিসর: 95-100%।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/entry-range.png?hl=bn)
চিকিৎসা পরিসরে প্রবেশ করার সময়, স্বাভাবিক পরিসরের উদাহরণ প্রদান করুন। এটি ব্যবহারকারীদের সীমার বাইরে থাকা ত্রুটি বা সংখ্যাগুলি ধরতে সহায়তা করতে পারে৷
প্রয়োজনীয় ক্ষেত্র
প্রয়োজনীয় ক্ষেত্রগুলি নির্দেশ করে যে একজন ব্যবহারকারীকে অবশ্যই ক্ষেত্রটি সম্পূর্ণ করতে হবে এবং ক্ষেত্রটি সম্পূর্ণ না হওয়া পর্যন্ত অগ্রসর হওয়া থেকে অবরুদ্ধ করা হয়েছে।
একটি ক্ষেত্র প্রয়োজন তা নির্দেশ করতে, প্রশ্নের শিরোনামের শেষে একটি তারকাচিহ্ন (*) প্রদর্শন করুন। নির্দেশের ক্ষেত্রে 'প্রয়োজনীয় প্রশ্ন' অন্তর্ভুক্ত করুন কারণ তারকাচিহ্ন (*) কী নির্দেশ করে তা সবার কাছে স্পষ্ট নয়। যদি কোন প্রশ্নের শিরোনাম না থাকে, তাহলে লেবেল পাঠ্যে তারকাচিহ্ন (*) প্রদর্শন করুন।
![নীচের নির্দেশাবলীতে প্রশ্নের শিরোনাম এবং প্রয়োজনীয় প্রশ্নের পরে তারকাচিহ্ন।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/required-explanation.png?hl=bn)
তারকাচিহ্ন (*) সহ ক্ষেত্রটি প্রয়োজনীয় দেখান এবং লিখিত নির্দেশাবলী অন্তর্ভুক্ত করুন যা নির্দেশ করে যে `প্রয়োজনীয় প্রশ্ন`। অনেকেই তারকা (*) এর অর্থ কী তা সম্পর্কে অপরিচিত এবং ব্যাখ্যাটি থেকে উপকৃত হবেন।
![প্রশ্নের শিরোনামের পরে তারকাচিহ্ন, কিন্তু তারকাচিহ্নের অর্থ কী তা ব্যাখ্যা করে কোনো লিখিত বিবরণ নেই।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/required-noexplanation.png?hl=bn)
এর অর্থ কী তা লিখিত বর্ণনা ছাড়া শুধুমাত্র তারকাচিহ্ন (*) দেখানো এড়িয়ে চলুন।
![প্রশ্নের শিরোনামের পরে তারকাচিহ্ন এবং বাধ্যতামূলক প্রশ্ন নীচের নির্দেশাবলীতে দেখানো হয়েছে।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/required-localize.png?hl=bn)
আপনার ব্যবহারকারীদের কাছে সবচেয়ে পরিচিত পদগুলি ব্যবহার করুন৷ উদাহরণ: "বাধ্যতামূলক" শব্দটি আরও পরিচিত শব্দ হতে পারে এবং কিছু দেশে "প্রয়োজনীয়" এর পরিবর্তে ব্যবহৃত হতে পারে।
![কোন তারকাচিহ্ন নেই। ঐচ্ছিক প্রশ্ন নির্দেশাবলী দেখানো হয়.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/required-optional.png?hl=bn)
যদি বেশিরভাগ প্রশ্নের প্রয়োজন হয়, তাহলে এর পরিবর্তে কোনটি ঐচ্ছিক তা নির্দেশ করুন।
![লেবেল পাঠ্যের পরে তারকাচিহ্ন। এন্ট্রি ফরম্যাট ক্ষেত্রে দেখানো প্রয়োজনীয় প্রশ্ন।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/required-label.png?hl=bn)
কোন প্রশ্নের শিরোনাম না থাকলে লেবেল পাঠ্যে তারকাচিহ্ন দেখান।
সাহায্য
প্রশ্নের শিরোনামের পাশে একটি সাহায্য আইকন প্রদর্শিত হয়। আইকনে ট্যাপ করার পরে, অতিরিক্ত তথ্য সহ একটি সহায়তা তথ্য বাক্স উপস্থিত হয়। আইকনটি আবার আলতো চাপলে সহায়তা তথ্য বাক্সটি বন্ধ হয়ে যায়।
এটি একটি ঐচ্ছিক উপাদান। অতিরিক্ত তথ্য প্রদর্শনের জন্য শুধুমাত্র তখনই ব্যবহার করুন যা সবসময় দৃশ্যমান হওয়ার প্রয়োজন নেই।
![সাহায্য: মৌসুমী ফ্লু ভ্যাকসিনকে ইনফ্লুয়েঞ্জা ইমিউনাইজেশনও বলা হয়।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/help-do.png?hl=bn)
এমন তথ্যের জন্য সাহায্য ব্যবহার করুন যা ব্যবহারকারীদের শুধুমাত্র একবার দেখতে হবে বা অতিরিক্ত তথ্য প্রদান করে।
![সাহায্য: একটি নির্বাচন করুন.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/help-dont.png?hl=bn)
সাহায্য বাক্সের ভিতরে নির্দেশাবলী লুকানো এড়িয়ে চলুন যা প্রত্যেকের কাছে দৃশ্যমান হওয়া উচিত।
তথ্য সংগ্রহ
![আটটি ডেটা ক্যাপচার উপাদান; পাঠ্য ক্ষেত্র, তারিখ পিকার, ড্রপডাউন, স্লাইডার, একক পছন্দ, বুলিয়ান পছন্দ, একাধিক পছন্দ এবং খোলা পছন্দ।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/datacapture-banner.png?hl=bn)
কখন কোন উপাদান ব্যবহার করবেন?
ডাটা এন্ট্রির ধরন | বুলিয়ান পছন্দ | একক পছন্দ | বহু নির্বাচনী | খোলা পছন্দ | ড্রপডাউন | খেঁজুর সংগ্রাহক | টেক্সট ক্ষেত্রের | স্লাইডার | স্বয়ংসম্পূর্ণ |
---|---|---|---|---|---|---|---|---|---|
হ্যাঁ বা না নির্বাচন করুন | |||||||||
একটি বিকল্প নির্বাচন করুন | সতর্ক করা | ||||||||
একাধিক বিকল্প নির্বাচন করুন | সতর্ক করা | ||||||||
পাঠ্য | |||||||||
তারিখগুলি | |||||||||
সংখ্যা | সতর্ক করা |
পাঠ্য ক্ষেত্র
পাঠ্য ক্ষেত্রগুলি নির্দেশ করে যে ব্যবহারকারীরা তথ্য প্রবেশ করতে পারেন।
টেক্সট ফিল্ড ব্যবহার করুন যখন কাউকে প্রশ্নাবলীতে টেক্সট লিখতে হবে, যেমন নাম, ফোন নম্বর বা ঠিকানা। সীমাবদ্ধ ডেটা এন্ট্রি যাতে টেক্সট (কীবোর্ড) এন্ট্রির প্রয়োজন হয় যখন একটি প্রাক-জনবহুল নির্বাচন (একাধিক পছন্দ বা একক পছন্দ) পরিবর্তে ব্যবহার করা যেতে পারে।
material.io-এ পাঠ্য ক্ষেত্র সম্পর্কে আরও জানুন
![প্রশ্ন শিরোনাম: একটি নতুন ব্যক্তি নিবন্ধন. পাঠ্য ক্ষেত্র 1: নাম। পাঠ্য ক্ষেত্র 2: ফোন নম্বর।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/text-do.png?hl=bn)
ডেটা এন্ট্রির জন্য পাঠ্য ক্ষেত্রগুলি ব্যবহার করুন যাতে অনন্য শব্দ বা সংখ্যা টাইপ করা প্রয়োজন।
![প্রশ্ন শিরোনাম: পরিদর্শনের কারণ? পাঠ্য ক্ষেত্র: কারণ বর্ণনা করুন](https://developers.google.cn/static/open-health-stack/design/images/data-capture/text-dont.png?hl=bn)
বিনামূল্যে পাঠ্য প্রতিক্রিয়া ব্যবহার করা এড়িয়ে চলুন যখন এটি একাধিক-নির্বাচন, ড্রপডাউন বা একক পছন্দের নির্বাচন হতে পারে।
একক পছন্দ এবং বুলিয়ান পছন্দ
একক পছন্দ এবং বুলিয়ান পছন্দ হল একটি নির্বাচন নিয়ন্ত্রণ যা রেডিও বোতাম হিসাবে প্রদর্শিত হয় যখন ব্যবহারকারীদের বিকল্পগুলি থেকে একটি পছন্দ নির্বাচন করতে বলা হয়।
'হ্যাঁ' বা 'না' বাইনারি পছন্দ থাকলে বুলিয়ান পছন্দ ব্যবহার করুন। অন্যথায়, একক পছন্দ উপাদান ব্যবহার করুন. তালিকায় ~10টির বেশি বিকল্প থাকলে, একক পছন্দের পরিবর্তে একটি ড্রপডাউন ব্যবহার করুন। যখন অনেকগুলি বিকল্প থাকে তখন একটি ড্রপডাউন আরও ঘন এবং নেভিগেট করা সহজ।
![প্রশ্ন শিরোনাম: এটি কি তাদের প্রথম সফর? বুলিয়ান নির্বাচনের বিকল্পগুলি হ্যাঁ এবং না।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/singlechoice-boolean.png?hl=bn)
বিকল্পগুলি 'হ্যাঁ' এবং 'না' হলে বুলিয়ান পছন্দ ব্যবহার করুন।
![প্রশ্ন শিরোনাম: অর্জিত শিক্ষার সর্বোচ্চ স্তর কি? একক পছন্দের বিকল্পগুলি হল: 1. জানে না 2. শিক্ষা নেই 3. প্রাথমিক বিদ্যালয় 4. মাধ্যমিক বিদ্যালয়৷](https://developers.google.cn/static/open-health-stack/design/images/data-capture/singlechoice-single.png?hl=bn)
ব্যবহারকারীরা যখন তালিকায় একটি বিকল্প নির্বাচন করতে পারেন তখন একক পছন্দ ব্যবহার করুন।
![একক পছন্দের তালিকা রাজ্যগুলির একটি খুব দীর্ঘ তালিকা দেখাচ্ছে। রাজ্য 23-27 দৃশ্যমান।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/singlechoice-dont.png?hl=bn)
খুব দীর্ঘ তালিকার জন্য একক পছন্দ এড়িয়ে চলুন (10+)। পরিবর্তে একটি ড্রপডাউন ব্যবহার করুন.
খেঁজুর সংগ্রাহক
তারিখ বাছাইকারী ব্যবহারকারীদের ক্যালেন্ডার তারিখ পিকার এবং কীবোর্ড উভয় মাধ্যমে তারিখ লিখতে অনুমতি দেয়। ক্যালেন্ডার আইকন ট্যাপ করা হলে ক্যালেন্ডার তারিখ পিকার সক্রিয় করা হয়।
ক্যালেন্ডার তারিখ পিকার ব্যবহার করুন শুধুমাত্র আজকের তারিখের কাছাকাছি যেমন শেষ মাসিক বা পরবর্তী ভিজিটের জন্য। অন্যথায় জন্মতারিখের মতো তারিখের জন্য কীবোর্ড এন্ট্রিকে অগ্রাধিকার দিন।
![জন্ম তারিখ. কীবোর্ড তারিখ এন্ট্রি সক্রিয় আছে. টেক্সট ফিল্ড বক্সের ডানদিকে ক্যালেন্ডার আইকন। চেকবক্সে চেক করা হয়েছে যে তারিখটি আনুমানিক নির্দেশ করে৷](https://developers.google.cn/static/open-health-stack/design/images/data-capture/datepicker-do.png?hl=bn)
তারিখ প্রবেশের জন্য উভয় কীবোর্ড এন্ট্রি (টেক্সট বক্স আলতো চাপা) এবং ক্যালেন্ডার তারিখ পিকার (আইকন আলতো চাপুন) সক্ষম করুন।
![তারিখ পিকারের ক্যালেন্ডার ভিউ।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/datepicker-dont.png?hl=bn)
জন্ম তারিখের জন্য একমাত্র ইনপুট পদ্ধতি হিসাবে ক্যালেন্ডার তারিখ পিকার সক্ষম করা এড়িয়ে চলুন। মাস এবং বছরে নেভিগেট করা কঠিন।
ড্রপডাউন
ড্রপডাউন মেনু ব্যবহারকারীদের একাধিক বিকল্প থেকে একটি নির্বাচন করতে দেয়। ব্যবহারকারী টাইপ করা শুরু করলে, যা লেখা হয়েছে তার উপর ভিত্তি করে বিকল্প ফিল্টার করে। এটি ব্যবহারকারীদের দ্রুত একটি বড় তালিকা থেকে সঠিক বিকল্প খুঁজে পেতে সাহায্য করতে পারে।
ড্রপডাউন মেনুগুলি একক পছন্দের একটি দুর্দান্ত বিকল্প যখন বিকল্পগুলির তালিকা খুব দীর্ঘ হয় (10+ বিকল্প) কারণ তারা কম জায়গা নেয়।
![রাজ্য তালিকার জন্য ড্রপডাউন রাজ্য A-F.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/dropdown-do.png?hl=bn)
একটি ড্রপডাউন ব্যবহার করুন বিকল্পগুলির একটি খুব দীর্ঘ তালিকায় একটি বিকল্প নির্বাচন করার সময়, যেমন একটি রাজ্য বা শহর নির্বাচন করা।
![বয়সের জন্য ড্রপডাউন, তালিকা নম্বর এক থেকে ছয়।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/dropdown-dont.png?hl=bn)
একটি ড্রপডাউন ব্যবহার এড়িয়ে চলুন যখন বয়সের মতো সমস্ত বিকল্পের মাধ্যমে স্ক্রোল করার পরিবর্তে বিষয়বস্তু টাইপ করা সহজ হবে।
বহু নির্বাচনী
একাধিক পছন্দ হল একটি নির্বাচন নিয়ন্ত্রণ যা চেকবক্স হিসাবে প্রদর্শিত হয় যখন ব্যবহারকারীরা বিকল্পগুলির একটি তালিকা থেকে একাধিক বিভাগ তৈরি করতে পারে।
একাধিক পছন্দ ব্যবহার করুন যখন ব্যবহারকারীরা শুধুমাত্র বিকল্পগুলির একটি পূর্বনির্ধারিত তালিকা থেকে নির্বাচন করতে পারেন। ব্যবহারকারীরা যদি তাদের নিজস্ব বিনামূল্যের প্রতিক্রিয়া যোগ করতে পারেন, তাহলে পরিবর্তে ওপেন চয়েস উপাদান ব্যবহার করুন। নির্দেশের ক্ষেত্রে লিখুন "প্রযোজ্য সমস্ত নির্বাচন করুন" যাতে ব্যবহারকারীরা জানেন যে তারা একাধিক বিকল্প নির্বাচন করতে পারে৷
![প্রশ্ন শিরোনাম: আজকের সফরের কারণ কী? চারটি চেকবক্স এবং বিকল্প দেখানো হয়েছে, প্রতিটি সারিতে একটি।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/multiple-do.png?hl=bn)
ডিফল্ট চেহারা হল চেকবক্সের চারপাশে একটি ধারক যাতে ট্যাপযোগ্য এলাকাটি স্পষ্ট হয়।
![প্রশ্ন শিরোনাম: আজকের সফরের কারণ কি? ছয়টি চেকবক্স এবং বিকল্প দেখানো হয়েছে, প্রতিটি সারিতে দুটি। দুটি বিকল্পের জন্য কিছু পাঠ্য কাটা হয়েছে।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/multiple-dont.png?hl=bn)
প্রতি সারিতে একাধিক বিকল্প প্রদর্শন করা এড়িয়ে চলুন, ফোনের পর্দার আকার এবং পাঠ্যের আকারের ভিন্নতার কারণে পাঠ্যটি কেটে যেতে পারে।
খোলা পছন্দ
ওপেন চয়েস মাল্টিপল চয়েস এর মতই, কিন্তু ব্যবহারকারীর জন্য অন্য নির্বাচন করার এবং ফ্রি টেক্সট টাইপ করার ক্ষমতা যোগ করে।
বিকল্পগুলির একটি পূর্ব-সেট তালিকা থাকলে খোলা পছন্দ ব্যবহার করুন, তবে ব্যবহারকারীরা অতিরিক্ত বিকল্পগুলিও যোগ করতে পারেন। অধিকাংশ বিকল্প পরিচিত হলে উন্মুক্ত পছন্দ ব্যবহার করুন, কিন্তু আপনি আন্দাজ করেন যে কিছু ব্যবহারকারী অন্যান্য নির্বাচন করবেন কারণ সরবরাহ করা বিকল্পগুলির কোনোটিই প্রযোজ্য হবে না।
![অন্য নির্বাচন করা হয়. বিনামূল্যে টেক্সট যোগ করার জন্য পাঠ্য ক্ষেত্র সক্রিয় আছে. কীবোর্ড দৃশ্যমান।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/openchoice-do.png?hl=bn)
সঠিক ডেটা সংগ্রহ করা গুরুত্বপূর্ণ এবং পূর্বনির্ধারিত বিকল্পগুলির কোনোটিই প্রযোজ্য না হলে ব্যবহার করুন। উদাহরণ: পেশা।
![প্রশ্ন শিরোনাম: যোগ করার জন্য অন্য কিছু? তিনটি বিকল্প: হ্যাঁ, না, এবং অন্যান্য। অন্য নির্বাচন করা হয়. বিনামূল্যে টেক্সট যোগ করার জন্য পাঠ্য ক্ষেত্র সক্রিয় আছে.](https://developers.google.cn/static/open-health-stack/design/images/data-capture/openchoice-dont.png?hl=bn)
বেশির ভাগ প্রতিক্রিয়ার জন্য অন্য নির্বাচন করার প্রয়োজন হলে ব্যবহার করা এড়িয়ে চলুন। সেই ক্ষেত্রে, পরিবর্তে একটি পাঠ্য ক্ষেত্র বা অনুচ্ছেদ ক্ষেত্র ব্যবহার করুন।
স্লাইডার
স্লাইডার ব্যবহারকারীদের বিভিন্ন মান থেকে নির্বাচন করতে দেয়। অ্যান্ড্রয়েড এফএইচআইআর এসডিকে-র স্লাইডারটি একটি পৃথক স্লাইডার। একটি পৃথক স্লাইডার ব্যবহারকারীদের একটি পূর্বনির্ধারিত পরিসর থেকে একটি নির্দিষ্ট মান নির্বাচন করতে দেয়। উপলব্ধ মান নির্দেশ করতে টিক চিহ্ন ব্যবহার করা যেতে পারে। সংখ্যাসূচক ডেটা এন্ট্রির জন্য স্লাইডার ব্যবহার করা এড়িয়ে চলুন। পরিবর্তে একটি পাঠ্য ক্ষেত্র বা একটি ড্রপডাউন মেনু ব্যবহার করুন।
material.io-এ স্লাইডার সম্পর্কে আরও জানুন
![প্রশ্ন শিরোনাম: ক্লায়েন্ট কত সন্তান আছে? চার নম্বর সহ একটি স্লাইডার নির্বাচন করা হয়েছে।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/slider-dont.png?hl=bn)
যখন একটি বড় পরিসর থাকে তখন নির্দিষ্ট মানগুলির জন্য স্লাইডার ব্যবহার করা এড়িয়ে চলুন। পরিবর্তে কীবোর্ড এন্ট্রি সহ পাঠ্য ক্ষেত্র ব্যবহার করুন।
তথ্য যাচাইকরণ এবং ত্রুটি
তথ্য বৈধতা
ডেটা বৈধতা ডেটার ধরন বা পাঠ্য ক্ষেত্রে প্রবেশ করা যেতে পারে এমন মানগুলিকে সীমাবদ্ধ করে। ডেটা যাচাইকরণ সংগৃহীত ডেটার মান উন্নত করতে পারে।
বিন্যাস বা মান সীমাবদ্ধতা প্রদর্শন করতে EntryFormat ক্ষেত্রটি ব্যবহার করুন। অর্থপূর্ণ ডেটা যাচাইকরণ ত্রুটি বার্তাগুলি ইন-লাইনে এবং অবিলম্বে দেখান যাতে ব্যবহারকারীরা ত্রুটিটি ঠিক করতে পারে।
![লেবেল পাঠ্য: ফোন নম্বর। প্রবেশের বিন্যাস: 8 সংখ্যা।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/validation-show.png?hl=bn)
ডেটা যাচাইকরণের সীমাবদ্ধতাগুলি আগে দেখান যাতে ব্যবহারকারীরা ডেটা কীভাবে প্রবেশ করতে হয় তা জানে৷
![লেবেল পাঠ্য: ফোন নম্বর। প্রবেশের বিন্যাস: কোনটিই নয়।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/validation-hide.png?hl=bn)
ফোন নম্বরটি কত সংখ্যার হওয়া দরকার তা না দেখিয়ে, ব্যবহারকারীরা একটি ত্রুটির সম্মুখীন হতে পারে এবং এটি সম্পূর্ণ হতে আরও বেশি সময় লাগবে৷
![প্রবেশের তারিখ হল 22/33/4444৷ ত্রুটি বার্তা: ভুল তারিখ বিন্যাস। বিন্যাস হতে হবে: dd/mm/yyyy।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/validation-timely.png?hl=bn)
ক্ষেত্রটি সম্পূর্ণ করার সাথে সাথে অর্থপূর্ণ ডেটা যাচাইকরণ ত্রুটিগুলি দেখান৷ ত্রুটি বার্তা বিদ্যমান এন্ট্রি বিন্যাস পাঠ্য প্রতিস্থাপন.
![ডায়ালগ। নিম্নলিখিত ত্রুটিগুলি ঠিক করুন। 1. ফোন নম্বর। 2. জন্ম তারিখ। বোতাম 1: যাইহোক জমা দিন। বোতাম 2: ত্রুটিগুলি ঠিক করুন।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/validation-dontwait.png?hl=bn)
ব্যবহারকারী প্রথমবার বৈধতা ত্রুটিগুলি প্রদর্শন করতে "জমা দিন" টিপে না হওয়া পর্যন্ত অপেক্ষা করবেন না।
ত্রুটি
ত্রুটি বার্তা ব্যবহারকারীদের সতর্ক করে যখন কিছু ভুল হয়ে যায় এবং কীভাবে সমস্যাটি সমাধান করা যায় তা যোগাযোগ করে।
ত্রুটিগুলি যোগাযোগ করতে রঙ, আইকনোগ্রাফি এবং পাঠ্য ব্যবহার করুন।
material.io-এ ত্রুটি বার্তা সম্পর্কে আরও জানুন
![ত্রুটি বার্তা হল 'প্রয়োজনীয় প্রশ্ন। একটা নির্বাচন করুন.'](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-howtofix.png?hl=bn)
কেন একটি ত্রুটি আছে ব্যাখ্যা করুন (প্রয়োজনীয় প্রশ্ন) এবং এটি ঠিক করতে কী করা যেতে পারে (একটি নির্বাচন করুন।)
![ত্রুটি বার্তা হল 'ত্রুটি'।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-noexplanation.png?hl=bn)
একটি ত্রুটির বার্তা যা শুধুমাত্র "ত্রুটি" বলে তা ব্যবহারকারীদের কীভাবে ত্রুটিটি ঠিক করতে হয় তা জানার জন্য সহায়ক নয়৷
![জন্ম তারিখ. প্রবেশের তারিখ হল 22/33/4444৷ ত্রুটি বার্তা ভুল তারিখ বিন্যাস. বিন্যাস হতে হবে: dd/mm/yyyy।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-noblame.png?hl=bn)
উদাহরণ: "ভুল তারিখ বিন্যাস। বিন্যাস অবশ্যই dd/mm/yyyy হতে হবে"।
![জন্ম তারিখ. প্রবেশের তারিখ হল 22/33/4444৷ ত্রুটি বার্তা হল 'আপনি ভুল তারিখ বিন্যাসে প্রবেশ করেছেন।'](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-dontblame.png?hl=bn)
"আপনি" উদাহরণ সহ ত্রুটি বার্তা সহ ব্যবহারকারীকে দোষারোপ করা এড়িয়ে চলুন: "আপনি ভুল তারিখ বিন্যাস প্রবেশ করেছেন।"
!['প্রয়োজনীয় প্রশ্ন' দেখানো লাল টেক্সটের সামনে একটি আইকন সহ ত্রুটি বার্তা। এক বা একাধিক বিকল্প নির্বাচন করুন।' চেকবক্স পাত্রে একটি লাল রূপরেখা আছে।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-combo.png?hl=bn)
ব্যবহারকারীদের জানাতে রঙ, আইকনোগ্রাফি এবং পাঠ্য ব্যবহার করুন যে একটি ত্রুটি আছে।
![কোন ত্রুটি বার্তা বা আইকন. চেকবক্স পাত্রে একটি লাল রূপরেখা রয়েছে, যা একটি ত্রুটির একমাত্র সূচক।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-onlycolor.png?hl=bn)
লাল-সবুজ রঙের অন্ধত্বের মতো সাধারণ দৃষ্টিশক্তির প্রতিবন্ধকতাকে সমর্থন করার জন্য, একটি ত্রুটি যোগাযোগ করার জন্য শুধুমাত্র রঙের উপর নির্ভর করা এড়িয়ে চলুন।
![চেকবক্স পাত্রে একটি লাল রূপরেখা থাকে এবং প্রতিটি কন্টেইনারের পিছনে একটি ত্রুটি আইকন প্রদর্শিত হয়৷ 3টি আইকন দৃশ্যমান।](https://developers.google.cn/static/open-health-stack/design/images/data-capture/error-icons.png?hl=bn)
একটি আইকন প্রায়ই যথেষ্ট। ত্রুটিটি জানাতে আইকন ব্যবহার করে এটিকে অতিরিক্ত করবেন না।