كتابة تجربة المستخدم لشاشات إنشاء حساب جديد في المنتجات والتطبيقات (دراسة حالة)

عند بدء استخدام أي تطبيق أو منتج رقمي فإن أول ما سيواجهك هو: شاشة إنشاء حساب جديد (Sign-up Screen) لكي تتمكّن من فتح التطبيق وبدء رحلتك معه. هذه الشاشة مهمة جداً بالنسبة لمدير المنتج (Product Manager) أو المسؤول عن تصميمه. لماذا؟ لأنها تعتبر نقطة الالتقاء الأولى مع مستخدم أو عميل محتمل. لذا فإن آخر ما يريده مدير المنتج أن تكون النصوص في هذه الشاشة غير واضحة، ولا توجّه المستخدم نحو الإجراء المطلوب اتخاذه. وهذا يقلّل بلا شك معدّل تحويل الزوّار إلى مستخدمين للتطبيق أو المنتج. لذا نستعرض في هذا المقال عدة أمثلة على كتابة تجربة المستخدم لشاشات إنشاء حساب جديد في منتجات وتطبيقات عربية ونوضّح المشكلات الموجودة في النصوص المكتوبة وكيفية تحسينها وفق مبادئ كتابة تجربة المستخدم، لذا إذا كنت كاتب تجربة مستخدم (UX Writer) أو مدير منتج تابع معنا هذه الدراسة.

1- تابي (Tabby)

أول شاشة ستقابلك عند الذهاب إلى موقع شركة تابي هي هذه الشاشة:

للوهلة الأولى قد تراها جيدة، لكن عند التدقيق وخاصةً إذا كنت كاتب تجربة مستخدم (UX Writer) ستجد بعض المشكلات في هذه الشاشة:

المشكلة الأولى: عدم توضيح الفرق بين تسجيل حساب جديد، والدخول بحساب موجود بالفعل في جملة (سجّل حساباً أو دخولاً).

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

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

المشكلة الثانية: السكون على كلمة (سجل)!

الصحيح هو وضع الشدّة وليس السكون لتصبح الكلمة بهذا الشكل (سجّل). قد تسأل: وهل كتابة تجربة المستخدم تهتم بمثل هذه التفاصيل الصغيرة جداً؟

الإجابة: نعم.

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

المشكلة الثالثة: ساحة السوق

غير واضح للمستخدم أن جملة (ساحة السوق) عبارة عن رابط تشعّبي (hyperlink) قابل للضغط. يجب توضيح ذلك حتى يفهم المستخدم الذي يرغب في التسوق داخل التطبيق أو الموقع بدون تسجيل حساب.

ملاحظة جانبية: عند الضغط على (ساحة السوق) وجدنا أن الرابط لا يعمل ويُظهر لنا صفحة خطأ 404.

الحلول المقترحة لتحسين تلك الشاشة

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

• استبدال عنوان (سجل حساباً أو دخولاً) بـ (سجّل حساب جديد)
• إضافة زر ثانوي تحت زر استمر، بعنوان (لديّ حساب بالفعل)
• تمييز جملة (ساحة السوق) للدلالة على أنها عبارة عن رابط قابل للضغط

👏 فكرة ممتازة:

استغلال شاشة إنشاء حساب جديد في موقع تابي للترويج وحث المستخدم على تحميل التطبيق فكرة ممتازة.

الشاشة الثانية: رسالة الخطأ

المشكلة الأولى: رسالة الخطأ التي تُعرض للمستخدم عند كتابة بريد إلكتروني خاطئ غير واضحة وتحتاج لبعض التحسينات:

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

المشكلة الثانية: زر (استمر) ليس أفضل خيار.

فيمَ سيستمر يا ترى؟ هل يستمر معناها أنه سيدخل إلى حسابه مباشرةً إن كان بريده الإلكتروني مسجّل مسبقاً؟ أم تعني أنه سيذهب إلى شاشات أخرى لاستكمال عملية إنشاء حساب جديد؟

يجب توضيح وظيفة الزر وهدفه وإلى أين سيوجّه المستخدم في رحلته الرقمية داخل المنتج أو التطبيق.

الحلول المقترحة لتحسين تلك الشاشة

• نعيد صياغة رسالة الخطأ لتصبح (يرجى إدخال بريد إلكتروني صحيح).
• نستبدل نص الزر (استمر) بنص أكثر وضوحاً (تسجيل حساب جديد).

الشاشة الثالثة: طلب رقم الجوال

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

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

طبعاً مشكلة نص الزر (استمر) ومشكلة عدم توضيح أن جملة (شروط الخدمة وسياسة الخصوصية) عبارة عن رابط لصفحة جديدة.

الحلول المقترحة لتحسين هذه الشاشة

يمكنكم التخمين؟ بالطبع سيكون الحل الأمثل هنا توفير زر (تخطّي أو الربط لاحقاً) يتيح للمستخدم ربط الجوال بالحساب لاحقاً.

• إضافة زر ثانوي (الربط لاحقاً)
• استبدال زر (استمر) بـ (إرسال الرمز)

2- تمارا (Tamara)

ننتقل إلى موقع مشابه يقدّم تقريباً نفس خدمات الموقع الأول.

الشاشة الأولى: سجّل عملك مع تمارا

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

شاشة ممتازة من ناحية النصوص في كتابة تجربة المستخدم.

الشاشة الثانية: رسائل الخطأ

لكن عند الانتقال إلى نصوص رسائل الخطأ الواضحة في الشاشة:

نجد بعض المشكلات:

في الشاشة الأولى موقع تمارا اعتمد جملة (البريد الإلكتروني) لكن في هذه الشاشة في رسالة الخطأ استخدم كلمة (الإيميل). هل هذه مشكلة؟ نعم.

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

في رسالة الخطأ الخاصة بكلمة المرور:

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

الحلول المقترحة لتحسين رسائل الخطأ في تمارا

• إعادة صياغة نص رسالة الخطأ الخاصة بالبريد الإلكتروني وتوحيد المصطلحات.
• اختصار رسالة الخطأ الخاصة بكلمة المرور قدر الإمكان.
• إضافة مثال للمستخدم لتوضيح كلمات المرور المقبولة.

💡 النصيحة الأهم عند كتابة رسائل الخطأ: احرص على كتابة نصوص إرشادية استباقية للمستخدم قبل أن تطلب منه المعلومات التي تحتاجها وذلك لتقليل معدل الخطأ أو الانسحاب ولتجنّب تأثير ذلك على أرباح المنتج.

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

مثال آخر: إذا كتب المستخدم كلمة مرور تتكوّن من 8 أرقام، وحرف صغير، وحرف خاص فقط. تظهر له رسالة خطأ تخبره أن كلمة المرور يجب أن تحتوي على حرف واحد كبير على الأقل. وهكذا.

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

الشاشة الثالثة: ابدأ مع تمارا

في البداية نشيد باستخدامهم لمؤشر التقدّم (progress indicator) لتقليل معدّل انسحاب المستخدم وتوضيح الخطوات المتبقية.

كذلك تم استخدام مكوّن التلميحات (Tooltips) لتوضيح تفاصيل إضافية هامة.

ومع ذلك، نجد رسالة خطأ: (يرجى إدخال رقم الشركة) والتي تظهر للمستخدم إذا ترك خانة (اسم العلامة التجارية) فارغة. هنا قد يحدث ارتباك لدى المستخدم، هل عليّ أن أكتب اسم علامتي التجارية أم رقم التسجيل الضريبي مثلاُ بناءاً على المكتوب في رسالة الخطأ؟

نجد هنا ظهور مشكلة توحيد المصطلحات مرةً أخرى، هل الشركة تعتمد مصطلح (الهاتف) أم (الجوال)؟

وعند محاولة كتابة رقم هاتف تظهر رسالة الخطأ هذه:

الجملة غريبة أليس كذلك؟ تحتاج إلى إعادة صياغة.

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

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

وفي تلك الشاشة: كلمة (أختر) الصحيح (اختر).

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

3- شاهد (Shahid)

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

ففي الشاشة الأولى التي تقابلك ستجد:

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

في الشاشة التالية نجد رسائل الخطأ واضحة، مختصرة، مفهومة.

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

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

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

كيف تحترف كتابة تجربة المستخدم للمنتجات والتطبيقات الرقمية/لشاشات إنشاء حساب جديد في المنتجات الرقمية؟

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

انضم للدفعة القادمة من الدورة واحترف كتابة تجربة المستخدم