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

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

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

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

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

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


26 تعليقات على “تطوير قابلية استخدام موقع يوزرات”
قلت في الامس لعبدالله ان الموقع بعد التغير اصبح مضغوط بعض الشيء
لماذا لا يتم توسيط عملية البحث عن اليوزر ؟
لماذا لا يكون شرح فكرة الموقع بخط اكبر قليلاً ؟
يعطيك العافيه ياأخ مشهور،، عندي ملاحظه “احصل على يوزر”،، اتوقع ممكن تنفهم على ان الموقع راح ينشئ لي يوزر حتى لو ماكان موجود… لكن مثلا لو كانت كلمة اخرى مثل “ابحث عن يوزر” او شي زي كدا،، اتوقع بيكون افضل
تحياتي
اضافة اخرى وهي عمل Paging لليوزرات الموجوده،، فالصفحة مره طويله لمن يكون في يوزرات كثير
فعلا التصميم القديم لخمني شوي أول ماشفته. الواجهة الحالية تذكرني بـ http://untiny.com/
بسيطة وعملية.
ينقص الموقع لوقو جيد ويطلع عال العال
ibrahim ramadah:
فعلاً ملاحظه جيّده. قمت بتكبير الخط في الموقع و تحديث الصورة الموجودة في الموضوع. شكراً
و لكن لم أفهم قصدك عندما قلت أن الموقع أصبح “مضغوط”؟
Mohannad Shahat:
اتفهّم وجهة نظرك، لكن برأيي احتمالية فهم كلمة “ابحث” بشكل خاطيء أكبر من ذلك مع كلمة “احصل”. و في النهاية، اعتقد مثل هذه التفاصيل لن نستطيع حلّها بشكل فعّال الا بعد القيام باختبار قابلية استخدام الموقع مع المستخدمين المستهدفين.
انا كانت تعجبتي الشرح السريع للموقع و لكن أؤيد تبسيط الواجهة الرئيسة المبسطة للاسباب التي ذكرها مشهور ايضاً.
ماذا عن قائمة JavaScript لاخفاء الشرح حتى يطلبها المستخدم؟
ماشاء الله رائع
لكن اعتقد مكان الزر الصحيح في اليسار وليس اليمين
عبدالله حامد:
برأيي لا يوجد حاجه لذلك.
- “ماهو يوزرات؟” و “كيف أستخدم يوزرات؟”: لُخصّت فوق مربع البحث.
- “كيف يعمل يوزرات؟”: سيعرف على ذلك من خلال استخدامه للموقع.
- “سارق الفكرة؟”: ليست مهمّة برأيي، و يمكن وضعها في صفحة “عن الموقع” في حال انشائها.
- “هل هذا كل شيء؟”: أيضاً غير مهمّة برأيي، فاهتمام الزوّار هو بالخصائص الحاليّة و ليست المستقبليّة، خاصّة أنه لا يوجد منافسين للموقع بعد.
someone:
بغض النظر عن الجهة الصحيحة للزر، ما دام الزر واضحاً فلن يتسبب ذلك في مشكله في هذه الحالة. تغييري لمكان الزر كان سبب شكلي فقط.
في وجهة نظري السابق أفضل
لكن لدي ملاحظات بما أنكك ترى أن هذا أفضل
وأنت أعلم مني بهذا المجال وهذه بعض الاقتراحات
محتوى الموقع موجود في أعلى الضفحة
ممايسبب تجاهل ماكتب فيها
لذا ارى أن يتم إنزاله للأسفل قليلا
حيث توازي الوسط عمودياً
ثانياً يجب وضع شرح في الموقع عن يوزرات
وو ضع وصلة تؤدي إليها ووضع كل ماكان سابقاً
في الصفحة الر ئيسية
وأعتقد أن وجود كلمة إحصل على اليوزر
طويلة قليلاً أعتقد لو كان إحصل فقط أفضل
قلم الظل
أود أن اوضّح للجميع أن التطوير الذي قمت به كان نتيجة عمل لم تتعدّى الـ30 دقيقة، و كانت اصلاح لمشاكل قابلية الاستخدام فقط لا أكثر.
قلم الظل:
فكرة جميلة، لكن شخصياً أرى من الأفضل استمرار الشرح و مربّع البحث بشكل موحّد في جميع الصفحات.
و بالنسبة لتسمية الزر بـ”إحصل” فقط، فمشكلة تلك التسمية هي انها ليست واضحة خارج السياق، أي عندما يحاول الزائر استخدام النموذج الموجود في الصفحة مباشرة دون قراءة أي شيء آخر في الصفحة، و هو ما يحدث عادة حسب ما رأيت في اختبارات قابلية الاستخدام التي اجريتها سابقاً على مواقع أخرى.
كلام سليم و مقنع.
الأن يوضح الفكرة بشكل بسيط وواجهه أبسط
لكن عندي أقتراح بخصوص مربع البحث في يوزرات
لو انه ينزل تحت أكثر بحيث انه يكون بنص الصفحة يكون افضل لأني اشوف مساحه كبيره بالأفسل “فارغه” !
عمل رائع
عمل رائع !
ملاحظة
اضافة about .. يتكلم عن الموقع وعن المصمم
هناك مشكلة ان الموقع لا يقبل صيغة http://example.com
فيجل ازالة http:// في كل مرة يقوم المستخدم بنسخ ولصق دومين المنتدى
الموقع صار افضل و اوضح من اول
باقي شغلة لو تضيفها يصير الموقع افضل
اللي هي طريقة ترتيب النتائج تكون حسب اعلى نسبة تصويت او التاريخ و تقسيم النتائج الى صفحات
ما ادري اذا الموقع يحتاجها الآن او بعد فترة
مرحبا ،
بالنسبة لموقع يوزرات الرائع واجهت معه مشكلة بسيطة ولكنها وللوهلة الأولى كادت ان تجعلنى لا احبذ دخوله مره اخرى وهي :
مؤشر الماوس عند وضعه في الحقل المخصص لكتابة دومين الموقع ..فكل مرة يجب على مسح محتوى الحقل وكتابة اسم الموقع ..
اعتقد انكم لو قمتم بجعل محتوى الحقل الافتراضي يختفى بمجرد الضغط بالماوس داخل الحقل فسيحسن من قابلية استخدامه.
طبعا هذه المشكلة البسيطة جعلتى استفز كل مرة وبطريقة لم ادركها ولكن عندما فكرت في الامر وجدت السبب.
تحياتي
اود الاشارة انه في حال الضغط على “احصل على يوزر ” بدون ادخال اسم الموقع فسيظهر نتائج قد ادخلت بطريقة الخطأ او للإختبار ..
واعتقد انه لا يجب ان يعمل البحث طالما في وجود “example.com”
تعديلات رائعة جداً
أجدها مهمه عند الضغط على حقل example.com يتم إزالة الحروف للاستعداد للكتابة ففي حين الضغط عليها الأن يجب التحديد او مسح الحروف جميعها.
ملاحظة بسيطه اجدها مهمه,
والتعديلات التي عملتها رائعة جداً وجميلة شكراً لك مشهور.
الاقتراحات الأخرى أتفق مع أغلبها، لكنها ترجع لمطوّر الموقع بما أنها تحتاج بعض البرمجه. ما قمت به هو مجرّد مساعده بسيطه لتصحيح بعض الاخطاء.
يا سلاااااااام
ما هذه الأفكار النيرة .. جزاكم الله خيرا
فعلا مشكلة التسجيل هذه وعفوا للفظ متخلفة .. فما فائدة تسجيل قطيع من الأعضاء في منتدى دون ان يثمروا فيه هذا فضلا عن طريقة الإجبار السخيفة هذه
أحييكم بشدة
بقيت هناك مشكلة كبيرة في قابلية الاستخدام.
المشكلة ببساطة أنني لو قمت بنسخ اسم الموقع ووضعته في يوزرات مثل http://www.bramjnet.com/vb3
يخرج رسالة خطأ بسبب وجود http:
ومن المفترض أن لا يظهر ذلك
جميل جدا جدا ولكن اريد ان تئكد على عدم دخول المتطفلين واضافة يوزرات كازبة كاصحاب المنتديات واريد ان تضع خمة فلترة اليوزرات الكازبة واناى سوف اضع اغلب المنتدايات الى مشتركفيها والى الامام لخدمة ويب عربى بعيدا عن الاكراه وارجو عدم وضع اعلانات لعائد مادى اشكرك
التعليق متأخر نوعا ما,, لكن لدي ملاحظة احببت المشاركة بها,,
وضع نسبة اللي لقو الرابط شغال قد يعطي انطباع ان النسبة المتبقية وجدت ان الرابط لا يشتغل,, بينما انهم ببساطة لم يستجيبو للسؤال,,
ارى وضع عدد الاشخاص الي لقو الرابط شغال بدال نسبتهم
فيصل:
وهذا هو ما تعنيه النسبه في الحقيقه، فهي نسبة من صوّت بـ”نعم” فقط، اما البقيه فصوتوا بـ”لا”.
المعذرة على سوء الفهم
شكرا ..
ماذا لو كتبنا”استعر يوزر”!