digital bangladesh সেবার মোবাইল UI গাইড
বাংলা-প্রথম কপি, NID ও জন্মনিবন্ধন ইনপুট, জেলা-উপজেলা নির্বাচন, কম ডেটার ফর্ম এবং সহায়তা স্ক্রিনে নাগরিক সেবার UI নকশা।
digital bangladesh সেবার মোবাইল UI-তে বাংলা ভাষাকে ডিফল্ট রাখুন, NID ও জন্মনিবন্ধন নম্বরের জন্য সংখ্যাভিত্তিক ইনপুট দিন, এবং জেলা–উপজেলা–পোস্টকোড ধাপে বাছাই করান। a2i ও জাতীয় তথ্য বাতায়নের সেবাপ্রবাহের মতো নাগরিককে আবেদন, অবস্থা এবং সহায়তার পথ একই জায়গায় স্পষ্টভাবে দেখান।
মূল বিষয়গুলো
- •বাংলা-প্রথম কপি ও পরিচিত সরকারি পরিভাষা ফর্ম পূরণের ভুল কমায়।
- •NID, জন্মনিবন্ধন ও +880 ফোন নম্বরের জন্য আলাদা ইনপুট নিয়ম ও তাৎক্ষণিক যাচাই দিন।
- •জেলা থেকে উপজেলা, তারপর পোস্টকোড—নির্ভরশীল সিলেক্টর ব্যবহার করলে দীর্ঘ তালিকা এড়ানো যায়।
- •কম ডেটা, সংরক্ষিত খসড়া, আবেদন-অবস্থা ও মানব সহায়তার পথ নাগরিক সেবার মৌলিক স্ক্রিন।

এই পাতায় যা আছে
- •বাংলা-প্রথম সেবাপ্রবাহ দিয়ে শুরু করুন
- •পরিচয় ও ফোন নম্বরের ইনপুটে ভুল ঠেকান
- •জেলা, উপজেলা ও পোস্টকোড নির্বাচনকে ধাপভিত্তিক করুন
- •কম ডেটা, স্ট্যাটাস ও সহায়তাকে মূল স্ক্রিন ভাবুন
বাংলা-প্রথম সেবাপ্রবাহ দিয়ে শুরু করুন
বাংলাদেশের নাগরিক সেবার অ্যাপে প্রথম স্ক্রিনেই কাজের ভাষা বাংলা হওয়া উচিত। বোতামে ছোট, কাজকেন্দ্রিক কপি ব্যবহার করুন: আবেদন করুন, আবেদনের অবস্থা, তথ্য সংশোধন, সহায়তা নিন। ইংরেজি পরিভাষা দরকার হলে তার পাশে বাংলা ব্যাখ্যা দিন; যেমন, OTP (যাচাইকরণ কোড)।
a2i-এর ডিজিটাল রূপান্তর কাজ এবং জাতীয় তথ্য বাতায়নের সেবা-তালিকা নাগরিকের জন্য এক জায়গা থেকে তথ্য ও সেবায় পৌঁছানোর প্রত্যাশা তৈরি করেছে। তাই হোম স্ক্রিনকে প্রচারমূলক ব্যানারে ভরাবেন না। সর্বাধিক ব্যবহৃত কাজ, চলমান আবেদন এবং সাহায্যের শর্টকাট আগে রাখুন। জাতীয় তথ্য বাতায়নের মতো সেবা খুঁজতে হলে বিষয়ভিত্তিক বিভাগ ও সহজ অনুসন্ধান দিন, কিন্তু অনুসন্ধান ফলাফলে পরের পদক্ষেপ—যেমন আবেদন শুরু করুন—স্পষ্ট রাখুন।
user persona তৈরির সময় শুধু বয়স বা পেশা লিখলে হবে না। স্মার্টফোনে সীমিত ডেটা ব্যবহার করেন, বাংলা পড়েন, পরিচয়সংক্রান্ত নম্বর হাতে আছে কিন্তু সরকারি ধাপ চেনেন না—এমন নাগরিকের জন্য এক স্ক্রিনে এক কাজ, ধাপের অগ্রগতি এবং সংরক্ষিত খসড়া নকশা করুন।
পরিচয় ও ফোন নম্বরের ইনপুটে ভুল ঠেকান
পরিচয়সংক্রান্ত ফর্মে একটিমাত্র “আইডি নম্বর” ঘর ব্যবহার করবেন না। ব্যবহারকারীকে আগে বেছে নিতে দিন: জাতীয় পরিচয়পত্র (NID) অথবা জন্মনিবন্ধন নম্বর। NID নম্বর প্রচলিতভাবে ১০, ১৩ বা ১৭ অঙ্কের হতে পারে; তাই ঘরটি কেবল সংখ্যা গ্রহণ করবে এবং নির্বাচিত বা দেওয়া দৈর্ঘ্য অনুযায়ী বার্তা দেখাবে। জন্মনিবন্ধন নম্বরের জন্য ১৭ অঙ্কের সংখ্যার ঘর দিন। নম্বর টাইপের সময় মাঝখানে অপ্রয়োজনীয় স্পেস বা ড্যাশ বসাবেন না।
ফোন নম্বরের ক্ষেত্রে দেশ-কোড স্থির করে +880 দেখান এবং ব্যবহারকারীকে পরের 1XXXXXXXXX অংশটি দিতে বলুন। কেউ 01XXXXXXXXX দিয়ে শুরু করলে সেটি +8801XXXXXXXXX রূপে বুঝে নেওয়া যায়, তবে পাঠানোর আগে সম্পূর্ণ নম্বরটি নিশ্চিত করার স্ক্রিন দেখান। OTP পাঠানোর আগে “এই নম্বরেই কোড যাবে” লিখুন; কোড না এলে পুনরায় পাঠানো ও অন্য নম্বর দেওয়ার পথ রাখুন।
সংবেদনশীল NID তথ্যের পাশে কেন তথ্য লাগছে, কোথায় ব্যবহৃত হবে এবং সাবমিটের পর কী হবে—এই ব্যাখ্যা দিন। পূর্ণ NID নম্বরকে আবেদন-অবস্থা বা সহায়তা স্ক্রিনে আর দেখাবেন না; শেষ কয়েকটি অঙ্ক আড়াল করে দেখান।
জেলা, উপজেলা ও পোস্টকোড নির্বাচনকে ধাপভিত্তিক করুন
সরকারি সেবায় ঠিকানা শুধু লেখা নয়; বাংলা নাম, জেলা, উপজেলা এবং পোস্টকোড প্রায়ই সেবার যোগ্যতা, অফিস নির্ধারণ বা যোগাযোগের অংশ। তাই মুক্ত লেখার ঘরে সব ঠিকানা নিতে গেলে বানান ও মিলের সমস্যা বাড়ে। আগে বিভাগ, তারপর জেলা, তারপর উপজেলা নির্বাচন করান। জেলা বাছাইয়ের আগে উপজেলা তালিকা নিষ্ক্রিয় রাখুন; জেলা বদলালে আগের উপজেলা ও পোস্টকোড মুছে দিন।
দীর্ঘ তালিকায় উপরে অনুসন্ধান দিন এবং ফলাফলে বাংলা সরকারি নাম দেখান। ব্যবহারকারী চাইলে বাংলা নামের অংশ লিখে খুঁজতে পারবেন। নির্বাচনের সারাংশ ফর্মের নিচে রাখুন: ঢাকা বিভাগ › গাজীপুর জেলা › কালীগঞ্জ উপজেলা। পোস্টকোড যদি নির্বাচিত এলাকার নির্ভরশীল তথ্য হয়, তা যাচাইকৃত তালিকা থেকে আনুন; নিশ্চিত না হলে ব্যবহারকারীকে পোস্টকোড লিখতে দিন এবং অঙ্কের দৈর্ঘ্য যাচাই করুন। অনুমান করে পোস্টকোড পূরণ করবেন না।
ঠিকানা ধাপের শেষে তথ্য ঠিক আছে নিশ্চিতকরণ দিন। এতে নাগরিক সাবমিটের আগে জেলা বা উপজেলা ভুল বাছাই ধরতে পারবেন। এই ui design পদ্ধতি বিশেষভাবে কার্যকর যখন ব্যবহারকারী স্থানীয় অফিস, সনদ বিতরণ বা আবেদন-প্রক্রিয়ার সঙ্গে যুক্ত সেবা ব্যবহার করেন।
কম ডেটা, স্ট্যাটাস ও সহায়তাকে মূল স্ক্রিন ভাবুন
নাগরিক সেবার অ্যাপে নেটওয়ার্ক দুর্বল বা ডেটা সীমিত—এমন পরিস্থিতিকে ব্যতিক্রম ভাববেন না। ফর্মের প্রতিটি ধাপ শেষে স্থানীয়ভাবে খসড়া সংরক্ষণের ইঙ্গিত দিন: খসড়া সংরক্ষিত হয়েছে। ছবি বা নথি আপলোডের আগে ফাইলের ধরন ও আকারের সীমা পরিষ্কার লিখুন, আপলোডের অগ্রগতি দেখান, এবং ব্যর্থ হলে পুরো ফর্ম নয় শুধু ব্যর্থ ফাইলটি আবার পাঠানোর সুযোগ দিন।
সাবমিটের পরে সবচেয়ে গুরুত্বপূর্ণ স্ক্রিন হলো আবেদন-অবস্থা। সেখানে আবেদন নম্বর, জমার তারিখ, বর্তমান ধাপ, পরের করণীয় এবং প্রয়োজন হলে নথি যোগ করার বোতাম রাখুন। অস্পষ্ট প্রক্রিয়াধীন-এর বদলে তথ্য যাচাই হচ্ছে বা উপজেলা কার্যালয়ের পর্যালোচনায় আছে ধরনের বোধ্য অবস্থা ব্যবহার করুন, যখন সিস্টেমে সেই অবস্থা সত্যিই পাওয়া যায়।
সহায়তা স্ক্রিনে প্রশ্নোত্তর, আবেদন নম্বর দিয়ে অবস্থা দেখা, এবং প্রাসঙ্গিক যোগাযোগের পথ দিন। ফোনে সহায়তা নিলে নাগরিক যাতে নিজের তথ্য আবার না বলেন, সে জন্য অ্যাপের মধ্যে সহায়তার জন্য আবেদন নম্বর কপি করুন ব্যবস্থা রাখুন। Floow দিয়ে বাংলা-প্রথম নাগরিক সেবার ফর্ম, স্ট্যাটাস ও সহায়তা স্ক্রিন তৈরি করুন।
বাংলাদেশি পরিচয় ও যোগাযোগ ইনপুটের ব্যবহারযোগ্য নিয়ম
| তথ্য | ইনপুট নিয়ম | UI নির্দেশনা |
|---|---|---|
| NID নম্বর | ১০, ১৩ বা ১৭ অঙ্ক; শুধু সংখ্যা | সংখ্যার কিপ্যাড, দৈর্ঘ্য অনুযায়ী যাচাই, ফলাফলে আংশিক আড়াল |
| জন্মনিবন্ধন নম্বর | ১৭ অঙ্ক; শুধু সংখ্যা | NID থেকে আলাদা বিকল্প ও আলাদা সহায়ক লেখা |
| +880 ফোন নম্বর | +8801XXXXXXXXX বিন্যাস | +880 স্থির রাখুন; স্থানীয় 01 দিয়ে লেখা নম্বর স্বাভাবিকীকরণের পর নিশ্চিত করুন |
| ঠিকানা | বিভাগ → জেলা → উপজেলা → পোস্টকোড | নির্ভরশীল সিলেক্টর, বাংলা নাম অনুসন্ধান, বদলালে নিচের নির্বাচন রিসেট |
সাধারণ ভুলগুলো
একই ঘরে NID, জন্মনিবন্ধন ও ফোন নম্বর নেওয়া
পরিচয়ের ধরন আগে নির্বাচন করান এবং প্রতিটি ধরনের জন্য আলাদা অঙ্কের নিয়ম ও সহায়ক লেখা দিন।
জেলা ও উপজেলা একসঙ্গে বিশাল তালিকায় দেখানো
বিভাগ, জেলা ও উপজেলা ক্রমানুসারে বাছাই করান; আগের নির্বাচন বদলালে পরের ঘরগুলো রিসেট করুন।
ইংরেজি ত্রুটি বার্তা দেখানো
বাংলায় নির্দিষ্ট কারণ লিখুন, যেমন জন্মনিবন্ধন নম্বরটি ১৭ অঙ্কের দিন।
সাবমিটের পর শুধু সফলতার বার্তা দেওয়া
আবেদন নম্বর, বর্তমান অবস্থা, পরের করণীয় এবং সহায়তার পথসহ একটি স্ট্যাটাস স্ক্রিন দিন।
সচরাচর জিজ্ঞাসিত প্রশ্ন
digital bangladesh সেবার অ্যাপে বাংলা আগে রাখা উচিত কি?
হ্যাঁ, digital bangladesh সেবার অ্যাপে বাংলা ডিফল্ট ভাষা রাখা উচিত, কারণ নাগরিকের কাজ বোঝা ও ফর্ম পূরণই প্রধান লক্ষ্য। বোতাম, ত্রুটি বার্তা, নির্দেশনা এবং আবেদন-অবস্থা বাংলায় লিখুন। OTP বা NID-এর মতো পরিচিত সংক্ষিপ্ত রূপ ব্যবহার করা যায়, তবে প্রয়োজন হলে পাশে বাংলা ব্যাখ্যা দিন।
NID তথ্য ইনপুট কীভাবে সহজ করব?
NID তথ্য সহজ করতে জাতীয় পরিচয়পত্র (NID)-এর জন্য আলাদা সংখ্যাভিত্তিক ঘর দিন এবং ১০, ১৩ বা ১৭ অঙ্কের গ্রহণযোগ্য দৈর্ঘ্য যাচাই করুন। জন্মনিবন্ধন নম্বরকে একই ঘরে রাখবেন না; সেটির জন্য পৃথক ১৭ অঙ্কের ইনপুট দিন। সাবমিটের আগে নম্বরের ব্যবহার ব্যাখ্যা করুন এবং পরে পূর্ণ নম্বর আড়াল করে দেখান।
জেলা ও উপজেলা সিলেক্টর কীভাবে ডিজাইন করব?
জেলা ও উপজেলা সিলেক্টর বিভাগ থেকে শুরু করে ধাপে ধাপে ডিজাইন করুন: বিভাগ, জেলা, তারপর উপজেলা। জেলা নির্বাচনের আগে উপজেলা নিষ্ক্রিয় রাখুন এবং জেলা বদলালে উপজেলা ও পোস্টকোড রিসেট করুন। প্রতিটি তালিকায় বাংলা নাম দিয়ে অনুসন্ধান দিন, আর নির্বাচনের পরে পূর্ণ ঠিকানা-সারাংশ দেখিয়ে ব্যবহারকারীকে নিশ্চিত করতে বলুন।
কম ডেটা ব্যবহারকারী নাগরিকের জন্য ফর্মে কী রাখা দরকার?
কম ডেটা ব্যবহারকারী নাগরিকের ফর্মে ধাপভিত্তিক খসড়া সংরক্ষণ, ছোট আকারের নথি আপলোডের নির্দেশনা, আপলোড অগ্রগতি এবং ব্যর্থ ফাইল পুনরায় পাঠানোর ব্যবস্থা রাখা দরকার। সাবমিটের পর আবেদন নম্বর ও অবস্থা অফলাইনে নোট করার সুযোগ দিন, যাতে দুর্বল নেটওয়ার্কেও নাগরিক পরের পদক্ষেপ বুঝতে পারেন।
শেষ কথা
বাংলাদেশি নাগরিক সেবার ভালো মোবাইল UI মানে শুধু ফর্ম ছোট করা নয়। বাংলা-প্রথম নির্দেশনা, পরিচয় তথ্যের সঠিক ইনপুট, বিভাগ–জেলা–উপজেলার বাস্তব কাঠামো, কম ডেটায় কাজ এবং দৃশ্যমান সহায়তা—সব মিলিয়ে নাগরিকের কাজ শেষ করাই নকশার মানদণ্ড।
আগে স্ক্রিনগুলো ডিজাইন করুন
সহজ ভাষায় আপনার অ্যাপের বর্ণনা দিন—floow.design আপনার জন্য iOS ও Android স্ক্রিন তৈরি করে দেবে, যা আপনি পরে আরও পরিমার্জন করে হ্যান্ডঅফ করতে পারবেন।
সূত্র
Related reading
Design your mobile app with AI.
Generate pixel-perfect iOS and Android screens in seconds, then export to Figma or code.