تصميم المواقع

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

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

  • الدرس 7 من 12
  • مبتدئ
  • مجاني، دون تسجيل

مسار شخص حتى تسجيل الطلب، وأين تنكسر كل خطوة

تحت كل محطة مكتوب ما يوقف المستخدم عند تلك الخطوة.

  1. 1

    يبحث

    التعثر: الصفحة التي تظهر في النتائج لا تجيب عن السؤال الذي كُتب.

  2. 2

    يصل إلى الصفحة

    التعثر: في الثواني الأولى لا يتضح ما الذي يُقدَّم هنا أصلاً.

  3. 3

    يحاول أن يفهم

    التعثر: الشروط ومدة التسليم وما لا يشمله العرض غير مكتوبة في أي مكان.

  4. 4

    يقرر

    التعثر: لا سعر مكتوب ولا علامة تدل على أن عملاً أُنجز من قبل.

  5. 5

    يتصرف

    التعثر: النموذج يطلب ما ليس بحوزة المستخدم الآن، أو لا يقول شيئاً بعدها.

هذا المسار لعمل خدمي. وقد يكون لمسارك أربع محطات أو ثماني؛ والمهم أن تكتب مسارك أنت لا أن تنسخ هذا.

آخر مراجعة: تُراجع الحقائق وأسماء الأدوات في هذا الدرس مقابل مصادرها في هذا التاريخ.

كيف تختلف تجربة المستخدم عن واجهة المستخدم؟

تجربة المستخدم هي كل ما يمر به الشخص ليصل إلى هدفه. وواجهة المستخدم جزء واحد منها: الطبقة التي تراها وتلمسها. والفرق أسهل ما يُرى في مثال واحد. فمتجر بأزرار جميلة لا يُظهر تكلفة الشحن إلا في الخطوة الأخيرة يملك واجهة جيدة وتجربة سيئة؛ فالزبون قطع كل تلك المسافة وصار يشعر الآن بأنه خُدع.

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

وأمر يُغفَل عادةً: تجربة المستخدم ليست وظيفة منفصلة تملكها الشركات الكبيرة وحدها. فكل قرار بشأن ترتيب الأشياء أو عدد الخطوات أو الكلمات على زر هو قرار تجربة مستخدم. والسؤال ليس هل يقوم أحد بهذا العمل؛ بل هل يجري عن قصد أم بالمصادفة.

تجربة المستخدم وواجهة المستخدم، عملان ملتصقان

لا أحدهما أهم ولا خيار بينهما. وإنما يختلف موضع عمل كل منهما.

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

  • المسار كله، من قبل الموقع إلى ما بعد الطلب
  • عدد الخطوات وأيها زائد
  • ما يُقال للمستخدم بعد كل إجراء
  • يُقاس بمراقبة الناس

واجهة المستخدم

  • السطح الذي يُرى ويُلمس
  • التسلسل والتباين والتباعد والثبات
  • شكل الأزرار والنماذج والقوائم ورسائل الخطأ
  • جزء كبير منها يُقاس بالأرقام

في فريق صغير يقوم شخص واحد بالعملين ولا شيء في ذلك. وتبدأ المشكلة حين يُنفَّذ عمود واحد فقط ويُسمى تصميماً.

ارسم مسار المستخدم ثم ابحث عن موضع التعثر

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

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

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

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

ثلاث طرق يستطيع عمل صغير تنفيذها فعلاً

الأولى أرخصها لأن بياناتها بين يديك الآن: الرسائل التي أرسلها إليك الناس. اقرأ آخر ثلاثين رسالة واتساب وبريداً ومدخلاً من نموذج التواصل واحدة تلو الأخرى واستخرج الأسئلة وحدها. وكل سؤال يتكرر مرتين يعني أن صفحة لم تجب عنه. ويأخذ هذا بعد ظهر واحد ويُخرج عادةً ثلاثة أو أربعة تغييرات واضحة.

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

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

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

ثلاث طرق بحث، من الأرخص إلى الأغلى

الترتيب بحسب الكلفة لا بحسب القيمة. والقيمة تزداد بالترتيب المعكوس تماماً.

  1. الرسائل التي بحوزتك الآن

    اقرأ آخر ثلاثين واستخرج الأسئلة وحدها. وكل سؤال متكرر يعني أن صفحة لم تجب عنه.

    1
  2. الكلمات التي بُحث عنها

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

    2
  3. راقب خمسة أشخاص

    أعطِ مهمة واحدة واضحة والزم الصمت. والصمت أصعب ما فيها.

    3

ولا واحدة من الثلاث تُظهر لك من لم يصلوا إلى موقعك قط. فتلك الفئة ليست في أي مجموعة بيانات ولا تُعرف إلا بسؤال زبائنك الحاليين.

ما لن يخبرك به نموذجك أبداً

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

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

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

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

من البيانات إلى القرار: غيّر شيئاً واحداً لا عشرة

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

فالترتيب هو هذا: اختر من القائمة التغيير الأكبر أثراً والأقل كلفة. واحداً. نفّذه. انتظر أسبوعين أو ثلاثة. ثم انظر. فإن قلّ عدد الرسائل التي تسأل ذلك السؤال فقد نجح. وإن لم يقل فعُد وجرب التالي.

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

والخطوة التالية لك أنت: اقرأ اليوم آخر ثلاثين رسالة واستخرج الأسئلة المتكررة. فهي الطريقة الوحيدة في هذا الدرس التي يمكنك تنفيذها هذا المساء.

المسار السريع مع الذكاء الاصطناعي

ما يستغرق أطول وقت في بحث تجربة المستخدم ليس الجمع؛ بل القراءة. فثلاثون رسالة متفرقة بين واتساب والبريد ونموذج التواصل تمنحك انطباعاً لا قائمة، ما لم تُرتَّب. وهنا بالضبط يؤدي نموذج لغوي عملاً حقيقياً: تجميع كومة نص خام في موضوعات متكررة. والعمل آلي ويكفي نموذج سريع ورخيص؛ واختيارنا الحالي في <a class="text-link" href="/ar/ai/">قسم الذكاء الاصطناعي</a>.

  1. الصق آخر ثلاثين رسالة واحدة تلو الأخرى في ملف نصي. وقبل أي شيء احذف الأسماء وأرقام الهواتف والبُرد وكل ما يعرّف بزبون؛ فهذا النص على وشك مغادرة مؤسستك.
  2. وضع بجانبه قائمة العبارات التي بحث عنها الناس ولا صفحة لديك لها. وتُقرأ الاثنتان معاً، لأن إحداهما تقول ماذا سأل الناس والأخرى تقول ما الذي لم يجدوه.
  3. شغّل الوصفة أدناه. والمفتاح أن تطلب من النموذج دعم كل موضوع بجمل حقيقية؛ وهذا القيد وحده يمنعه من اختراع موضوعات رنانة.
  4. قارن المخرجات بالنص الأصلي. واحذف كل موضوع لا تجد جملته الداعمة في الملف. وهذه الخطوة الوحيدة التي لا يمكن تخطيها في الوصفة.
  5. اختر بنداً واحداً مما تبقى وغيّر ذلك وحده. واحتفظ ببقية القائمة؛ ففي المرة القادمة تبدأ من هناك.

وصفة جاهزة للنسخ

فيما يلي {العدد} رسالة حقيقية من زبائن عمل من نوع {نوع العمل}، مع قائمة بعبارات بُحث عنها في الموقع.

{نص الرسائل، بلا أسماء ولا أرقام}

العبارات المبحوث عنها:
{قائمة العبارات}

نفّذ ما يلي:
1) اجمع الأسئلة والشكاوى في ستة موضوعات على الأكثر، وصف كل موضوع بجملة قصيرة واحدة.
2) تحت كل موضوع اقتبس حرفياً جملتين أو ثلاثاً من النص أعلاه تُظهره. وإن لم تجد جملة حرفية لموضوع فلا تكتب ذلك الموضوع.
3) لكل موضوع قل أي صفحة في الموقع كان ينبغي أن تجيب عنه.
4) رتّب الموضوعات بحسب تكرارها لا بحسب مدى خطورتها الظاهرة.
5) وحيثما تكون البيانات غير كافية اكتب: البيانات غير كافية.

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

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

الذكاء الاصطناعي في هذا العمل

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

أدوات تساعد فعلا

  • NotebookLM مصنوع لهذا بالضبط: تعطيه ملفات فتحصل على إجابات مُسنَدة إلى تلك الملفات، وهو تماماً قيد أن لكل موضوع جملة حقيقية. ويقول دليل غوغل نفسه إنه يعمل في المناطق نفسها التي يعمل فيها تطبيق جيميناي، وإيران ليست في قائمة الدول المدعومة لتطبيقات جيميناي.
  • Claude جيد في تجميع النصوص الطويلة وفي كتابة عدة صيغ لنص زر. وإيران ليست في أي من قائمتي الدول المدعومة لدى أنثروبيك؛ قرأنا ذلك في صفحة أنثروبيك نفسها.
  • Gemini يفهم الرسائل الفارسية جيداً ويكفي لهذا النوع من التجميع. وصفحة غوغل نفسها تقول إن تطبيق جيميناي يعمل في أكثر من مئتين وثلاثين دولة ومنطقة، وإيران ليست في تلك القائمة.

اين ينقلب ضدك

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

المصادر: Anthropic: reduce hallucinations Anthropic: supported countries Google: where Gemini Apps are available

حدود هذه النصيحة

الطرق الثلاث في هذا الدرس تُظهر لك من وصلوا إليك وحدهم. أما من رأوا اسمك ولم ينقروا، أو دخلوا وغادروا في ثلاث ثوانٍ، فليسوا في أي من هذه البيانات وهم دائماً الفئة الأكبر. وثانياً، مراقبة خمسة أشخاص تجد المشكلات ولا تثبت أي حل أفضل؛ ولذلك تحتاج إلى زيارات لا تملكها معظم المواقع الصغيرة، مما يجعل اختبار A/B بلا معنى لها. وثالثاً، بعض ما يكشفه هذا البحث ليس مشكلة تصميم أصلاً؛ فغياب السعر أو بطء الرد قرار عمل لا يحله أي تخطيط.

من عملنا نحن

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

اسئلة متابعة حقيقية

كم شخصاً أحتاج لبحث تجربة المستخدم؟

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

كيف أبدأ بلا ميزانية؟

بما بحوزتك الآن: آخر ثلاثين رسالة من الزبائن. اقرأها واستخرج الأسئلة المتكررة. يأخذ ذلك بعد ظهر واحد، ولا يكلف شيئاً، ويُخرج عادةً ثلاثة أو أربعة تغييرات واضحة.

هل غوغل أناليتكس كافٍ لتجربة المستخدم؟

لا، لكنه يؤدي النصف الآخر من العمل. فالأرقام تقول أين ترك الناس الصفحة ولا تقول أبداً لماذا. وللسبب عليك أن تقرأ ما كتبه الناس أو تراقبهم؛ والاثنان يكملان بعضهما.