ব্যবহারকারীদের সাইন আপ করতে সাহায্য করুন
সাইন আপ ফর্মটি প্রায়শই আপনার ওয়েবসাইটে একটি ফর্মের সাথে প্রথম ইন্টারঅ্যাকশন হয়৷ ভাল সাইন-আপ ফর্ম ডিজাইন গুরুত্বপূর্ণ, এবং একটি সুরক্ষিত ফর্ম অপরিহার্য।
আসুন একটি সাইন-আপ ফর্ম দেখুন, এবং আপনি কীভাবে ব্যবহারকারীদের আপনার ওয়েবসাইটে সাইন আপ করতে সহায়তা করতে পারেন৷
সাইন আপ ফর্মটি ন্যূনতম রাখুন এবং শুধুমাত্র একটি অ্যাকাউন্ট তৈরি করতে প্রয়োজনীয় ফর্ম নিয়ন্ত্রণগুলি দেখান৷ ব্যবহারকারীদের তাদের অ্যাকাউন্টের বিবরণ সঠিকভাবে পেতে সাহায্য করার জন্য আপনার ফর্ম নিয়ন্ত্রণ দ্বিগুণ করবেন না। পরিবর্তে একটি নিশ্চিতকরণ ইমেল পাঠান.
ব্যবহারকারীদের তাদের অ্যাকাউন্টের বিবরণ পূরণ করতে সহায়তা করুন
আপনি উপযুক্ত autocomplete বৈশিষ্ট্য ব্যবহার করে ব্যবহারকারীদের তাদের অ্যাকাউন্টের বিবরণ পূরণ করতে সহায়তা করতে পারেন। ইমেল ক্ষেত্রের জন্য autocomplete="email" এবং একটি নতুন-পাসওয়ার্ড ক্ষেত্রের জন্য autocomplete="new-password" ব্যবহার করুন।
অটোফিলিং ইনপুট নিয়ন্ত্রণ সম্পর্কে আরও জানুন।
এছাড়াও আপনি ব্যবহারকারীদের একটি রিভিল-পাসওয়ার্ড <button> অফার করে একটি সুরক্ষিত পাসওয়ার্ড লিখতে সাহায্য করতে পারেন।
রিভিল-পাসওয়ার্ড প্যাটার্ন সম্পর্কে আরও জানুন।
নিশ্চিত করুন যে আপনার সাইন-আপ ফর্ম নিরাপদ
কখনোই প্লেইন টেক্সটে পাসওয়ার্ড সংরক্ষণ বা প্রেরণ করবেন না। সল্ট এবং হ্যাশ পাসওয়ার্ড নিশ্চিত করুন—এবং আপনার নিজের হ্যাশিং অ্যালগরিদম আবিষ্কার করার চেষ্টা করবেন না ।
মাল্টি-ফ্যাক্টর প্রমাণীকরণ অফার করুন, বিশেষ করে যদি আপনি ব্যক্তিগত বা সংবেদনশীল ডেটা সঞ্চয় করেন। এসএমএস 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) ব্যবহার করুন এবং নিজে পরীক্ষা চালানোর জন্য Lighthouse এবং PageSpeed Insights- এর মতো টুল ব্যবহার করুন। ব্যবহারযোগ্যতার পরীক্ষা এবং বিশ্লেষণ ডেটা সংগ্রহ সম্পর্কে আরও জানুন।
আপনার ফর্মগুলি বিভিন্ন ব্রাউজারে এবং বিভিন্ন প্ল্যাটফর্মে কাজ করে তা নিশ্চিত করুন৷ শুধুমাত্র আপনার কীবোর্ড ব্যবহার করে, অথবা Mac-এ VoiceOver বা Windows-এ NVDA- এর মতো স্ক্রিন রিডার ব্যবহার করে, বিভিন্ন স্ক্রীনের আকারে আপনার ফর্ম পরীক্ষা করুন৷
ব্যবহারকারীদের তাদের অ্যাকাউন্ট সেটিংস পরিবর্তন করতে সাহায্য করুন
নিশ্চিত করুন যে ব্যবহারকারীরা ইমেল ঠিকানা, পাসওয়ার্ড এবং ব্যবহারকারীর নাম সহ প্রতিটি অ্যাকাউন্ট সেটিং পরিবর্তন করতে পারে৷
আপনি কোন ডেটা সঞ্চয় করছেন তা স্বচ্ছ করুন এবং ব্যবহারকারীদের যে কোনো সময়ে তাদের সমস্ত ব্যক্তিগত ডেটা ডাউনলোড করতে সহায়তা করুন৷ নিশ্চিত করুন যে ব্যবহারকারীরা তাদের অ্যাকাউন্ট মুছে ফেলতে পারেন যদি তারা তা চান। কিছু অঞ্চলে এগুলির মতো অ্যাকাউন্ট পরিচালনার বৈশিষ্ট্যগুলি একটি আইনি প্রয়োজন হতে পারে৷
ব্যবহারকারীরা তাদের পাসওয়ার্ড আপডেট করতে পারেন তা নিশ্চিত করুন
ব্যবহারকারীদের জন্য তাদের পাসওয়ার্ড আপডেট করা সহজ করুন।
ব্যবহারকারীদের বর্তমান পাসওয়ার্ড পরিবর্তন করার আগে জিজ্ঞাসা করুন, এবং অ্যাকাউন্টটি প্রত্যাবর্তন এবং লক করার বিকল্প সহ একটি পাসওয়ার্ড পরিবর্তন সম্পর্কে একটি ইমেল পাঠান।
একটি নতুন পাসওয়ার্ড অনুরোধ করার বিকল্প যোগ করুন, এবং একটি নতুন পাসওয়ার্ড অনুরোধ করার জন্য একটি .well-known URL প্রদান করার কথা বিবেচনা করুন।