Form হলো যেখানে সবচেয়ে বেশি আসল ব্যবসায়িক মূল্য জেতা বা হারানো হয় — একটা signup, একটা checkout, একটা lead capture — আর যেখানে ছোট design ভুল আসল পরিত্যক্ত conversion-এ সবচেয়ে বেশি খরচ করে।
| নিয়ম | কেন এটা কাজ করে |
|---|---|
| Field-এর উপরে label, শুধু placeholder-হিসেবে-label না | একটা label যা type করার সময় অদৃশ্য হয়ে যায় (placeholder-as-label) মানে user ভুলে যায় তারা কোন field-এ আছে |
| শুধু আসলে যা দরকার তা চান | প্রতিটা বাড়তি field ছেড়ে দেওয়ার একটা সুযোগ — একটা ছোট form ধারাবাহিকভাবে ভালো convert করে |
| একটা column, multi-column layout না | চোখ column-এর মধ্যে লাফানোর চেয়ে একটা একক vertical flow দ্রুত পড়া আর শেষ করা যায় |
| সম্পর্কিত field visually গ্রুপ করুন | address field একসাথে, payment field একসাথে — অনুভূত জটিলতা কমায় |
| Data-এর সাথে input type মেলান | একটা phone number field-এর জন্য একটা numeric keypad, পুরো keyboard না — ছোট friction, বড় scale-এ আসল প্রভাব |
| পদ্ধতি | কী ঘটে | রায় |
|---|---|---|
| শুধু submit-এ | submit click করার পরে সব error একসাথে দেখা যায় | হতাশাজনক — পুরো form-এর মধ্য দিয়ে দ্বিতীয়বার যেতে বাধ্য করে |
| প্রতিটা keystroke-এ | এখনো type করার সময় error দেখা যায়, শব্দের মাঝখানেও | এটাও হতাশাজনক — user type শেষ করার আগেই "invalid email" flag করে |
| Field blur-এ (field ছাড়ার সময়) | user পরের field-এ গেলে error দেখা যায় | সেরা default — অকালপক্ব না হয়ে সময়োপযোগী |
"Invalid input" একজন user-কে useful কিছু বলে না। "Password অন্তত ৮ character হতে হবে" তাদের ঠিক কী ঠিক করতে হবে বলে। শব্দচয়নের পার্থক্য ছোট; পরের চেষ্টায় user সফল হবে কিনা তার পার্থক্য বড়।
একটা ছোট, প্রায়ই-মিস-করা detail
প্রতিটা প্রয়োজনীয় field-কে একটা asterisk দিয়ে চিহ্নিত করার বদলে ঐচ্ছিক field-গুলো "(ঐচ্ছিক)" হিসেবে চিহ্নিত করুন — একটা form-এ যেখানে বেশিরভাগ field প্রয়োজনীয়, সেটা একই তথ্যের জন্য কম visual শব্দ।