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

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

الصفحة الرئيسية السابقه لقيّم (بعد التعديل)
الصفحة الرئيسية الأولى تلك صممتها كتعديل أو تطوير مؤقّت لتسبتدل الصفحة القديمة التي كانت أكثر تعقيداً وازدحاما:

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

الصفحة الرئيسية الحالية بعد التعديل (اضغط الصورة للتكبير)
وبذلك نكون قد تخلصنا من احدى أهم المشاكل في واجهة الموقع. وما تراه لن يكون الشكل النهائي بالطبع، فتطويرنا لواجهة الموقع يتم على شكل “جرعات” مستمره حسب الحاجة وحسب كيفيّة تعامل الزوّار والأعضاء التغييرات الجديدة (التي يمكننا معرفتها من خلال احصائيات الموقع).
ما رأيك في هذا التغيير؟ هل ترى أنه للأفضل؟
وان كنت ترغب المزيد عن تفاصيل هذا التطوير وأسبابه، فلا تتردّد بسؤالي في التعليقات.
مصنف في مشاريع | 11 تعليقات »
قمت ليلة أمس بتطوير قابلية استخدام واجهة موقع يوزرات كدعم لهذا المشروع المميّز الذي يهدف إلى حل مشكلة كبيرة في المحتوى العربي على الانترنت، و أحببت أن أشاركك بالتغييرات التي قمت بها وأسباب تلك التغييرات لتعم الفائدة.
تبسيط الصفحة الرئيسية

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

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

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

نظام التصويت الجديد (يمين) و نظام التصويت القديم (يسار)
أكمل قراءة بقية الموضوع »
مصنف في مشاريع | 7 تعليقات »
يسألني الكثير عن أفضل المصادر لتعلّم قابلية الاستخدام، و هذا ما سأكتب عنه في هذه التدوينة. و لكن قبل ان اقوم بذلك، هناك نقطتين مهمتين يجب ان تراعيها قبل خوضك في هذا المجال:
- جميع المصادر مكتوبة باللغة الانجليزية. حسب علمي لا يوجد مصدر أي عربي متخصص في هذا المجال عدا هذه المدونة.
- تعمّقك في هذا المجال لن يساعدك في الحصول على وظيفة او يميّزك عن غيرك في سوق العمل العربي عموما و السعودي خصوصا، فالاهتمام في قابلية الاستخدام يكاد يكون معدوما في الدول العربية.و لكنه بالتأكيد سيساعدك في صناعة منتجات و برمجيات افضل سواء لك او للجهة التي تعمل بها.
- على الأغلب، لن تجد أي من الكتب المتعلقة في هذا المجال في الدول العربية. قد تظطر الى استيرادها من الخارج كما أفعل.
و بما ان المجال يهم الكثير من المهتمّين بتطوير البرمجيات و المواقع بمختلف وظائفهم، فقد قمت بتقسمين المصادر الى قسمين:
- قسم المبتدئين: و هي مصادر خفيفة تفيد من يريد البدء في تعلّم هذا المجال، او اي شخص لا يريد التعمّق فيه، خاصة مدراء المواقع و مسؤولي التسويق و المبيعات و ما الى ذلك.
- قسم المحترفين: و هي مصادر دسمة لمن يرغب في تعلّم تفاصيل أكثر عن هذا المجال.
أكمل قراءة بقية الموضوع »
مصنف في قابلية الاستخدام, مشاريع | 12 تعليقات »

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