ব্যবহারকারীদের সাইন আপ করতে সাহায্য করুন
সাইন-আপ ফর্মটি প্রায়শই আপনার ওয়েবসাইটের কোনও ফর্মের সাথে প্রথম ইন্টারঅ্যাকশন হয়। ভালো সাইন-আপ ফর্ম ডিজাইন অত্যন্ত গুরুত্বপূর্ণ এবং একটি নিরাপদ ফর্ম অপরিহার্য।
আপনার ওয়েবসাইটে ব্যবহারকারীদের সাইন আপ করতে কীভাবে সাহায্য করতে পারেন তা জানতে একটি সাইন-আপ ফর্মটি দেখুন।
সাইন-আপ ফর্মটি ন্যূনতম রাখুন এবং অ্যাকাউন্ট তৈরি করার জন্য শুধুমাত্র প্রয়োজনীয় ফর্ম নিয়ন্ত্রণগুলি দেখান। ব্যবহারকারীদের তাদের অ্যাকাউন্টের বিবরণ সঠিকভাবে পেতে সাহায্য করার জন্য আপনার ফর্ম নিয়ন্ত্রণগুলি দ্বিগুণ করবেন না। পরিবর্তে একটি নিশ্চিতকরণ ইমেল পাঠান।
অ্যাকাউন্টের বিবরণ
আপনি উপযুক্ত autocomplete বৈশিষ্ট্য ব্যবহার করে ব্যবহারকারীদের তাদের অ্যাকাউন্টের বিবরণ পূরণ করতে সাহায্য করতে পারেন। ইমেল ক্ষেত্রের জন্য autocomplete="email" এবং নতুন-পাসওয়ার্ড ক্ষেত্রের জন্য autocomplete="new-password" ব্যবহার করুন।
অটোফিলিং ইনপুট নিয়ন্ত্রণ সম্পর্কে আরও জানুন।
আপনি ব্যবহারকারীদের একটি নিরাপদ পাসওয়ার্ড প্রবেশ করতে সাহায্য করতে পারেন একটি <button> reveal-password প্রদান করে। reveal-password প্যাটার্ন সম্পর্কে আরও জানুন।
আপনার সাইন-আপ ফর্মটি সুরক্ষিত করুন
কখনও প্লেইন টেক্সটে পাসওয়ার্ড সংরক্ষণ বা প্রেরণ করবেন না। পাসওয়ার্ডগুলিকে সল্ট এবং হ্যাশ করতে ভুলবেন না—এবং আপনার নিজস্ব হ্যাশিং অ্যালগরিদম আবিষ্কার করার চেষ্টা করবেন না ।
মাল্টি-ফ্যাক্টর প্রমাণীকরণ অফার করুন, বিশেষ করে যদি আপনি ব্যক্তিগত বা সংবেদনশীল ডেটা সংরক্ষণ করেন। SMS OTP এর সেরা অনুশীলন এবং WebAuthn এর মাধ্যমে শক্তিশালী প্রমাণীকরণ সক্ষম করা মাল্টি-ফ্যাক্টর প্রমাণীকরণ কীভাবে বাস্তবায়ন করতে হয় তা ব্যাখ্যা করে।
ব্যবহারকারীরা যাতে কোনও পাসওয়ার্ড ব্যবহার না করেন তা নিশ্চিত করুন। উদাহরণস্বরূপ, Have I Been Pwned এর API ব্যবহার করে কোনও পাসওয়ার্ড চুরি হয়ে গেছে কিনা তা শনাক্ত করুন এবং আপনার ব্যবহারকারীদের একটি ভিন্ন নতুন পাসওয়ার্ড পূরণ করার পরামর্শ দিন, অথবা যদি তাদের পাসওয়ার্ড চুরি হয়ে যায় তবে তাদের সতর্ক করুন।
ব্যবহারকারীদের সাইন ইন করতে সাহায্য করুন
ব্যবহারকারীরা আপনার ওয়েবসাইটে সাইন ইন করতে পারেন তা নিশ্চিত করার জন্য কীভাবে একটি সাইন-ইন ফর্ম তৈরি করবেন তা দেখুন।
সাইন-আপ এবং সাইন-ইন বোতামগুলির অবস্থান স্পষ্ট করুন। নিশ্চিত করুন যে আপনার ফর্মটি টাচ ডিভাইসে ব্যবহারযোগ্য:
- বোতামগুলির ট্যাপ টার্গেট সাইজ কমপক্ষে 48px।
- আপনার ফর্ম এলিমেন্টের
font-sizeযথেষ্ট বড় (মোবাইলে20pxপ্রায় সঠিক)। - ফর্ম কন্ট্রোলের মধ্যে পর্যাপ্ত স্থান (
margin) আছে এবং ইনপুটগুলি যথেষ্ট বড় (মোবাইলে কমপক্ষেpadding: 15px)।
ব্যবহারকারীদের তাদের ইমেল এবং পাসওয়ার্ড পূরণ করতে সাহায্য করুন
ব্রাউজার এবং পাসওয়ার্ড ম্যানেজারদের অ্যাকাউন্টের বিবরণ স্বয়ংক্রিয়ভাবে পূরণ করতে সাহায্য করুন। ইমেল ক্ষেত্রের জন্য autocomplete="email" এবং বর্তমান পাসওয়ার্ড ক্ষেত্রের জন্য autocomplete="current-password" ব্যবহার করুন।
ব্যবহারকারীদের তাদের অ্যাকাউন্টের বিবরণ ম্যানুয়ালি পূরণ করতে সাহায্য করার জন্য, মোবাইল ডিভাইসে উপযুক্ত অন-স্ক্রিন কীবোর্ড দেখানোর জন্য ইমেল ফিল্ডের জন্য type="email" ব্যবহার করুন।
আপনার ইমেল এবং পাসওয়ার্ড ক্ষেত্রের জন্য required বৈশিষ্ট্যটি ব্যবহার করুন যাতে ব্যবহারকারী ফর্ম জমা দেওয়ার সময় অবৈধ মান সম্পর্কে সতর্ক করতে পারেন। ফর্ম জমা দেওয়ার জন্য অপেক্ষা না করে, ব্যবহারকারীরা প্রবেশ করার সাথে সাথে অবৈধ ডেটা সংশোধন করতে রিয়েল-টাইম যাচাইকরণ ব্যবহার করার কথা বিবেচনা করুন।
ব্যবহারকারীরা যে পাসওয়ার্ডটি লিখেছেন তা দেখতে পাচ্ছেন তা নিশ্চিত করুন।
ব্যবহারকারীদের গোপনীয়তা রক্ষা করার জন্য, আপনি <input type="password"> এর জন্য যে লেখাটি পূরণ করেন তা ডিফল্টরূপে অস্পষ্ট থাকে। প্রবেশ করানো লেখার দৃশ্যমানতা টগল করার জন্য <button> দেখিয়ে ব্যবহারকারীদের তাদের পাসওয়ার্ড লিখতে সাহায্য করুন।
পাসওয়ার্ড-প্রকাশ <button> বাস্তবায়ন সম্পর্কে আরও জানুন।
আপনার সাইন-ইন এবং সাইন-আপ ফর্মগুলি ব্যবহারযোগ্য কিনা তা নিশ্চিত করুন।
প্রমাণীকরণ প্রত্যাশা অনুযায়ী কাজ করছে কিনা তা নিশ্চিত করার জন্য আপনার সাইন-ইন এবং সাইন-আপ ফর্মগুলি নিয়মিতভাবে প্রকৃত ব্যক্তিদের সাথে পরীক্ষা করুন। ফিল্ড ডেটা সংগ্রহ করতে বিশ্লেষণ এবং বাস্তব ব্যবহারকারী পরিমাপ (RUM) ব্যবহার করুন এবং নিজে পরীক্ষা চালানোর জন্য লাইটহাউস এবং পেজস্পিড ইনসাইটসের মতো সরঞ্জামগুলি ব্যবহার করুন। ব্যবহারযোগ্যতার জন্য পরীক্ষা করা এবং বিশ্লেষণ ডেটা সংগ্রহ করা সম্পর্কে আরও জানুন।
আপনার ফর্মগুলি বিভিন্ন ব্রাউজার এবং বিভিন্ন প্ল্যাটফর্মে কাজ করে তা নিশ্চিত করুন। শুধুমাত্র আপনার কীবোর্ড ব্যবহার করে, অথবা Mac-এ VoiceOver বা Windows-এ NVDA-এর মতো স্ক্রিন রিডার ব্যবহার করে বিভিন্ন স্ক্রিন আকারে আপনার ফর্মটি পরীক্ষা করুন।
ব্যবহারকারীদের তাদের অ্যাকাউন্ট সেটিংস পরিবর্তন করতে সাহায্য করুন
ব্যবহারকারীরা যাতে ইমেল ঠিকানা, পাসওয়ার্ড এবং ব্যবহারকারীর নাম সহ প্রতিটি অ্যাকাউন্ট সেটিংস পরিবর্তন করতে পারেন তা নিশ্চিত করুন।
আপনি কোন ডেটা সংরক্ষণ করছেন তা স্বচ্ছ করুন এবং ব্যবহারকারীদের তাদের সমস্ত ব্যক্তিগত ডেটা যেকোনো সময় ডাউনলোড করতে সাহায্য করুন। ব্যবহারকারীরা যদি চান তবে তাদের অ্যাকাউন্ট মুছে ফেলতে পারেন তা নিশ্চিত করুন। এই ধরনের অ্যাকাউন্ট পরিচালনার বৈশিষ্ট্যগুলি কিছু অঞ্চলে আইনি প্রয়োজনীয়তা হতে পারে।
ব্যবহারকারীরা তাদের পাসওয়ার্ড আপডেট করতে পারছেন কিনা তা নিশ্চিত করুন
ব্যবহারকারীদের জন্য তাদের পাসওয়ার্ড আপডেট করা সহজ করুন।
ব্যবহারকারীদের বর্তমান পাসওয়ার্ড পরিবর্তন করার আগে জিজ্ঞাসা করুন এবং অ্যাকাউন্টটি ফিরিয়ে আনা এবং লক করার বিকল্প সহ পাসওয়ার্ড পরিবর্তন সম্পর্কে একটি ইমেল পাঠান।
নতুন পাসওয়ার্ড অনুরোধ করার বিকল্পটি যোগ করুন এবং নতুন পাসওয়ার্ড অনুরোধের জন্য একটি .well-known URL প্রদান করার কথা বিবেচনা করুন।