عندما يكون لدي موقع ذو فكرة معينة قد تكون جديدة على المستخدم، هل أكون قد سهّلت له فهمها عندما أكتب 3 أسطر عن الخدمة في الرئيسية و أضع رابطاً مباشراً يقول “لمعرفة المزيد حمل ملف PDF” ويكون هذا الملف به شرح مستفيض للخدمة مع الصور و غيرها من الإيضاحات؟

الجواب القصير: لا

الجواب الطويل: اكمل القراءة…

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

متى تشرح الموقع بشكل مختصر

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

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

متى تستعين بالصور لشرح الموقع

هناك حالات يفضّل عندها ان تستعين بالصور لشرح فكرة الموقع، منها:

• اذا كان الموقع يتطلب المرور بخطوات معينة للاستفادة منه، مثل موقع خمسات:

متى تستعين بالفيديو لشرح الموقع

• اذا كان الموقع يقدّم خدمة تحتوي على بعض الافكار الجديدة (او التي قد تكون غير مألوفة لدى الشريحة المستهدفه)، كما رأينا في موقع Google Plus عند اطلاقه.
  
• اذا كان الموقع يقدّم خدمة بمقابل، بحيث تستخدم مقاطع الفيديو لشرح الخدمة أو اقناع الزائر الجديد للاشتراك بها، كما هو موجود في موقع تطبيق Basecamp:
  

متى تستعين بالشروحات الطويلة

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

خلاصة الموضوع

النقاط السابقة قد لا تصلح كقواعد عامة تتبعها في جميع المواقع، لكن مهما كان نوع موقعك، فارجو ان تضع الملاحظات التالية بعين الاعتبار عند التفكير بالطريقة المناسبة للشرح:

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

قبل فترة و قبل اطلاعي على مصادر قابلية الاستخدام “و منها هذه المدونة” قمتُ بعمل نموذج “الاتصال بنا” لـ أحد المواقع الخاصة بي .

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

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

بعض الحلول المقترحة :

الشكل بعد التعديل :

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

خلاصة التجربة :

• حاول دائماً أن تجري اختبار قابلية الاستخدام  و اختبار الـ 5 ثواني على الآخرين قبل أن تنشر مشروعك، خصوصاً لو كان على أشخاص لم يجربوا الموقع سابقاً و ليس لهم علاقة بتخصص الموقع .
• عندما تقوم بإعداد نموذج الاتصال بنا، احرص على توضيح الخانات الإجبارية و الاختيارية، خصوصاً إذا لم تكن كلها إجبارية، و حاول أن تجعل عنوان الخانة يُعبر عنها ولا تستعمل كلمات مبهمة مثل “الموقع”، لا مانع من وضع بادئة قبل مربع الإدخال لـ تكون مفتاح للمحتوى كـ http:// او 00966 .
• أيضاً يجب عليك أن تحرص ألا تدرج أي خانة لست في حاجة إليها، فـ ليس من المتوقع أن تطلب رقم الجوال من المستخدم في موقع ألعاب مثلاً .
• حاول أن تضع مدة معينة للرد على الرسالة، فـ هذا يعزز الثقة بشكل كبير في نفس المستخدم ويقوي مصداقية موقعك، لكن لا تضع وقتاً وأنت تعلم أنك لن تلتزم به، لأن هذا سيعود عليك بضرر مُضاعف .
• شيء أخير مهم لم يمر علينا في هذا النموذج، إذا كنت تتوقع أن إجابات زوارك لن تخرج من إجابات معينة، يمكنك أن تضع الإجابات المحتملة كلها على شكل قائمة منسدلة، مثلاً إذا كان زوارك جميعهم من المملكة العربية السعودية و تحتاج أن تحصل منهم على المنطقة، يمكنك وضع قائمة منسدلة “List” فيها مناطق المملكة العربية السعودية كلها مثلاً .

هل يمكنك اكتشاف الاخطاء الموجودة في طريقة العرض هذه؟ علماً بان “الحل” يوضّح 4 أخطاء في التصميم.

اضغط الصورة لتكبيرها

توجد ثلاثة أخطاء -على الأقل- في التصميم، هل تستطيع تحديدها دون النظر الى الحل؟

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

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

عندما بدأت هذه المدونة، بدأتها رغبةً في نشر الوعي في هذا المجال، مجال تجربة المستخدم (user experience)، لعلها تساعد المطورين في تسهيل مواقعهم للناس كي تصبح أسهل وأمتع بالنسبة لهم.

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

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

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

شكراً لكل من سأل، واعتذر للجميع عن التوقف عن الكتابة في الفترة السابقة.

قمت – أخيراً – بالقيام بخطوة أفكّر القيام بها منذ فترة: تغيير اسم المدونة الى اسم أفضل واشمل.

قمت بهذا التغيير لعدة أسباب:

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

ما معنى ْUX Fix؟

UX هي الاختصار المعتمد لـUser Experience، اي “تجربة المستخدم”. اما Fix هنا فتعني “جرعه”. او يمكنك ان تنظر لها على انه “اصلاح” اذا لم يعجبك المعنى الاصلى. في كل الأحوال ما يهمني هنا هو أن يكون اسم قصير ومختصر وموّحد.

بخصوص الموقع القديم، جميع روابطه ستعمل بشكل سليم ان شاءالله. عند زيارتك لاي رابط قديم، فسيقوم الموقع بتحويلك تلقائياً للرابط المقابل في الموقع الجديد.

بالمناسبة، اذا كنت تتابع حساب الموقع في الفيسبوك، فارجو ان تقوم بمتابعة الحساب الجديد، لان فيسبوك لا يسمح لي بتغيير اسم الحساب ليطابق اسم الموقع الجديد.

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

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

انت قمت بالتركيز على مهمة “التنظيم” بدلاً من ذلك، وهي مهمة تتبع غرضاً مختلفاً.

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

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

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

عموماً استمتعت بالقيام بهذا التمرين السريع، واستمتعت اكثر بقراءة تعقيبات الجميع على الموضوع، فشكراً لكم.