مدونة قابلية الاستخدام

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

المشكلة الأولى: نشاط مفرط في عناصر الصفحة الرئيسية

جزء من الصفحة الرئيسية للموقع (اضغط الصورة لتكبيرها)

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

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

المشكلة الثانية: استخدام مصطلحات مبهمة ومتعارضة

الشريط الجانبي الخاص بمصرفية الأفراد

في الشريط الجانبي توجد قائمة “مصرفية الأفراد” تضم تحتها ثلاث روابط:

• الخدمات المصرفية للأفراد
• التسجيل للشركاء غير المسجّلين
• فتح حساب لشركاء المستقبل

لاحظ كيف وصف العملاء بكلمة “أفراد” في الرابط الأول و من ثم وصفهم بكلمة “شركاء” في الرابطين التاليين، مما يوحي ان تلك الروابط غير مرتبطة ببعضها البعض. وكلمة “شركاء” عموماً لا تستخدم عادة لوصف عملاء بنك، فشخصياً عندما رأيتها اعتقدت ان روابط “الشركاء” هي لمن يرغب في مشاركة البنك في شيء معيّن (أسهم، مشاريع…الخ)، أي يعمل كشريك، ولكن يبدو ان مسؤولي الموقع فضّلوا الجانب التسويقي على الجانب العملي.

يمكن أيضاً ملاحظة مشكلة مشابهة في قائمة التصفّح الرئيسية في أسماء الأقسام، فأسماء مثل “الهوية” و “تفائل” و “أفكار” هي اسماء مبهمة وقد تعني شيء مختلف لكل زائر.

قائمة التصفّح الرئيسية

المشكلة الثالثة: النماذج تعمل بطريقة غير موحّدة

عند حصول خطأ في نموذج “سجّل عضويتك” (عضوية ماذا؟)، يظهر كل خطأ تحت الفراغ المرتبط به كالتالي:

اخطاء نموذج "سجل عضويتك"

أما في نموذج فتح حساب جديد فالاخطاء تظهر متجمّعة في أعلى الصفحة كالتالي:

اخطاء نموذج فتح حساب جديد

بينما تراها في نموذج التوظيف في تنبيه javascript بالشكل التالي (المرعب):

أخطاء نموذج التوظيف (اضغط الصورة لتكبيرها)

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

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

الختام

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

اذا كانت لديك أي أسئلة أو اضافات، فلا تتردد بكابتها في التعليقات.