Ultimate UX Design Guide to SaaS On-Boarding، Part 4: First Login
هذا هو الجزء الرابع من دليل تصميم Ultimate UX لعملاء SaaS On-Boarding.
SaaS Customer On-boarding هي العملية التي يجب على المستخدمين تجربتها أثناء بدء رحلتهم على تطبيق برنامج الشركة. يبدأ العميل في الصعود من التجربة التي كان الموظفون يضطرون إليها في السابق أثناء الانضمام إلى الشركة. تحدد عملية الصعود إلى الطائرة النغمة لتجربة مستخدم جيدة.
قصة قصيرة طويلة ، ينبغي التركيز بشكل خاص على جعل عملية الصعود على متن الطائرة لا تشوبه شائبة قدر الإمكان.
تستند عملية التزويد بالعملاء في SaaS على 6 جوانب شاملة ، وقد تم تغطية ثلاث منها بالفعل:
- التسجيل من
- البريد الإلكتروني الترحيب
- حملات التنقيط
- أول دخول وتعليمي المنتج
- استيراد البيانات والإشعارات
- فحص المكالمات و غنيمة
تلعب جميع جوانب العملية دورًا مساوًا في تكوين السمعة المرغوبة للعلامة التجارية في أعين العملاء أثناء عملية الصعود على متن الطائرة.
سنركز اليوم على أول تسجيل دخول و Product Tutorial.
أول تسجيل دخول
لا أستطيع التأكيد على أهمية صياغة أول تجربة تسجيل دخول لإرضاء زبائنك بما فيه الكفاية. أول تجربة تسجيل دخول هي المكان الذي يجب أن تبحث فيه إذا كنت تريد أن ينخفض معدل زبدتك.
من البديهيات:
- لا تقدم للمستخدم واجهة مستخدم فارغة. عليك أن تضع ذلك في الاعتبار لأنه مع وجود منتج SaaS موجه إلى B2B ، لن يكون لدى المستخدم كل شيء أمامه من البداية. ستحتاج الخدمات التي تتطلب بيانات موجودة حتى تعمل هذه الخطوة إلى إجراء بعد تسجيل الدخول لأول مرة.
- قدّم توجيهات واضحة للمستخدمين لمعرفة ما ينبغي عليهم فعله أولاً. فهي جديدة تمامًا على الواجهة بحيث تحتاج إلى إشارة في اتجاه الخطوة الأولى.
- لقد وصلوا إلى هذه النقطة - سيكون من الرائع أن نشكرهم مرة أخرى ونخبرهم عن مدى البرودة التي ستكون عليها ، بمجرد إعدادهم لكل شيء.
أول شاشة تسجيل دخول في أشير هو مثال رائع على هذا. لوحة التحكم ليست فارغة ، فهناك خيارات فورية مع تسميات توضيحية بسيطة يمكنك استكشافها ، وهناك عبارة CTA واضحة جدًا في النهاية ، والتي توجهك لإنشاء أول تنبيه لك.
دروس المنتج
يمكن أن يكون البرنامج التعليمي الأولي طريقة رائعة لبدء إنشاء علاقة مع عميلك ، والآن بعد أن قمت بتسجيل الدخول لأول مرة. استنادًا إلى كيفية تصميم البرنامج التعليمي ، يمكنك التعرف عليه بسرعة مع واجهة تطبيقك حتى يتمكنوا من استخدامه.
من البديهيات:
- يجب أن يكون المستخدمون قادرين على تخطيها. من خلال الدخول إلى برنامج تعليمي لا يمكن تخطيه ، يمكن أن يتخطى المستخدم فعلاً. إذا لم يرغبوا في رؤيته حتى الآن ، فيجب أن يكون لديهم خيار الانسحاب.
- يجب أن يكون دائمًا أمرًا يمكن للمستخدمين إعادة زيارته. من الشائع جدًا تخطي أي نافذة منبثقة أو إشعار عند تسجيل الدخول لأول مرة ؛ المستخدمين فقط يريدون البدء في الحصول على أيديهم القذرة. فقط تأكد من أنه يمكن تحديد موقعه بسهولة.
هذه بعض المبادئ التوجيهية التي يجب أن تضعها في اعتبارك عند تصميم صفحة تسجيل الدخول الأولى وبرنامج تعليمي (منتجات).
جعل التجربة تحسنا
يقول مبرمج مشهور اسمه كاثي سييرا إنه يجب أن يكون التطبيق قادرًا على جعل مستخدميه مذهلين في شيء ما خلال الدقائق الخمس الأولى من استخدام هذا التطبيق. في النهاية يجب أن يتخذ المستخدم إجراءً يؤدي إلى نتيجة ذات صلة بنشاطك التجاري. حاول إنشاء تجربة من شأنها أن تعيد المستخدم.
اتصال المستخدم
أنت تريد إقامة علاقة مع المستخدم الذي له فائدة متبادلة لكلينا. يحدث ذلك عندما تبدأ في التواصل معهم بشكل متكرر وهذا أيضًا في المراحل الأولية. يعتبر البرنامج التعليمي المنتج من أسهل الطرق لإنشاء قناة الاتصال هذه. من الناحية المثالية ، يجب أن يحقق البرنامج التعليمي للمنتج ما يلي:
- إرشادات أساسية حول كيفية استخدام البرنامج
- السماح للمستخدم بفعل شيء رائع حقًا
- القيام بذلك ضمن إطار زمني محدود كما 1-2 دقائق
واحدة من أفضل الأمثلة على ذلك Canva .
1. التسجيل هو البساطة نفسها. يمكنك إنشاء حساب بمجرد إعطاء عنوان البريد الإلكتروني الخاص بك أو استخدام تسجيل الدخول إلى الوسائط الاجتماعية (تذكر المناقشة الخاصة بنا تسجيل التدفقات )
2. تقرر ما تريد أن تبدأ في القيام به. هناك اتجاه عام يمكنك تحديده في البداية والذي سيؤثر على الصور في قاعدة بيانات كانفا والتي ستشاهدها في البداية.
3. يبدأ الدليل. كم من الوقت سوف يستغرق؟ 23 ثانية بمجرد النقر فوق "إظهار كيف يتم ذلك" ، سيرشدك البرنامج التعليمي خلال عملية السحب والإفلات البسيطة الخاصة بتحديد صورة وتعديلها. وكما ذكرنا أعلاه ، فإن الافتراضات الافتراضية هي "ذكية". يتم إنشاء رسم لك ثم تتم دعوتك لتجربته.
4. واجهة ملونة ، وجذابة وسهلة الاستخدام للغاية. كنت تبحث على الفور في تحدي المبتدئين ، والذي يجذب المستخدم أكثر من ذلك.
5. أخيرا ، يمكنك القيام بشيء ممتع ، مثل اختيار قبعة تسحبها على رأس قرد! تستغرق العملية بأكملها أقل من دقيقة ، وقد أتقنت بالفعل أساسيات استخدام Canva.
في غضون 23 ثانية ، تمكن Canva من جذب انتباه مستخدميه. الواجهة هي بديهية. البرنامج التعليمي هو البساطة نفسها لأنها تظهر عملية سحب وإسقاط الصور من قاعدة البيانات الخاصة به ، إضافة العناوين ذات الصلة وتحميل الصورة. ثم يحصل المستخدم على القيام بنفس الشيء. انها خفيفة الوزن وكذلك يحصل لك لوضع قبعة على قرد!
تحليلات
يمكنك تحليل فعالية تسجيل دخولك الأول وبرنامجك التعليمي. يمكن تجميع تسجيل الدخول وتعليمي المنتج في تجربة تسمى تجربة التشغيل الأولى. يمكن تحديد سلسلة الخطوات التي يجب اتخاذها ، ويمكنك بعد ذلك تنفيذ إجراء ما يسمى تحليلات مسار التحويل لتقييم مدى فاعلية التجربة. الأدوات التي أوصي بها لبناء وقياس مسار التحويل الخاص بك Mixpanel أو سعة . تكمن فكرة مسار التحويل في أن العديد من المستخدمين يدخلون بداية تجربة المستخدم ويخرج عدد قليل منهم في النهاية.
قياس مدى تقدم المستخدم من خلال التجربة من خلال مراقبة معدلات الإكمال لكل خطوة.
لذلك عادةً ، ستحصل على معدلات إتمام تبدو كالتالي:
- الخطوة 1: 1،773 شخصًا
- الخطوة الثانية: 1701 شخصًا
- الخطوة 3: 1،399 شخصًا
- الخطوة الرابعة: 1،211 شخصًا
- الخطوة 5: 1152 شخصًا
أصبح الآن بين الخطوة 2 و 3 أن الكثير من الأشخاص اختاروا تجربة المستخدم ، مما يشير إلى أن هذا هو المجال الذي يجب التركيز عليه.
وبهذه الطريقة ، يمكنك تحسين تجربة تسجيل الدخول الأولى حتى تحتفظ بمعظم المستخدمين.