“قابلية الاستخدام” هي تعريب لكلمة “usability” (يُوزَبِلِتِي) الإنجليزية, و هي تشير إلى مدى سهولة استخدام شيء معين – أي شيء – سواء كان موقع انترنت, أو هاتف جوال, أو أي شي آخر نقوم باستخدامه. و لكن تركيزنا في هذه المدونة سيكون محصوراً على قابلية استخدام مواقع الانترنت. أو بالأخص, كيفية تطوير قابلية استخدام موقعك على الانترنت.

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

• يوضح الهدف أو الغرض منه للمستخدم في أقل وقت.
• يعرض محتواه بشكل واضح و مناسب للقراءة.
• يمكّن زوار الموقع من الوصول للمعلومة التي يبحثون عنها بشكل بسيط و سلس.
• يمكّن مستخدمي الموقع (سواء حاليين أو جدد) من استخدام مزايا الموقع (مثل الاشتراك في خدمة معينة, التسجيل, تسديد الفواتير…إلخ) بشكل واضح و سهل, و بأقل نسبة أخطاء ممكنة.

كل تلك العوامل و أكثر تساهم في بناء الانطباع النهائي للزائر (أو المستخدم) عن الموقع, و قد يُبنى هذا الانطباع خلال فترة تتراوح من عدة ثوان إلى بضعة أيام أو حتى أسابيع، حسب قابلية استخدام الموقع. و الجدير بالذكر أن تلك العوامل لا يمكن تحديدها بسهولة من قبل المستخدم العادي، فقد يصف لك موقعاً صعب الاستخدام بجمل مثل “يبدو لي الموقع مزدحم!”أو “لا أعلم عن ماذا يتحدث هذا الموقع” أو “الموقع كثير التعقيد”. و حتى إن استطاع تحديد المشكلة بالظبط، فعلى الأغلب لن يكون حلها سهلاً بالنسبة له, و لن يكون كذلك بالنسبة لك إن لم تكن تملك بعض الخبرة في علم قابلية استخدام المواقع، و هذا ما سأقوم بالكتابة عنه بإذن الله في هذه المدونة.

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

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

و بما ان المجال يهم الكثير من المهتمّين بتطوير البرمجيات و المواقع بمختلف وظائفهم، فقد قمت بتقسمين المصادر الى قسمين:

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

قسم المبتدئين

• كتاب Don’t Make Me Think
  أفضل (و أول) كتاب قرأته في هذا المجال. كتاب خفيف (اقل من 200 صفحة) مليء بالرسومات التوضيحية و بعض الكاريكاتيرات الساخرة. أنصح بشدة بقراءته.
• كتاب Research-Based Web Design & Usability Guidelines(نسخة الكترونية مجانية)
  يحوي الكتاب العديد من القواعد المتعلقة بقابلية الاستخدام معروضة بشكل خفيف و بسيط. كل قاعدة تقريبا مدعومة بصورة على الأقل لتوضيح فكرتها.
• كتاب Letting Go Of The Words
  يفيد هذا الكتاب كتّاب محتويات المواقع بشكل كبير. فطريقة كتابة و عرض محتويات موقع معيّن تلعب دورا كبيرا في قابلية استخدامة. سيريك هذا الكتاب كيف تكتب محتوى سهل القراءة و سهل التصفّح. قد يبدو موضوعا بسيطا لا يستحق كتابة كتاب كامل عنه، و لكنك لن تعي اهمّيته حتى تقوم بقراءة هذا الكتاب.
• مقالات Jakob Nielsen
  يقوم جيكوب نيلسن (احد رواد هذا المجال) بكتابة مقالات بشكل دوري مرتبطة بمجال قابلية الاستخدام، و هي مقالات سهلة الفهم و خفيفة و مفيدة.

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

قسم المحترفين

• كتاب Information Architecture for the World Wide Web
  ستجد في هذا الكتاب كم كبير من المعلومات المتعلقة بكيفية هيكلة المواقع بشكل السليم (تحديد الأقسام و أساميها و طريقة عرض او هيكلة محتواها و ما الى ذلك)، و هو دسم بعض الشيء، و لكنه كتاب رائع و مفيد جدا. و سأبدأ بالكتابة عن هيكلة المواقع قريبا بإذن الله.
• كتاب Designing The Obvious
  يدور هذا الكتاب حول تطوير قابلية استخدام تطبيقات الويب. و مع انه يحوي بعض المعلومات المكرره من الكتب التي سبق ذكرها، الا انه لا يخلو من المعلومات المفيدة التي يتميز بها.
• كتاب Defensive Design for the Web
  يركّز هذا الكتاب على قابلية استخدام النماذج (forms) على الانترنت بشكل عام. و يحوي على العديد من الأمثلة المصوّره. كتاب جيّد و لكن يعيبة انه جميع صوره بالابيض و الاسود، و لذلك قد لا تكون بعض الأمثلة المصوّره مفيدة جدا.
• كتاب Designing Interfaces
  يدور هذا الكتاب حول تطوير قابلية استخدام الواجهات بشكل عام، سواء كانت واجهة برمجيات على الويب او الحاسب الآلي او حتى الجوال، و يحوي العديد على نماذج التصميم (Design Patterns) التي سأشرح فكرتها قريبا في هذه المدونة.

الختام

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

اختبار قابلية الاستخدام

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

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

متطلبات القيام بالاختبار

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

الإعداد للاختبار

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

كيفية القيام بالاختبار

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

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