تطوير قابلية استخدام موقع يوزرات

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

تبسيط الصفحة الرئيسية

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

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

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

صورة الصفحة الرئيسيّة الجديدة

صورة الصفحة الرئيسيّة الجديدة

قمت أيضاً بتغيير مكان الزر من اليسار إلى اليمين لأن الصفحة مكتوبة باللّغة العربيّة، و تغيير عنوان الزر من “اذهب” الى “احصل على يوزر”، لأن “اذهب” قد توحي للمستخدم بأنه سيتم تحويله للموقع المدخل. فكّرت قبل ذلك في تغييرها إلى “ابحث”، و لكن قد يوحي ذلك بأنه سيتم البحث عن معلومات الموقع في Google على سبيل المثال، فقرّرت اختيار “احصل على يوزر”.

تغيير لون خلفية رسالة التنبيه

رسالة التنبيه قبل (فوق) و بعد (تحت)

رسالة التنبيه قبل (فوق) و بعد (تحت)

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

تغيير طريقة عرض معلومات الـ”يوزرات” و نظام التصويت

طريقة العرض سابقاً (فوق) و حالياً (تحت)

طريقة العرض سابقاً (فوق) و حالياً (تحت)

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

و في حال عدم توفّر الأصوات، فطريقة العرض تختلف أيضاً كما ترى في الصورة:

طريقة العرض سابقاً (فوق) و حالياً (تحت)

طريقة العرض سابقاً (فوق) و حالياً (تحت)

الختام

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

لديك أي اضافات أو استفسارات؟ شاركنا بها في التعليقات.

  1. 26 تعليقات على “تطوير قابلية استخدام موقع يوزرات”

  2. ibrahim ramadah - أكتوبر 31, 2009

    قلت في الامس لعبدالله ان الموقع بعد التغير اصبح مضغوط بعض الشيء

    لماذا لا يتم توسيط عملية البحث عن اليوزر ؟

    لماذا لا يكون شرح فكرة الموقع بخط اكبر قليلاً ؟

  3. Mohannad Shahat - أكتوبر 31, 2009

    يعطيك العافيه ياأخ مشهور،، عندي ملاحظه “احصل على يوزر”،، اتوقع ممكن تنفهم على ان الموقع راح ينشئ لي يوزر حتى لو ماكان موجود… لكن مثلا لو كانت كلمة اخرى مثل “ابحث عن يوزر” او شي زي كدا،، اتوقع بيكون افضل

    تحياتي

  4. Mohannad Shahat - أكتوبر 31, 2009

    اضافة اخرى وهي عمل Paging لليوزرات الموجوده،، فالصفحة مره طويله لمن يكون في يوزرات كثير

  5. حازم الحربي - أكتوبر 31, 2009

    فعلا التصميم القديم لخمني شوي أول ماشفته. الواجهة الحالية تذكرني بـ http://untiny.com/
    بسيطة وعملية.

    ينقص الموقع لوقو جيد ويطلع عال العال :)

  6. مشهور الدبيان - أكتوبر 31, 2009

    ibrahim ramadah:
    فعلاً ملاحظه جيّده. قمت بتكبير الخط في الموقع و تحديث الصورة الموجودة في الموضوع. شكراً :)

    و لكن لم أفهم قصدك عندما قلت أن الموقع أصبح “مضغوط”؟

    Mohannad Shahat:
    اتفهّم وجهة نظرك، لكن برأيي احتمالية فهم كلمة “ابحث” بشكل خاطيء أكبر من ذلك مع كلمة “احصل”. و في النهاية، اعتقد مثل هذه التفاصيل لن نستطيع حلّها بشكل فعّال الا بعد القيام باختبار قابلية استخدام الموقع مع المستخدمين المستهدفين. :)

  7. عبدالله حامد - أكتوبر 31, 2009

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

    ماذا عن قائمة JavaScript لاخفاء الشرح حتى يطلبها المستخدم؟

  8. someone - أكتوبر 31, 2009

    ماشاء الله رائع
    لكن اعتقد مكان الزر الصحيح في اليسار وليس اليمين

  9. مشهور الدبيان - أكتوبر 31, 2009

    عبدالله حامد:
    برأيي لا يوجد حاجه لذلك. :)

    - “ماهو يوزرات؟” و “كيف أستخدم يوزرات؟”: لُخصّت فوق مربع البحث.
    - “كيف يعمل يوزرات؟”: سيعرف على ذلك من خلال استخدامه للموقع.
    - “سارق الفكرة؟”: ليست مهمّة برأيي، و يمكن وضعها في صفحة “عن الموقع” في حال انشائها.
    - “هل هذا كل شيء؟”: أيضاً غير مهمّة برأيي، فاهتمام الزوّار هو بالخصائص الحاليّة و ليست المستقبليّة، خاصّة أنه لا يوجد منافسين للموقع بعد.

    someone:
    بغض النظر عن الجهة الصحيحة للزر، ما دام الزر واضحاً فلن يتسبب ذلك في مشكله في هذه الحالة. تغييري لمكان الزر كان سبب شكلي فقط. :)

  10. قلم الظل - أكتوبر 31, 2009

    في وجهة نظري السابق أفضل
    لكن لدي ملاحظات بما أنكك ترى أن هذا أفضل
    وأنت أعلم مني بهذا المجال وهذه بعض الاقتراحات
    محتوى الموقع موجود في أعلى الضفحة
    ممايسبب تجاهل ماكتب فيها
    لذا ارى أن يتم إنزاله للأسفل قليلا
    حيث توازي الوسط عمودياً
    ثانياً يجب وضع شرح في الموقع عن يوزرات
    وو ضع وصلة تؤدي إليها ووضع كل ماكان سابقاً
    في الصفحة الر ئيسية
    وأعتقد أن وجود كلمة إحصل على اليوزر
    طويلة قليلاً أعتقد لو كان إحصل فقط أفضل :)
    قلم الظل

  11. مشهور الدبيان - أكتوبر 31, 2009

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

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

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

  12. عبدالله حامد - أكتوبر 31, 2009

    كلام سليم و مقنع.

  13. يوسف البراق - أكتوبر 31, 2009

    الأن يوضح الفكرة بشكل بسيط وواجهه أبسط

    لكن عندي أقتراح بخصوص مربع البحث في يوزرات

    لو انه ينزل تحت أكثر بحيث انه يكون بنص الصفحة يكون افضل لأني اشوف مساحه كبيره بالأفسل “فارغه” !

    عمل رائع :)

  14. R - أكتوبر 31, 2009

    عمل رائع !

    ملاحظة

    اضافة about .. يتكلم عن الموقع وعن المصمم

  15. يونس - أكتوبر 31, 2009

    هناك مشكلة ان الموقع لا يقبل صيغة http://example.com
    فيجل ازالة http:// في كل مرة يقوم المستخدم بنسخ ولصق دومين المنتدى

  16. أحمد حبليل - أكتوبر 31, 2009

    الموقع صار افضل و اوضح من اول

    باقي شغلة لو تضيفها يصير الموقع افضل

    اللي هي طريقة ترتيب النتائج تكون حسب اعلى نسبة تصويت او التاريخ و تقسيم النتائج الى صفحات

    ما ادري اذا الموقع يحتاجها الآن او بعد فترة

  17. إبراهيم الجبور - أكتوبر 31, 2009

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

    مؤشر الماوس عند وضعه في الحقل المخصص لكتابة دومين الموقع ..فكل مرة يجب على مسح محتوى الحقل وكتابة اسم الموقع ..

    اعتقد انكم لو قمتم بجعل محتوى الحقل الافتراضي يختفى بمجرد الضغط بالماوس داخل الحقل فسيحسن من قابلية استخدامه.

    طبعا هذه المشكلة البسيطة جعلتى استفز كل مرة وبطريقة لم ادركها ولكن عندما فكرت في الامر وجدت السبب.

    تحياتي

  18. إبراهيم الجبور - أكتوبر 31, 2009

    اود الاشارة انه في حال الضغط على “احصل على يوزر ” بدون ادخال اسم الموقع فسيظهر نتائج قد ادخلت بطريقة الخطأ او للإختبار ..

    واعتقد انه لا يجب ان يعمل البحث طالما في وجود “example.com”

  19. عبدالملك الثاري - نوفمبر 1, 2009

    تعديلات رائعة جداً

    أجدها مهمه عند الضغط على حقل example.com يتم إزالة الحروف للاستعداد للكتابة ففي حين الضغط عليها الأن يجب التحديد او مسح الحروف جميعها.

    ملاحظة بسيطه اجدها مهمه, :) والتعديلات التي عملتها رائعة جداً وجميلة شكراً لك مشهور.

  20. مشهور الدبيان - نوفمبر 1, 2009

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

  21. مها - نوفمبر 2, 2009

    يا سلاااااااام

    ما هذه الأفكار النيرة .. جزاكم الله خيرا

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

    أحييكم بشدة

  22. hasan2 - نوفمبر 18, 2009

    بقيت هناك مشكلة كبيرة في قابلية الاستخدام.

    المشكلة ببساطة أنني لو قمت بنسخ اسم الموقع ووضعته في يوزرات مثل http://www.bramjnet.com/vb3
    يخرج رسالة خطأ بسبب وجود http:

    ومن المفترض أن لا يظهر ذلك

  23. فلسطين - ديسمبر 4, 2009

    جميل جدا جدا ولكن اريد ان تئكد على عدم دخول المتطفلين واضافة يوزرات كازبة كاصحاب المنتديات واريد ان تضع خمة فلترة اليوزرات الكازبة واناى سوف اضع اغلب المنتدايات الى مشتركفيها والى الامام لخدمة ويب عربى بعيدا عن الاكراه وارجو عدم وضع اعلانات لعائد مادى اشكرك

  24. فيصل - فبراير 20, 2010

    التعليق متأخر نوعا ما,, لكن لدي ملاحظة احببت المشاركة بها,,

    وضع نسبة اللي لقو الرابط شغال قد يعطي انطباع ان النسبة المتبقية وجدت ان الرابط لا يشتغل,, بينما انهم ببساطة لم يستجيبو للسؤال,,

    ارى وضع عدد الاشخاص الي لقو الرابط شغال بدال نسبتهم :)

  25. مشهور الدبيان - فبراير 21, 2010

    فيصل:
    وهذا هو ما تعنيه النسبه في الحقيقه، فهي نسبة من صوّت بـ”نعم” فقط، اما البقيه فصوتوا بـ”لا”. :)

  26. فيصل - فبراير 21, 2010

    المعذرة على سوء الفهم :)

  27. girl - أبريل 24, 2011

    شكرا ..

    ماذا لو كتبنا”استعر يوزر”!

أكتب تعليقاً