امیر تقی آبادی
امیر تقی آبادی
خواندن ۷ دقیقه·۶ سال پیش

چک لیست طراحی فرم ثبت‌نام

اجبار به ثبت‌نام قبل از دیدن آگهی - سایت جاب‌اینجا
اجبار به ثبت‌نام قبل از دیدن آگهی - سایت جاب‌اینجا
خلاصه: اجبار به ثبت‌نام در ابتدای سایت یا اپلیکیشن یکی از نقاط اصلی ریزش مخاطب است. همچنین اطلاعات درخواستی، چیدمان و نحوه‌ی نمایش فیلدها نیز می‌تواند در افزایش نرخ تبدیل و در نتیجه موفقیت سایت تاثیر گذار باشد.

86% از افراد ممکن است یک وبسایت را که درخواست ثبت‌نام می‌کند ترک کنند. در حقیقت اگر قبل از نشان دادن محتوا، ارزش پیشنهادی سایت و دلیلی برای ادامه به کاربر، درخواست ثبت‌نام شود احتمال ترک سایت بسیار زیاد است.

ثبت‌نام همزمان با ثبت سفارش - سایت شیائومی‌شاپ
ثبت‌نام همزمان با ثبت سفارش - سایت شیائومی‌شاپ

به عنوان نمونه بدترین تصمیم برای یک فروشگاه اینترنتی اجبار به ثبت‌نام در شروع سفر مشتری در وب‌سایت است. در چنین مواردی حتما باید از ثبت‌نام کاهلانه استفاده کرد و ثبت‌نام را به بعد از پر کردن سبد خرید و همزمان با تکمیل اطلاعات ارسال کالا، منتقل کرد.

هر چند این نتیجه‌گیری برای یک اپلیکیشن به طور کامل قابل تعمیم نیست اما می‌توان نتیجه گرفت شخصی که یک اپلیکیشن را دانلود و نصب می‌کند احتمالا از قبل نسبت به کارکرد آن آشنایی دارد و به اندازه‌ی سایت احتمال ریزش ندارد اما به هر حال بر اساس اصل سادگی هر چه تعداد گام‌های رسیدن به هدف کمتر باشد احتمال انجام آن بیشتر می‌شود.

مقایسه نرخ تبدیل (احتمال خرید) موبایل در مقابل دسکتاپ
مقایسه نرخ تبدیل (احتمال خرید) موبایل در مقابل دسکتاپ

همچنین علی‌رغم رشد استفاده از اپلیکیشن همچنان کاربران 68% بیشتر ترجیح می‌دهند که سفارش خود را در نسخه‌ی دسکتاپ سایت نهایی کنند.

در نتیجه‌ی این احتمال بالاتر خرید در نسخه‌ی دسکتاپ و نیز اهمیت هماهنگی User Flow کاربر در وبسایت و اپلیکیشن بر اساس اصل چهار Heuristic evaluation بهتر است هر دو Touchpoint به صورت Lazy Registration طراحی شود.

امکان رد کردن ثبت‌نام در اپلیکیشن
امکان رد کردن ثبت‌نام در اپلیکیشن

جمیع این موارد ما را به این نتیجه می‌رساند که کابر در مواجهه با صفحه‌ی ثبت‌نام دو راه دارد:

  1. ثبت‌نام
  2. ترک سایت یا اپلیکیشن

چه بهتر که با گزینه‌‌هایی نظیر Skip یا ادامه به عنوان مهمان داستان دکمه‌ی سیصد میلیون دلاری را با دادن گزینه‌ی سوم به کاربر رقم بزنیم.

البته نباید فراموش کرد که تمامی این موارد تنها در قالب پیشنهاد است و جواب بستگی دارد برای آن‌ها صادق است. به عنوان مثال برای اپلیکیشن‌های مالی و شبکه‌های اجتماعی به دلیل اهمیت اطلاعات شخصی افراد، استفاده از ثبت‌نام در شروع بدیهی به نظر می‌رسد.

و اما نکاتی در مورد فرم ثبت‌نام

رمز عبور

50% افراد از ساختن و به یاد سپردن یک رمز عبور جدید متنفرند. در نتیجه اگر اطلاعات حساب کاربری بسیار محرمانه نیست هیچ نیازی ندارد که کاربر را مجبور به استفاده از تمامی انواع کارکترها کنید.

بسیاری از کاربران برای وبسایت‌های با Retention rate کم، از یک رمز عبور ساده‌ی معمولا فقط عدد یا فقط حروف کوچک استفاده می‌کنند و اجبار کاربر به ساخت پسوردهای پیچیده هزینه تعامل را بالا می‌برد.

هزینه تعامل یا Interaction cost به مجموع تلاش‌های ذهنی و فیزیکی کاربران برای تعامل با یک سایت یا اپلیکیشن در راستای دستیابی به اهداف خود انجام می‌دهند، گفته می‌شود.

60% افراد بیشتر از 5 رمز عبور برای به یاد سپاری دارند و اضافه کردن یک رمز عبور جدید احتمال فراموشی رمز عبور را بیشتر می‌کند. بر اساس آمار 40% کاربران حداقل یکبار در ماه از فراموشی رمز عبور استفاده می‌کنند.

اما اگر علی‌رغم تمامی این موارد هنوز معتقدید که ارزش پیشنهادی شما برای مشتری این ارزش را دارد که هزینه تعامل و هزینه شناختی را بپردازد فراموش نکنید که بر اساس اصل پنجم Heuristic evaluation مانند تصویر بالا در هنگام تایپ پسورد حتما گزینه‌های لازم جهت جلوگیری از خطا را درج کنید که کاربر مجبور به پر کردن مجدد فرم نشود.

نمایش کلمه عبور در مقابل تکرار - سایت دیجی‌استایل
نمایش کلمه عبور در مقابل تکرار - سایت دیجی‌استایل

در این مثال درخواست دوباره پسورد دلیل یک چهارم نرخ ریزش فرم ثبت‌نام اعلام شده است و با حذف تکرار رمز عبور و جایگزینی مشاهده پسورد تا 55% افزایش نرخ تبدیل اتفاق افتاده است.

نمایش کیبورد حرفی برای رمزی که فقط عدد می‌پذیرد - بانک سامان
نمایش کیبورد حرفی برای رمزی که فقط عدد می‌پذیرد - بانک سامان

همچنین توجه داشته باشید که برای دستگاه‌های موبایل حتما مدل کیبورد را مطابق ورودی مورد انتظار تنظیم کنید.



درخواست اطلاعات بیش از حد

42% از فرم‌های ثبت‌نام، بیش از اندازه طولانی است و اطلاعات بیش از حد نیاز درخواست می‌کند.

نرخ تبدیل (ثبت‌نام) در مقابل تعداد فیلد ثبت‌نامی
نرخ تبدیل (ثبت‌نام) در مقابل تعداد فیلد ثبت‌نامی

اگر بدانید به ازای هر فیلد اضافه در ثبت‌نام احتمال ریزش مخاطب به طور نمایی افزایش می‌یابد مطمئناً دیگر اطلاعات اضافه‌ای مثل تاریخ تولد، نام و نام خانوادگی و ... را نخواهید پرسید.

نوار پیشرفت تکمیل اطلاعات - سایت پروفایل
نوار پیشرفت تکمیل اطلاعات - سایت پروفایل

اگر به هر دلیلی مثل سایت لینکدین یا پروفایل (نمونه‌ی ایرانی در تلاش برای لینکدین شدن) نیاز به دریافت اطلاعات تکمیلی دارید، بهتر است در چند مرحله و به کمک Gamification ایجاد شده با Progress bar اقدام به دریافت اطلاعات کنید.

در مقاله‌ی 8 خطای شناختی معروف در طراحی Progress Bar من‌باب تاثیر مثبت استفاده از Progress bar صحبت کردم.

88% افراد اعتراف کرده‌اند که در فرم‌ها اطلاعات نادرست درج کرده‌اند در حالی 60% افراد هم اعلام کرده‌اند که اگر متوجه دلیل درخواست اطلاعات شوند حاضرند اطلاعات بیشتری اعلام کنند.

پس اگر به هر نحوی نیازمند به اطلاعاتی هستید که کاربر متوجه دلیل درخواست آن نمی‌شود حتما اهمیت آن اطلاعات و نفعی که کاربر می‌برد را منعکس کنید.



به Easy To Use بودن توجه کنید

توجه داشته باشید که بسیاری از افراد فیلدها را با Tab عوض می‌کنند و مدل 5 بهترین مدل سوار شده بر Mental Model افراد انگلیسی زبان است. برای تصمیم‌گیری در مورد جهت فرم‌ها در فارسی مقاله‌ی ذیل را مطالعه کنید.

https://virgool.io/@amirtaqiabadi/%DA%86%D9%87-%D9%BE%D8%AA%D8%B1%D9%86%D9%87%D8%A7%DB%8C%DB%8C-%D8%AF%D8%B1-%D8%B2%D8%A8%D8%A7%D9%86-%D9%81%D8%A7%D8%B1%D8%B3%DB%8C-%D9%82%D8%B1%DB%8C%D9%86%D9%87-%D9%85%DB%8C%D8%B4%D9%88%D9%86%D8%AF-nndxy4hpqkhv

همچنین در اپلیکیشن‌ها توجه کنید که برای فیلدهای یک خطی حتما گزینه‌ی Single Line فعال باشد که کیبورد گوشی به جای Enter دکمه‌ی Next را نمایش دهد.

تصویر انواع ورودی‌ها و تنظیمات فیلدها در اندروید استودیو
تصویر انواع ورودی‌ها و تنظیمات فیلدها در اندروید استودیو

از شبکه‌های اجتماعی برای ثبت‌نام استفاده کنید

آمار استفاده از خرده فروشان از شبکه‌های اجتماعی برای ثبت‌نام
آمار استفاده از خرده فروشان از شبکه‌های اجتماعی برای ثبت‌نام

هر چند بر اساس نمودار بالا فیسبوک بیشترین آمار تعداد استفاده را دارد اما فرامویش نکنید که مدت‌هاست استفاده از فیسبوک در ایران محدود شده است و بهتر است از گوگل و ... استفاده کنید.

ثبت‌نام به کمک تلگرام، گوگل و لینکدین - سایت ایوند
ثبت‌نام به کمک تلگرام، گوگل و لینکدین - سایت ایوند

در مورد انتخاب این شبکه‌های اجتماعی، به Personaی کسب‌وکار خود توجه داشته باشید. برای کسب‌وکارهای کاملا جدی و B2B ثبت‌نام با لینکدین به شدت پیشنهاد می‌شود و برای ایرانی‌ها هم تلگرام همچنان پر استفاده‌ترین پیام‌رسان است.

استفاده از خطای شناختی اثر ارائه در تایید قوانین و مقررات سایت

استفاده از Framing Effect در تایید قوانین و مقررات - سایت دیجیکالا (راست) پروفایل (چپ)
استفاده از Framing Effect در تایید قوانین و مقررات - سایت دیجیکالا (راست) پروفایل (چپ)

تیک زدن پیش‌فرض چک باکس شرایط و قوانین استفاده وقتی که کاربر گزینه‌ی دیگری ندارد نیز یکی از روش‌های ساده‌سازی اقدامات کاربر است.

از کپچا استفاده نکنید

کپچای فارسی - سایت اَدتو
کپچای فارسی - سایت اَدتو

اگر از طریق پیامک یا ایمیل اقدام به فعال‌سازی اکانت می‌کنید یا به کمک شبکه‌های اجتماعی تایید هویت انجام می‌دهید و یا حتی سایت جدیدی هستید که احتمال حملات DDoS برای شما کم است هیچ دلیلی ندارد که از کپچا (یا نمونه‌های جدید من ربات نیستم) استفاده کنید.


https://virgool.io/MyPofefilm/%D8%A8%D8%B1%D8%B1%D8%B3%DB%8C-%D9%85%D9%88%D8%B1%D8%AF%DB%8C-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-login-page-%D9%BE%D9%81%D9%81%DB%8C%D9%84%D9%85-nhzjymrdltqk


همچنین این IGTV که در مورد طراحی صفحه‌ی ثبت‌نام است را هم پیشنهاد می‌کنم که ببینید.


https://www.instagram.com/tv/B9317YrBiTd





اگر به این مقاله علاقه‌مند بودید، مقالات زیر را نیز پیشنهاد می‌کنم و فراموش نکنید که لایک کنید و کامنت بگذارید.

uxافزایش نرخ تبدیلطراحی تجربه کاربری
راوی تجربه کاربری در #ویرگول و مدرس در #یوتیوب https://www.youtube.com/c/AmirTaqiabadi
یک تیم پر انرژی در تلاش برای تولید محتوای ناب و جدید در حوزه طراحی و توسعه‌ی تجربه و رابط کاربری.
شاید از این پست‌ها خوشتان بیاید