تصميم تجربة المستخدم

تعد تجربة الدخول إلى التطبيق من أهم التجارب التي يمر بها المستخدم في تطبيقك. ويمكن لتجربة الدخول عالية الجودة أن تؤدي لتحقيق معدلات تحويل تزيد عن 90% وتشجع على المزيد من تفاعل الأشخاص وتحقيق الأرباح.

يتيح تسجيل دخول فيسبوك للأشخاص بدء استخدام تطبيقك بسرعة وسهولة والتمتع بتجارب هادفة وذات طابع شخصي أكثر. وفي هذا المستند، نعرض نصائح واعتبارات لإنشاء تجربة تسجيل دخول رائعة باستخدام تسجيل دخول فيسبوك.

1. عرض القيمة أولاً
2. تجنب الخطوات غير الضرورية
3. تصميم الزر
4. الأذونات
5. توفير طريقة لتسجيل الخروج
6. الاختبار والقياس

1. عرض القيمة قبل مطالبة الأشخاص بتسجيل الدخول

عند اختيار مرحلة تجربة المستخدم التي ستطلب فيها من الأشخاص تسجيل الدخول، اسأل نفسك عن النقطة التي سيُقدر فيها الأشخاص ما يقدمه تطبيقك بما يكفي للوثوق به وتقديم معلوماتهم له.

ويتأثر ذلك غالبًا بتجربة الأشخاص حتى قبل تنزيل التطبيق، ولكن هناك الكثير مما يمكنك القيام به ليكون لك تأثير أكبر في هذا الشأن من خلال التصميم داخل التطبيق.

فيما يلي مجموعة من أساليب التصميم لتشجيع المزيد من الأشخاص على تسجيل الدخول:

• ذكر ما يقدمه تطبيقك بعبارة واضحة وموجزة
• تقديم لمحة عن المحتوى الذي سيحصلون عليه بعد تسجيل الدخول
• توفير تجربة مستخدم جديدة
• السماح للأشخاص بتجربة تطبيقك دون الحاجة لحساب

ذكر ما يقدمه تطبيقك بعبارة واضحة وموجزة

اذكر ما يقدمه تطبيقك بعبارة واضحة وموجزة وجذابة. ربما مضت فترة طويلة منذ تنزيل الأشخاص لتطبيقك أو القراءة عنه في متجر التطبيقات.

تقديم لمحة عن المحتوى الذي سيحصلون عليه بعد تسجيل الدخول

قدِّم لمحة عن المحتوى المتاح للأشخاص قبل تسجيل الدخول، مثل صورة الخلفية في هذا المثال. ولا يلزم أن تكون لمحة تفصيلية، بل مجرد تضمين صور غير واضحة لموضوعات Pinterest يشجع المزيد من الأشخاص على تسجيل الدخول إلى تطبيق Pinterest.

توفير تجربة مستخدم جديدة

إذا كان تطبيقك يتطلب توفير إرشادات إضافية لتقديم أفضل تجربة، فقدم عرضًا توضيحيًا متعدد الخطوات أعلى زر تسجيل الدخول. ويوفر ذلك للأشخاص خيار التعرف على المزيد أو تسجيل الدخول على الفور في حال استعدادهم لذلك.

السماح للأشخاص بتجربة تطبيقك قبل تسجيل الدخول

اسمح للأشخاص بتجربة تطبيقك قبل مطالبتهم بتسجيل الدخول، إن أمكن. على سبيل المثال، لا تطلب الكثير من تطبيقات التجارة الإلكترونية مثل Zulily من الأشخاص تسجيل الدخول إلا عندما يكونوا بصدد إتمام عملية شراء.

2. تجنب الخطوات غير الضرورية

يعد تقليل الخطوات غير الضرورية من أهم الطرق الفعالة لتحسين معدل التحويل.

تجنب مطالبة المستخدمين بالضغط أولاً على "تسجيل الدخول" أو "التسجيل" للوصول إلى زر تسجيل دخول فيسبوك. حيث تُعد تلك خطوة غير ضرورية في وجود تسجيل دخول فيسبوك. لا حاجة للأشخاص حتى للتوقف والتفكير فيما إذا كان لديهم حساب أم لا.

علاوة على ذلك، لا تطلب من الأشخاص بعد تسجيل دخولهم باستخدام Facebook إنشاء اسم مستخدم أو كلمة سر. يتمثل أحد أكثر الأسباب شيوعًا لتسجيل الأشخاص دخولهم باستخدام Facebook في أنه "سريع وسهل ولا يحتاج لإدخال كلمة سر". بعد تسجيل الدخول باستخدام Facebook، لا يرغب الأشخاص بشكل خاص في الاضطرار لإنشاء اسم مستخدم وكلمة سر.

3. زر تسجيل دخول فيسبوك

يسهل دمج زر تسجيل دخول فيسبوك المزوّد مع مجموعات SDK، ويتضمن ذلك شرحًا مضمّنًا يضمن اتساق التصميم وتجربة الاستخدام.

لتمكين إنشاء الحساب وتسجيل دخول فيسبوك، فإن التسميات المفضلة هي "المتابعة باستخدام Facebook" أو "تسجيل الدخول باستخدام Facebook" تبعًا للسياق.

الاستخدام المُعتمد "لتسجيل الدخول باستخدام Facebook"

الاستخدام المُعتمد "للمتابعة باستخدام Facebook"

الاستخدام المُعتمد "للمتابعة كـ [Name]"

يُفضل استخدام تصميمات تسجيل الدخول الموضحة وسيتم اعتمادها من قِبل المراجعين لدينا. ومع ذلك، إذا كانت هناك حاجة إلى إنشاء إصدار محدد لتلبية احتياجاتك، فيجب اتباع الإرشادات أدناه.

الشعار

لتعزيز التمييز والثقة، استخدم دائمًا الشعار "f" المُعتمد والمتوفر في مركز موارد العلامات التجارية لدى Facebook.

عند استخدام الشعار "f" في تصميم زر تسجيل الدخول، يجب أن يظهر قبل زر الدعوة لاتخاذ إجراء. ولا تستخدمه كجزء من زر الدعوة لاتخاذ الإجراء عن طريق قول "تسجيل الدخول باستخدام الشعار "f"".

اللون

يعتبر اللون من أفضل الطرق التي يتعرف من خلالها الأشخاص على الأشياء سريعًا. ومن منظور سهولة الاستخدام، كلما تعرف الأشخاص على الزر ووظيفته سريعًا، كانت الرغبة في الضغط عليه أسرع وكانت تجربة الاستخدام أكثر سلاسة.

تكون ألوان الزر هي اللون الأبيض واللون الأزرق لـ Facebook: ‏5890FF. عندما يتحدث الأشخاص في جميع أنحاء العالم عن تسجيل دخول فيسبوك، يشيرون غالبًا إليه باسم "الزر الأزرق". وإذا لم تتمكّن من استخدام اللون الأزرق لـ Facebook، يمكنك الرجوع لاستخدام اللونين الأبيض والأسود.

قيم اللون الأزرق لـ Facebook

• نموذج CMYK مصقول: 83 / 52 / 00 / 00
• نموذج CMYK غير مصقول: 77 / 36 / 00 / 00
• PMS 2727C
• PMS 2382U
• رقم سداسي #1877F2
• R = 24 G = 119 B = 242

الرسالة النصية

التسميات المفضلة هي "المتابعة باستخدام Facebook" أو "تسجيل الدخول باستخدام Facebook" تبعًا للسياق. وعند استخدام الشعار "f" مع زر الدعوة لاتخاذ إجراء، استخدم الإصدار الرسمي المتوفر لتنزيله في مركز موارد العلامات التجارية لدى Facebook.

ضع نسخة من زر الدعوة لاتخاذ إجراء ضمن زر تسجيل الدخول بحيث لا يجب أن تكون خارج الزر.

اختر نوع الخط وحجمه وقنن المساحة بين الأحرف بحيث يبدو النص بأفضل شكل داخل تطبيقك، ولكن احرص على التحسين بهدف سهولة التعرف على الأحرف.

الموضع

يجب أن يكون زر تسجيل الدخول سريعًا وسهل الاستخدام قدر الإمكان لتمييزه والضغط عليه. وبالنسبة للأجهزة المحمولة، يعني ذلك أن يكون حجمه قريبًا من حجم الإبهام وكبيرًا ليسمح بالضغط عليه بسهولة. وقد يبدو الأمر بسيطًا ولكنه حقيقي؛ تحقق الأزرار الأكبر حجم معدل تحويل أفضل مقارنة بالأزرار صغيرة الحجم.

يتوفر الشعار "f" ضمن أحجام متنوعة لأغراض تحجيم الزر، ولكن يجب الحفاظ على اتساق النِسب وأسلوب الطباعة.

أمور يجب إجراؤها وأمور يجب تجنبها

• استخدمالشعار "f" المُعتمد والمتوفر في مركز موارد العلامات التجارية لدى Facebook واتبع إرشادات الاستخدام.

• استخدم التسمية المفضلة "المتابعة باستخدام Facebook" أو "تسجيل الدخول باستخدام Facebook" على زر تسجيل الدخول تبعًا للسياق، وتأكد من أن النسخة موجودة داخل تصميم الزر.

• لا تحاول تعديل الشعار "f" بأية طريقة، مثل تغيير التصميم أو الحجم أو اللون أو أي تغيير مخصص آخر. إذا تعذر عليك استخدام اللون الصحيح نظرًا للقيود الفنية، فاستخدم اللون الأسود والأبيض.

• لا تستخدم الشعار "f" على الزر دون وجود زر الدعوة لاتخاذ إجراء مناسب ويُفضل استخدام "المتابعة باستخدام Facebook" أو "تسجيل الدخول باستخدام Facebook"

• لا تضع نسخة من زر الدعوة لاتخاذ إجراء (مثال: المتابعة باستخدام Facebook) خارج زر تسجيل الدخول.

4. الأذونات

طلب الأذونات التي تحتاج إليها فقط

كلما قل عدد الأذونات التي تطلبها، كان من السهل أن يشعر الأشخاص بالارتياح حيال منحها لتطبيقك. لقد وجدنا أن طلب أذونات أقل يؤدي عادة إلى تحقيق معدلات تحويل أكبر.

ويمكنك دائمًا طلب أذونات إضافية بعد إتاحة الفرصة للأشخاص لتجربة تطبيقك.

تكمن الميزة الأخرى المتعلقة بطلب أذونات أقل في أنك قد لا تحتاج إلى تقديم تطبيقك من أجل مراجعة تسجيل الدخول. ولن تحتاج إلا إلى تقديم تطبيقك لإجراء مراجعة تسجيل الدخول إذا كنت تطلب أذونات أخرى بخلاف الإذنين public_profile وemail.

طلب الأذونات ضمن سياقها وتوضيح السبب

من المرجح أن يقبل الأشخاص طلبات الإذن عندما يفهمون بوضوح سبب احتياج تطبيقك لهذه المعلومات لتقديم تجربة أفضل. ينبغي إطلاق طلبات الإذن عندما يحاول الأشخاص تنفيذ إجراء داخل تطبيقك يتطلب هذا الإذن تحديدًا.

على سبيل المثال، لا يطلب تطبيق Facebook خدمات المواقع إلا عندما يضغط الأشخاص صراحة على زر الموقع عند تحديث حالتهم.

5. توفير طريقة لتسجيل الخروج

بمجرد أن يسجّل الأشخاص دخولهم، يجب أن توفر لهم أيضًا طريقة لتسجيل الخروج أو إلغاء ربط حساباتهم أو حذفها جميعًا. علاوة على كون ذلك من قبيل الكياسة، فهو أيضًا أحد متطلبات سياسات المطوّرين اللازمة لتسجيل الدخول لدينا.

فعلى سبيل المثال، يمنحك تطبيق المواعدة Tinder الخيار لإخفاء بطاقة ملفك الشخصي بغرض عدم عثور الأشخاص عليك أو تسجيل الخروج أو حذف حسابك تمامًا.

6. الاختبار والقياس

حتى أفضل المصممين لا يصلون إلى دفق الدخول الصحيح من أول محاولة. وعادة ما تنتج تجارب الدخول الرائعة عن عمليات تصميم واختبار مدروسة، مع التكرار أكثر من مرة.

قبل إطلاق تطبيقك، قم بإجراء اختبار نوعي لقابلية الاستخدام بهدف فهم كيفية تفاعل الأشخاص مع ما يرونه. ويجب ألا تكون التجربة رسمية تمامًا لتكون مفيدة، بل المهم هو رؤية الأشخاص ينطلقون خلال التجربة.

فضلاً عن الاختبار النوعي، استخدم التحليلات لفهم ما إذا كان الأشخاص يكملون العملية أم لا ومعرفة معدلات تحويلهم الإجمالية. ويمكن للتطبيقات التي تتبع أفضل الممارسات تحقيق معدلات تحويل تزيد عن 90%.