أرشيف شهر سبتمبر, 2009
السؤال
السلام عليكم ..
في أغلب المدونات يذكرون في الحقول الجانبيه المواقع المفضله أو الصديقة، وبعض المدونات لها مواقع كثيره جداً لدرجة إنها تشوه بعض الأحيان الموقع بشكل عام والحقول الجانبيه بشكل خاص ..
لذا فقد خطرت لي فكره بأن أضعها في صفحه مستقله وعنوانها “أتابع وأقرء لـ” وتكون مقسمه إلى مدونات شخصيه ومدونات تقنيه ..
لكنه لم يكتمل، لأنه الفكره الكامله بأن أضع شرح مختصر عن المدونه وصاحبها وتوجهه ..
فما رأيك بفكرتها وترتيبها بدلاً من وجودها في القائمة الجانبيه ؟
مدونتي المتواضعه
أكمل قراءة بقية الموضوع »
مصنف في تجربة المستخدم, قابلية الاستخدام | 4 تعليقات »
راسلني الأخ عصام الزامل صاحب موقع كمّلنا (موقع لعبة البلوت الشهير) للسؤال عن ملاحظاتي حول قابلية استخدام موقعه. و كما فعلت في موضوع موقع بدكاش، سأقوم بذكر ثلاث من المشاكل التي وجدتها في الموقع، و كيفية تفادي تلك المشاكل في موقعك الخاص.
المشكلة الأولى: نموذج تسجيل دخول غير مألوف
8 أزرار لتسجيل الدخول...
أكمل قراءة بقية الموضوع »
مصنف في قابلية الاستخدام | 13 تعليقات »
تصلني عدة رسائل من قرّاء المدوّنة تتضمن أسئلةً حول تطوير قابلية استخدام مواقعهم أو أجزاء منها.
الأسئلة خاصّة في العادة وليست قابلة للنشر لكن وصلني مؤخراً سؤال رائع من قاريء المدوّنة الأخ فهد مبارك، وأحببت أن أشارك الجميع بإجابته بعد إذنه بالطبع.
السؤال
السلام عليكم
بداية أهنئك على المدونة الرائعة فلقد استفدت منها أشياء عديدة
مما جعلني أتطلع للاستفادة من رأيك. انا بفتح موقع راح يكون فيه اقسام على سب دومين زي المواقع العادية مثل رياضة .فيديو.صور وزي كذا.وباقي علي التصميم.وش رايك ان التصميم يكون نفس الالوان يعني الرئيسية والفيديو والصور.او غير
مثال=الرئيسية لونها ازرق فاتح معا ابيض.فهل تنصحني اخلي جميع الصب دومين نفس الوان الرئيسية.
وشكرا اخي..متابع لمدونتك.
الإجابة
يمكنك التمييز بين تصاميم مواقعك الفرعية بطريقتين:
1. باستخدام الألوان كما ذكرت (و يطلق عليها Color Coding) أي تمييز كل قسم بلون معيّن. و يجب في تلك الطريقة أن تحافظ قدر الإمكان على شكل وهيكلة التصميم في أقسام الموقع الفرعية بحيث تصبح موحّدة، حتى لا يحس الزائر بأنه ذهب إلى موقع آخر عن طريق الخطأ عند زيارته لموقع فرعي.
- ميزة هذه الطريقة هي تمكين الزوّار من تمييز القسم الفرعي الذي يستعرضونه حالياً بسرعة عن طريق لونه.
- عيب هذه الطريقة هو أنها قد تفقد فائدتها عندما تستخدمها للتمييز بين أكثر من 5 مواقع فرعية مثلاً، لأنه حينئذ سيصعب حفظ ألوان المواقع والتمييز بينها. لذلك إن كنت ستتوسّع في عدد الأقسام أو المواقع الفرعية مستقبلاً بشكل كبير، فلا أنصحك باستخدامها.
2. استخدام طريقة عرض مميّزة لمحتوى كل قسم فرعي بحيث تدل ضمنياً على محتواه، مع الاحتفاظ بالشكل العام لتصميم الموقع، و هذا ما يقوم به موقع Amazon على سبيل المثال فمع أن جميع أقسام الموقع تستخدم نفس التصميم بشكل عام من ألوان وخطوط وما إلى ذلك، إلا أن كل قسم يعرض محتواه بالشكل الذي يلائم المحتوى نفسه.
لاحظ اختلاف طريقة عرض المحتوى في قسم الكتب (يمين) و قسم الملابس (يسار) في موقع Amazon
- ميزة هذه الطريقة هي المرونة، فيمكنك الاستفادة منها بغض النظر عن عدد الأقسام أو المواقع الفرعية التي ستضيفها مستقبلاً.
- عيب هذه الطريقة هو أنها تحتاج إلى جهد إضافي لكل قسم أو موقع فرعي جديد للوصول للطريقة الأمثل لعرض محتواه بشكل يوصل فكرته للمستخدم.
و بالطبّع، يمكنك أيضاً الاستفادة من الطريقتين معاً ان رغبت في ذلك.
——–
لديك سؤال عن قابلية استخدام موقعك أو عن قابلية الاستخدام عموماً؟ لا تترد في مراسلتي باستخدام نموذج الاتصال.
مصنف في تجربة المستخدم, قابلية الاستخدام | 8 تعليقات »
سألني عدّة أشخاص عن كيفية التصويت للمدوّنة في مسابقة أرابيسك، فقررت أن اكتب موضوعاً خفيفاً (و مؤقتاً) يرشدهم الى كيفية فعل ذلك.
الموضوع بسيط و يستغرق أقل من 60 ثانية:
- اذهب الى صفحة المدوّنات المتأهلة.
- اضعط على زر “تسجيل الدخول”
- ستفتح لك نافذة جديدة، يمكنك من خلالها تسجيل الدخول بأمان باستخدام حسابك في Gmail أو Yahoo!
- بعد ذلك، أكمل الخطوة الأخيرة و ستعود لصفحة التصويت، قم بالضغط على علامة الموجب (+) بجانب “مدوّنة قابلية الاستخدام” (ان رأيت ان المدوّنة تستحق ذلك بالطبع).
و بهذه الطريقة تدعم المدوّنة بصوتك، و أكون لك من الشاكرين. 
مصنف في تحديثات الموقع | 5 تعليقات »
تم مؤخراً اختيار مدوّنة قابلية الاستخدام من بين 193 مدوّنة عربية متخصصّة لتصبح أحد المدوّنات العشر المتأهلة لنهائي مسابقة أرابيسك. وهو ما أعتبره إنجازاً بحد ذاته ولله الحمد، خاصة أنني أكتب عن مجال جديد في العالم العربي (مجال قابلية الاستخدام).
ومع أن الأخ محمد الساحلي (مؤسس المسابقة) قام بجهد رائع في الموقع والمسابقة بشكل عام، إلا أن ما أثار استغرابي حقيقة من الموقع هو استخدامه لنمط تصميم (design pattern) غير مناسب لها إطلاقاً في عملية التصويت.
نمط التصميم المستخدم في عملية التصويت - زر الموجب يضيف علامة وزر السالب ينقص علامة
فنمط التصميم المستخدم لعملية التصويت هو – كما يسمّيه موقع ui-patters.com – نمط تصميم Vote To Promote. أي “صوّت لترفع” وهو نظام يستخدم عادة في المواقع الغنيّة بالمحتوى التي تعتمد على المستخدمين أنفسهم لتنقيح المحتوى عن طريق إبراز المحتوى الجيّد بالتصويت له، و”دفن” المحتوى السيء عن طريق التصوت ضدّه (مثل Digg و Reddit). بتلك الطريقة يقوم الموقع بإدارة نفسه بنفسه (إدارة ذاتيّة)، دون الحاجة لوجود مشرفين (إدارة مركزيّة).
استخدام موقع أرابيسك لذلك النمط لعملية التصويت غير مناسب لعدة أسباب:
أكمل قراءة بقية الموضوع »
مصنف في تجربة المستخدم, قابلية الاستخدام | 23 تعليقات »
سأتوقّف لمدّة أسبوع عن الكتابة في هذه المدوّنة لظروف عيد الفطر، و سأعاود الكتابة باذن الله بداية الاسبوع المقبل.
كل عام و انتم بخير، و تقبّل الله منّا و منكم الصيام و القيام.
مصنف في تحديثات الموقع | 5 تعليقات »
هذه التدوينة تستهدف: مدراء و مطوّري المواقع
إن كانت هناك قاعدة واحدة منتشرة ومطبّقة كثيراً في مجال قابلية الاستخدام فهي “قاعدة الثلاث نقرات” (three-click rule)، وهي قاعدة تنص على وجوب أن تكون محتويات الموقع على بُعد ثلاث نقرات كحد أقصى حتى لا يتعب زوّار الموقع في الحصول على ما يريدونه ممّا قد يؤدي إلى تركهم الموقع.
وقد قابلت العديد من مطوّري ومسؤولي المواقع الذين أصبح شغلهم الشاغل هو “تقليل عدد النقرات” في مواقعهم. فهل تطبيق هذه القاعدة بهذه الأهمّية فعلاً؟
الإجابة هي: لا، لأن القاعدة يتم تطبيقها بشكل سطحي جداً بينما الموضوع فعلياً أعمق من ذلك بكثير.
إن تطبيق هذه القاعدة حرفياً سيسبّب مشكلةً عند توسّع الموقع وزيادة محتوياته لأنه سيصبح من الصعب جداً وضع جميع المحتويات على بُعد ثلاث نقرات أو أقل، وستضطر حينها لأن تضحي بهيكلة المعلومات في الموقع.
فالمهم هنا هو سهولة الوصول للمحتوى بغض النظر عن عدد النقرات المطلوبة للوصول إليه (كما توضّح ذلك دراسة في هذا الموضوع)
طالما أن طريقة الوصول للمحتوى المطلوب سهلة ومنطقية، فعدد النقرات غير مهم
العامل الآخر الذي يتم إغفاله عادةَ هو درجة تكرار الحاجة لمحتويات معيّنة في الموقع. فالمحتويات التي يحتاج الزوّار إلى رؤيتها أو استخدامها بشكل مستمر (مثل “جديد الموقع”) يجب أن تتطلّب عدد نقرات أقل من تلك التي قد لا يحتاجها الزائر إلا في فترات متباعدة.
“قاعدة الثلاث نقرات” لوحدها ليس لها قيمة حقيقية ولا يجب الاعتماد عليها كلياً أو استخدامها كمقياس أساسي لسهولة استخدام الموقع، فتقليل عدد النقرات بدون مراعاة العوامل الأخرى سيؤدي غالباً إلى تعقيد الموقع بدلاً من تسهيل استخدامه.
مصنف في تجربة المستخدم, قابلية الاستخدام, هيكلة المعلومات | 6 تعليقات »
يقوم الناس عادة برسم انطباع معيّن عن المواقع التي يزورونها في الثواني القليلة الاولى من زيارتهم لها، فان لم تستطع توضيح هدف موقعك و عناصره الرئيسية بشكل واضح لزوّاره الجدد، فقد تفقد نسبة كبيرة منهم. و هذا ما سيساعدك في تجنّبه اختبار الخمس ثواني (او five second test)، فهو طريقة تستخدم لمعرفة الاشياء التي سيلاحظها زوّار موقعك في أي من صفحاته في الخمس ثوان الأولى، و قياس مدى فهمهم لتلك الاشياء التي لاحظوها.
كيفية القيام بالاختبار
ببساطة، تعرض الصفحة التي تريد اختبارها لمدة 5 ثواني لأي شخص ثم تخفيها، و تسألة بعد ذلك عن أبرز الاشياء التي لاحظها في تلك الصفحة.ان لم يستطع معرفة ماهيّة الصفحة و تحديد أهم عناصرها خلال تلك الفترة، فيمكنك القيام بتغييرات في التصميم، ثم اعادة الاختبار مع شخص آخر. لاحظ انك ستحصل على نتائج أدق عند اختبارك الصفحة مع شخص لم يسبق له رؤيتها مسبقاً.
يمكنك أيضاً القيام بالاختبار خلال ثوان عن طريق الانترنت باستخدام موقع FiveSecondTest، الذي يسمح لك برفع صورة لاحدى صفحات موقعك، و من ثم يولّد لك رابطاً للاختبار تستطيع أن ترسله للآخرين باستخدام البريد الالكتروني، أو twitter أو facebook. يمكنك أيضاً أن تجعل الاختبار متوفراً لجميع زوّار موقع FiveSecondTest حتى تحصل على نتائج أكثر.
الخلاصة
يستخدم اختبار الخمس ثواني للقيام بتطويرات سريعة في تصميم صفحات الموقع، و هو ليس بديلاً لاختبار قابلية الاستخدام، و انما احد الطرق التي يمكنك استخدامها لتطوير قابلية استخدام موقعك.
فما رأيك أن تختبر الآن صفحة موقعك الرئيسية باستخدام FiveSecondTest و الاستفادة من النتائج التي تحصل عليها؟
مصنف في تلميحات, قابلية الاستخدام | 5 تعليقات »
السلام عليكم،
اكتشفت ليلة امس مشكلة تقنيه في نموذج الاتصال كانت تؤدي الى ارسال الرسائل الى البريد المخصص لادارة الموقع بدلاً من البريد الخاص بالمدوّنة الذي حددّته له، و لم اكتشف هذه المشكلة الا اليوم. فقمت باستبدال النموذج بآخر و تم حل المشكله و لله الحمد.
تم الرد على جميع الرسائل. ارجو المعذرة من جميع من راسلني عن طريق النموذج و من لم يصله رد منّي.
مصنف في تحديثات الموقع | 2 تعليقات »
أطلقت جوجل بالأمس خدمة جوجل اجابات، خدمة الاسئلة و الاجوبة من جوجل. و مع أني سعدت بكونها خدمة موجهة للعالم العربي، الا اني حقيقة أصبت بخيبة أمل بعد رؤية و تجربة الموقع. فبدت لي الخدمة و كأنه لم يعمل على تطوير واجهاتها شخص مختص في قابلية الاستخدام و تجربة المستخدم بشكل عام كما عهدته من منتجات جوجل الأخرى، و قد يرجع ذلك (حسب تخميني) لقلة موارد فريق تطوير المنتجات العربية في جوجل.
هنا بعض ملاحظاتي على الخدمة بشكل مختصر:
أكمل قراءة بقية الموضوع »
مصنف في تجربة المستخدم, قابلية الاستخدام | 13 تعليقات »
