في الجزء الأول من سلسلة هندسة قابلية الاستخدام، قمنا بإجراء بعض اختبارات قابلية الاستخدام السريعة على الخدمات الإلكترونية المتاحة من خلالموقع وزارة الداخلية السعودية. كان الهدف هو إظهار كيف يمكن لأبسط اختبارات قابلية الاستخدام أن تسلط الضوء على عيوب كبيرة في قابلية الاستخدام في تصميمك.
بالابتعاد عن الخدمات الإلكترونية الحكومية، سنتناول في مقالتنا الثانية في هذه السلسلة اختبار قابلية الاستخدام على مواقع التجارة الإلكترونية.
تعد مواقع (وتطبيقات) التجارة الإلكترونية مرشحة رائعة لتقييم سهولة الاستخدام، حيث أن أصغر تغييرات التصميم بناءً على الأفكار التي تم جمعها من اختبار قابلية الاستخدام يمكن أن تؤدي إلى زيادة كبيرة في المبيعات.
وأفضل مثال على ذلك هودراسة حالة زر بقيمة 300 مليون دولار أجراها جاريد سبول وUIEحيث أدى تغيير واحد في التصميم في رحلة الدفع بناءً على رؤى من اختبار قابلية الاستخدام إلى زيادة في عمليات الشراء بنسبة 45%.
بالنسبة لهذه المجموعة من جلسات اختبار قابلية الاستخدام، طلبنا من المستخدمين تصفح واختيار وشراء جهاز كمبيوتر محمول في سوق السعودية (saudi.souq.com) موقع إلكتروني.
سوق.كوم عبارة عن منصة للتجارة الإلكترونية باللغتين الإنجليزية والعربية تبيع مجموعة من المنتجات مثل الإلكترونيات الاستهلاكية ومنتجات التجميل والسلع المنزلية. وهو أكبر متاجر التجزئة للتجارة الإلكترونية في الشرق الأوسط. غالبًا ما توصف بأنها أمازون العالم العربي، وقد استحوذت عليها أمازون مؤخرًا.
شارك في الاختبارات إجمالي 3 مستخدمين، وطُلب من كل منهم استخدام الموقع لشراء جهاز كمبيوتر محمول من اختياره من الموقع.
تم إدراج المشكلات المحددة أدناه بترتيب حدوثها أثناء قيام المستخدمين برحلتهم
1. شعر المستخدمون بالإحباط بسبب وضع العرض الافتراضي في صفحة قائمة المنتجات
تحتوي صفحة قائمة المنتجات على وضعين للعرض: "عرض القائمة" الافتراضي مع أوصاف مفصلة للمنتج وصور صغيرة، و"عرض شبكي" مع صور أكبر للمنتج بدون وصف تفصيلي
وعلى الرغم من أن المستخدم أراد مقارنة المنتجات باستخدام صورها، إلا أنه لم يلاحظ خيار تغيير وضع العرض إلى عرض الشبكة.
اكتشف مستخدم آخر عرض الشبكة بعد تصفح المنتجات لفترة طويلة وقال إنه يفضل هذا العرض لأنه يمكنه تصفح جميع المنتجات بشكل أسرع.
عرض:
نادرًا ما يقرأ العملاء كل شيء على الصفحة، خاصة عندما يكون هناك الكثير من المحتوى. تشير الدراسات إلى أن حوالي ثمانين بالمائة من المستخدمين يقومون بمسح أي صفحة جديدة وأن ستة عشر بالمائة فقط يقرأون كل كلمة. لقد وجدنا نفس النمط في جلسات الاختبار لدينا أيضًا. العملاء في عرض القائمةلم ينتبه في البداية إلى وصف المنتج المطول. تناوبت نظرتهم من سعر المنتج إلى صورة المنتج. فقط إذا كانوا مهتمين بالمنتج، فإن نظرهم يتحول إلى وصف المنتج.
ومع ذلك، نظرًا لأن المستخدمين الذين اختبرناهم لم يكونوا يخططون فعليًا لشراء الكمبيوتر المحمول، فإن سلوكهم لا يمثل ذلك بنسبة 100٪. قد يكون المستخدم الموجود فعليًا في "حالة الشراء" مهتمًا بتفاصيل المنتج (النص) أكثر من الشخص الذي "يتصفح" فقط.
لذلك، على الرغم من أن المستخدمين في هذا البحث يفضلون عرض الشبكة، إلا أن هناك حاجة إلى مزيد من البحث للتوصل إلى حل قاطع.تروج العديد من دراسات الحالة لتخطيط واحد على الآخر، لكنها ليست بالضرورة مصدرًا نهائيًا للأدلة على عدم وجود إجابة واحدة صحيحة.
يوفر عرض القائمة للمستخدمين تنسيقًا يتبع أنماط القراءة الطبيعية الخاصة بهم مثل النمط على شكل F، في حين أن عرض الشبكة أكثر مقاطعة قليلاً، مما يجعله أكثر ملاءمة للمحتوى المرئي. كل هذا يتوقف على نوع المحتوى الموجود على موقع الويب الخاص بك والجمهور الذي تلبي احتياجاته.
في النهاية، يجب أن يكون قرار استخدام عرض القائمة مقابل عرض الشبكة متوافقًا مع سلوك المستخدمين. في هذه الدراسة، نظرًا لأن المشاركين يفضلون عرض الشبكة الذي يمكن مسحه بسهولة، فإن جعله العرض الافتراضي سيكون حلاً محتملاً. ومع ذلك، هناك حاجة إلى أبحاث هندسية أكثر صرامة في مجال قابلية الاستخدام لضمان دقة هذا الحل.
2. لا يوجد تصفية حسب السنة
أراد المستخدمون تصفية المنتجات استنادًا إلى سنة إصدارها، لكن أداة التصفية لم تقدم أي خيار من هذا القبيل. الطريقة الوحيدة التي تمكنوا من خلالها تحديد العام كانت من خلال وصف المنتج.
عرض:
قم بإضافة خيار لسنة إصدار المنتج في أداة التصفية. سوف يقوم الأشخاص بأقل قدر ممكن من العمل لإنجاز المهمة. لتقليل عبء العمل، يجب دائمًا تزويد المستخدمين بطرق جيدة لتقليل الخيارات المتاحة بأكبر قدر ممكن من الكفاءة. يجب أن يقوم النظام بأكبر عدد ممكن من الأشياء، حتى يتمكن المستخدمون من التركيز على أداء المهام التي تتطلب في الواقع المعالجة والمدخلات البشرية.
3. لا يمكن شحن العناصر الموجودة في الموقع السعودي إلى الرياض
تتيح الصفحة الرئيسية للموقع للمستخدمين تحديد موقع الشحن الخاص بهم. على الرغم من أن المستخدمين اختاروا "الشحن إلى السعودية"، إلا أنه لا يمكن شحن العديد من العناصر الموجودة في صفحة قائمة المنتجات إلى الرياض. أدى هذا إلى إحباط المستخدم وفكر في مغادرة الموقع.
تعد مشكلات تفاصيل الشحن من الإزعاجات الشائعة في مواقع التجارة الإلكترونية السعودية. في بحثنا الأكثر رسمية حول قابلية الاستخدام، وجدنا أن مواقع التجارة الإلكترونية غالبًا لا توفر معلومات كافية عن الشحن حتى المراحل الأخيرة من عملية الدفع. عندما يدرك المستخدمون أن العنصر لا يتم شحنه إلى موقعهم بعد إكمال عملية الدفع بأكملها، يشعرون بالإحباط ويفكرون في مغادرة موقع الويب بالكامل.في الواقع، 88% من المستهلكين عبر الإنترنت هم أقل عرضة للعودة إلى الموقع بعد تجربة واحدة سيئة.
عرض:
أحد الحلول الممكنة لهذه المشكلة هو أن يكون لديك موقع ويب واحد ومتسق بدلاً من مواقع منفصلة لكل موقع شحن. يجب السماح للمستخدمين بتصفية المنتجات بناءً على البلد الذي يتم الشحن إليه في صفحة قائمة المنتجات. إذا انتهى المستخدم بالنقر فوق منتج لا يتم شحنه إلى موقعه، فيجب تقديم رسالة واضحة في وصف المنتج مسبقًا.
تسمح أمازون للمستخدمين بتصفية المنتجات بناءً على موقع الشحن.
4.القائمة المنسدلة "التحقق من مكان الشحن" مُدرجة "الرياض" للسلع التي لا يتم شحنها إلى الرياض.
عندما يصادف المستخدم منتجًا لا يتم شحنه إلى الرياض، يوفر الموقع رابطًا له "للتحقق من مكان الشحن". عند النقر عليه، تظهر قائمة منسدلة تحمل التصنيف "إظهار وقت التسليم المقدر لـ". تحتوي القائمة المنسدلة على خيار للرياض على الرغم من أن الوصف ينص على أن المنتج لا يتم توصيله إلى الرياض. اختار المستخدم "الرياض" على افتراض أنها ستظهر له تاريخ التسليم المتوقع للرياض، لكن القائمة المنسدلة اختفت دون أي تعليقات.
عرض:
لتجنب إرباك المستخدمين وزيادة الحمل المعرفي لديهم، يجب عليك تبسيط القوائم المنسدلة عن طريق إزالة جميع المدخلات غير الضرورية. لا تقم بتضمين الموقع الحالي للمستخدم في القائمة المنسدلة "التحقق من مكان الشحن" وقم بإزالة تسمية الوقت المقدر من القائمة المنسدلة. اعرض الوقت المقدر فقط إذا قام المستخدم بالاختيار.
5. مشكلات عملية الخروج
واجه أحد المستخدمين العديد من المشكلات أثناء عملية الدفع. تم إدراج المشكلات أدناه حسب حدوثها بترتيب رحلة المستخدم.
بعد اختيار جهاز كمبيوتر محمول، قام المستخدم بتسجيل الدخول إلى حسابه وتم توجيهه إلى عربته التي تحتوي على العناصر التي أضافها مسبقًا. ظهرت رسالة إشعار مزدحمة في أعلى الصفحة تحتوي على قائمة بالتغييرات في الأسعار ومدى التوفر لكل عنصر. وذكرت الرسالة أيضًا أنه تم نقل العناصر غير المتوفرة إلى قائمة "حفظ لوقت لاحق". قام المستخدم فقط بإلقاء نظرة سريعة على الرسالة قبل إغلاقها، معتقدًا أنها شيء غير مهم.
عرض
المستخدمون الذين يقومون بالمسح الضوئي يقرؤون العناوين عمومًا، لكنهم لا يقرؤون النص النثري بالكامل - يؤدي هذا إلى فقدان المستخدمين للمعلومات المهمة عندما تحتوي الصفحة على نص كثيف. يجب تنظيم القائمة الموجودة في رسالة الإعلام بطريقة تسهل على المستخدمين فحصها وفهمها. تؤدي الفوضى إلى تدهور الأداء عند محاولة العثور على معلومات معينة.
يمكن أن يؤدي استخدام التسميات ذات المغزى وألوان الخلفية الفعالة والحدود والمساحات البيضاء إلى تقليل الفوضى المرئية.
في صفحة الشحن، كانت هناك قائمة بالعناصر في أسفل الصفحة بدون عنوان ولا توجد إشارة إلى غرض القائمة.
عرض
وضح بوضوح الغرض من القائمة باستخدام عنوان وصفي. إن توفير عنوان وصفي يسمح للمستخدمين بفهم سبب وجود قائمة بالعناصر بسهولة، وكيفية ارتباط العناصر ببعضها البعض. يساعد العنوان في إعلام المستخدمين بكيفية تصنيف العناصر، أو أي مبدأ أو موضوع سائد. يستطيع المستخدمون استخدام القوائم بشكل أفضل عندما تتضمن العناوين.
في صفحة الشحن، لم يكن هناك زر "التالي" أو "متابعة" ليتمكن المستخدم من المتابعة. افترض المستخدم أن السبب هو وجود مشكلة في العنوان فحاول تغيير عنوانه لكنه لم ينجح. ثم افترض أن الطريق المسدود كان بسبب وجود بعض العناصر غير المتوفرة في عربته. لذلك بدأ بحذف العناصر واحدًا تلو الآخر.
عرض:
تأكد من أن جميع صفحاتك ضمن عملية الدفع تحتوي على زري "متابعة" و"رجوع". لا تقود المستخدمين إلى طريق مسدود. من الضروري تزويد المستخدم بخيارات تنقل جيدة. تؤدي الطرق المسدودة إلى حدوث ارتباك وتؤدي إلى نقرات إضافية وغير ضرورية.
في كل مرة يحاول حذف عنصر من صفحة الشحن، يتم تحديث الصفحة ويستغرق تحميلها وقتًا طويلاً. وتساءل عن سبب عدم وجود زر "حذف الكل"، ولتسريع العملية، فتح سلة التسوق الخاصة به في علامة تبويب منفصلة وبدأ في حذف العناصر من هناك أيضًا.
عرض:
لا تقم بتحديث الصفحة في كل مرة يحذف فيها المستخدم شيئًا ما. بدلاً من ذلك، اسمح للمستخدم بإجراء جميع التحديدات ثم انقر فوق الزر "تصفية" أو "تم" حتى يتم تحديث الصفحة فقط بعد انتهاء المستخدم من إجراء جميع التحديدات.
وكقاعدة عامة، إذا كانت نتيجة الإجراء ستعيد المستخدم إلى نفس الصفحة، فإن إزالة التحديث فكرة جيدة. على سبيل المثال، بدلاً من إعادة عرض صفحة الحساب نفسها بعد قيام المستخدم بإدخال كلمة مرور غير صحيحة، فإن تقديم تعليقات على كلمة المرور مباشرة بعد الإدخال يمكن أن يوفر تجربة أفضل.
عندما عاد إلى صفحة سلة التسوق بعد حذف العناصر، كان في حيرة من أمره بشأن الصفحة التي كان فيها. كانت هناك قوائم لـ "حفظ لوقت لاحق" و"عربة التسوق" وقال إنه غير متأكد من الصفحة التي كانت عليها. الكمبيوتر المحمول الذي حذفه من سلة التسوق سابقًا كان موجودًا في قائمة "حفظ لوقت لاحق" مما أربكه أكثر.
عرض:
تقديم ملاحظات للسماح للمستخدمين بمعرفة مكان وجودهم في موقع الويب. توفر التعليقات للمستخدمين المعلومات التي يحتاجون إليها لفهم مكان تواجدهم داخل موقع الويب، وللمتابعة إلى النشاط التالي.
تتضمن أمثلة التعليقات توفير معلومات المسار والتسلسل الهرمي (على سبيل المثال، "مسارات التنقل")، ومطابقة نص الارتباط مع عنوان الصفحة الوجهة، وإنشاء عناوين URL التي تتعلق بموقع المستخدم على الموقع.
بالإضافة إلى ذلك، يجب أن تحتوي كل صفحة ويب على عنوان وصفي. إن قضاء الوقت أثناء عملية التصميم للتأكد من أن الموقع يحتوي على العديد من العناوين والعناوين الفرعية المكتوبة بعناية سيسمح للمستخدمين بفهم الصفحة التي يتواجدون فيها بسرعة.
نقاط ملحوظة
في مختبرات UXBERT نحنمتخصصفي استخدام عمليات UCD العلمية لتصميم تجارب مبتكرة وجميلة على مستوى عالمي. استضافة أول مختبر تجاري ومتطور لقابلية الاستخدام في المملكة العربية السعودية، وفريق من الباحثين والمصممين في مجال تجربة المستخدم.ونحن المطورين في الموقع في مكتبنا بالرياض، نقدم برامج مصممة ومبنية خصيصًا من شأنها أن تساعد أعمالك على النجاح، مهما كانت الصناعة. إذا كان لديك مشروع ترغب في العمل معنا عليه، تواصل معنا علىhello@uxbert.com
هل أنت مهتم بمعرفة المزيد عن تصميم تجربة المستخدم؟ تحقق من دورات تدريب تجربة المستخدم أو استكشف خدماتنا الرقمية. يمكنك أيضًا عرض قصص النجاح لرؤية التطبيقات الواقعية.
