راوی تجربه کاربری در #ویرگول و مدرس در #یوتیوب https://www.youtube.com/c/AmirTaqiabadi
چک لیست طراحی فرم ثبت‌نام
خلاصه: اجبار به ثبت‌نام در ابتدای سایت یا اپلیکیشن یکی از نقاط اصلی ریزش مخاطب است. همچنین اطلاعات درخواستی، چیدمان و نحوه‌ی نمایش فیلدها نیز می‌تواند در افزایش نرخ تبدیل و در نتیجه موفقیت سایت تاثیر گذار باشد.
86% از افراد ممکن است یک وبسایت را که درخواست ثبت‌نام می‌کند ترک کنند. در حقیقت اگر قبل از نشان دادن محتوا، ارزش پیشنهادی سایت و دلیلی برای ادامه به کاربر، درخواست ثبت‌نام شود احتمال ترک سایت بسیار زیاد است.
به عنوان نمونه بدترین تصمیم برای یک فروشگاه اینترنتی اجبار به ثبت‌نام در شروع سفر مشتری در وبسایت است. در چنین مواردی حتما باید از ثبت‌نام کاهلانه استفاده کرد و ثبت‌نام را به بعد از پر کردن سبد خرید و همزمان با تکمیل اطلاعات ارسال کالا، منتقل کرد.
هر چند این نتیجه‌گیری برای یک اپلیکیشن به طور کامل قابل تعمیم نیست اما می‌توان نتیجه گرفت شخصی که یک اپلیکیشن را دانلود و نصب می‌کند احتمالا از قبل نسبت به کارکرد آن آشنایی دارد و به اندازه‌ی سایت احتمال ریزش ندارد اما به هر حال بر اساس اصل سادگی هر چه تعداد گام‌های رسیدن به هدف کمتر باشد احتمال انجام آن بیشتر می‌شود.
همچنین علی‌رغم رشد استفاده از اپلیکیشن همچنان کاربران 68% بیشتر ترجیح می‌دهند که سفارش خود را در نسخه‌ی دسکتاپ سایت نهایی کنند.
در نتیجه‌ی این احتمال بالاتر خرید در نسخه‌ی دسکتاپ و نیز اهمیت هماهنگی User Flow کاربر در وبسایت و اپلیکیشن بر اساس اصل چهار Heuristic evaluation بهتر است هر دو Touchpoint به صورت Lazy Registration طراحی شود.
جمیع این موارد ما را به این نتیجه می‌رساند که کابر در مواجهه با صفحه‌ی ثبت‌نام دو راه دارد:
- ثبت‌نام
- ترک سایت یا اپلیکیشن
چه بهتر که با گزینه‌‌هایی نظیر 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 افراد انگلیسی زبان است. برای تصمیم‌گیری در مورد جهت فرم‌ها در فارسی مقاله‌ی ذیل را مطالعه کنید.
همچنین در اپلیکیشن‌ها توجه کنید که برای فیلدهای یک خطی حتما گزینه‌ی Single Line فعال باشد که کیبورد گوشی به جای Enter دکمه‌ی Next را نمایش دهد.
از شبکه‌های اجتماعی برای ثبت‌نام استفاده کنید
هر چند بر اساس نمودار بالا فیسبوک بیشترین آمار تعداد استفاده را دارد اما فرامویش نکنید که مدت‌هاست استفاده از فیسبوک در ایران محدود شده است و بهتر است از گوگل و ... استفاده کنید.
در مورد انتخاب این شبکه‌های اجتماعی، به Personaی کسب‌وکار خود توجه داشته باشید. برای کسب‌وکارهای کاملا جدی و B2B ثبت‌نام با لینکدین به شدت پیشنهاد می‌شود و برای ایرانی‌ها هم تلگرام همچنان پر استفاده‌ترین پیام‌رسان است.
استفاده از خطای شناختی اثر ارائه در تایید قوانین و مقررات سایت
تیک زدن پیش‌فرض چک باکس شرایط و قوانین استفاده وقتی که کاربر گزینه‌ی دیگری ندارد نیز یکی از روش‌های ساده‌سازی اقدامات کاربر است.
از کپچا استفاده نکنید
اگر از طریق پیامک یا ایمیل اقدام به فعال‌سازی اکانت می‌کنید یا به کمک شبکه‌های اجتماعی تایید هویت انجام می‌دهید و یا حتی سایت جدیدی هستید که احتمال حملات DDoS برای شما کم است هیچ دلیلی ندارد که از کپچا (یا نمونه‌های جدید من ربات نیستم) استفاده کنید.
همچنین این IGTV که در مورد طراحی صفحه‌ی ثبت‌نام است را هم پیشنهاد می‌کنم که ببینید.
اگر به این مقاله علاقه‌مند بودید، مقالات زیر را نیز پیشنهاد می‌کنم و فراموش نکنید که لایک کنید و کامنت بگذارید.
مطلبی دیگر از این انتشارات
دوره رایگان آموزش طراحی بصری - قسمت اول: مرور کلی
مطلبی دیگر از این انتشارات
چک لیست طراحی Modals
مطلبی دیگر از این انتشارات
یازده سوال مهم در طراحی دکمه(Button design)