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

چک‌لیست طراحی User Onboarding اپلیکیشن

خلاصه
زمانی که ماهیت اپلیکیشن ثبت‌نام را ضروری می‌کند نظیر اپلیکیشن‌های مالی مثل جیبیت، حتما از User Onboarding استفاده کنید اما اگر امکان استفاده از رویکرد Lazy Registration وجود دارد. بهتر است از Guided Tour یا Feature Discovery استفاده شود.

23% از افرادی که اپلیکیشن رو نصب می‌کنند ممکن است پس از اولین استفاده هیچگاه دوباره به اپلیکیشن برنگردند. به این دلیل اهمیت تاثیر اولیه‌ای (1st impressions) که با User On-boarding می‌تواند ایجاد شود بسیار مهم است.

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


به کاربر چیزی که می‌خواهد بدهید

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

در اپلیکیشن اما چون کاربر نسبت به دانلود اپلیکیشن اقدام کرده است ممانعت کم‌تری برای ثبت‌نام دارد، اما همچنان User Onboarding به شکستن سد ذهنی کاربر برای ثبت‌نام کمک می‌کند.

Jibit Onboarding
Jibit Onboarding

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

مطابق تصویر بالا، به نظر شما UVP جیبیت چیست؟

نکته تکمیلی:
برای درک جمله‌ی "با ثبت‌نام در جیبیت، قوانین و شرایط استفاده را می‌پذیرم" به اثر پیشفرض (Default effect) در مقاله‌ی 10 خطای شناختی اثرگذار در طراحی Pricing Page مراجعه کنید و نیز نگاهی به استفاده از خطای شناختی اثر ارائه در مقاله‌ی چک لیست طراحی فرم ثبت‌نام بی‌اندازید.


افراد نمی‌خوانند، اسکن می‌کنند

افراد به ندرت صفحات وب را به صورت کلمه به کلمه می‌خوانند. در عوض، آنها صفحه را برای پیدا کردن کلمات و جملات منحصربه‌فرد اسکن می‌کنند. NN/group

در تحقیقی مشخص شد که 79% کاربران، صفحات وب‌سایت را اسکن می‌کنند و تنها 16% افراد کلمه به کلمه متن صفحات را می‌خوانند.

Filimo Onboarding
Filimo Onboarding

برای داشتن متن‌های قابل اسکن

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

همه از Unboxing لذت نمی‌برند

آخرین باری که برای کار با یک محصول به دفترچه راهنمای آن رجوع کردید و دستورالعمل راه‌اندازی را قدم به قدم انجام دادید، کی بوده است؟

اکثر ما تمایل داریم که خیلی سریع از محصولی که خریدیم (اپلیکیشنی که نصب کردیم) استفاده کنیم و Unboarding در رسیدن به این هدف تاخیر می‌اندازد.

اگر همچنان الزام به استفاده از آن دارید از تاثیر دکمه‌ی Skip برای ورود به اپلیکیشن یا صفحه‌ی ثبت‌نام غافل نشوید.

هرچند برای فیلیمو مثل هر کسب‌وکاری ثبت‌نام کاربر در اپلیکیشن مهم است اما در صفحه‌ی چهارم (تصویر راست) امکان Skip کردن را برای این دسته از افراد قرار داده است.


کوری تبلیغات بنری ( Banner Blindness )

تحقیقات Eye-tracking نشان می‌دهد افراد در مواجهه با تبلیغات بنری صفحات وبسایت، تنها متوجه محتوای مورد نظر هستند و تبلیغات بنری توجه مخاطب را جلب نمی‌کند. این مورد برای سایت‌هایی که کاربر زیاد به آنها سر می‌زند بیشتر هم هست. (آخرین تبلیغ varzesh3 که دیدید چی بود؟)

همینطور که در تصویر بالا مشخص است مستطیل‌های سبز رنگ که جایگاه تبلیغات بنری هستند، با وجود کنتراست رنگی اصلا توجه مخاطب را جلب نکرده است.

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

اعتبار مهم است

در مقاله‌ی 7 اثر روانشناسی تاثیرگذار بر Iconography من باب Aesthetic usability effect صحبت کردم و گفتم که زیبایی، کاربردپذیری به همراه دارد.

Bdood Onboarding
Bdood Onboarding

اعتبار اپلیکیشن شما با عکس و طراحی‌های با کیفیت و اختصاصی و رعایت Consistency بالاتر می‌رود.

در مورد 4ام آنالیز Heuristic Evaluation در مورد Consistency صحبت کردم و در تویتر می‌توانید مثال‌های زیادی از نقض این مورد پیدا کنید.

به عنوان مثال بر روی دوچرخه‌های بیدود، Bdod اینجنین و با یک o نوشته شده است اما سایر المان‌ها مثل دامین سایت با 2 تا نوشته شده است. همچنین ظاهر آنبوردینگ اپلیکیشن آن نسبت به سایر مثال‌های آورده شده در این مقاله زیبایی کمتری دارد و در نتیجه اعتماد کمتری جلب می‌کند که برای اپلیکیشنی که در بدو ورود نیاز به پرداخت هزینه دارد خبر بدی است.


هزینه تعامل را کم کنید

قبلا در مورد Interaction cost صحبت کردم. شاید شما هم در مورد افسانه‌ی 3 کلیک شنیده باشید.

به طور معمول بین 3 تا 5 اسلاید برای آنبوردینگ، معقول است و کمتر یا بیشتر از آن پیشنهاد نمی‌شود اما هر صفحه‌ی اسلاید نیاز به یک اقدام کاربر برای رفتن به صفحه‌ی قبل/بعد یا Skip دارد که هزینه‌ی تعامل محسوب می‌شود. در نتیجه بهتر است که مشابه دراپ‌باکس محتوای مورد نظر را در قالب ویدئو به کاربر نشان دهیم.

جیبیت که در بالا، تصویر Onboarding آن را قرار دادم بهتر بود از این روش استفاده کند.




البته User Onboarding فقط به این مدل‌ها ختم نمی‌شود و می‌تواند شامل انتخاب‌هایی برای شخصی‌سازی کردن اپلیکیشن هم باشد که کمتر در ایران استفاده می‌شود و می‌توانید در توضیحات متریال بخوانید.

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




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

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