أرشيف شهر أكتوبر, 2009
قمت ليلة أمس بتطوير قابلية استخدام واجهة موقع يوزرات كدعم لهذا المشروع المميّز الذي يهدف إلى حل مشكلة كبيرة في المحتوى العربي على الانترنت، و أحببت أن أشاركك بالتغييرات التي قمت بها وأسباب تلك التغييرات لتعم الفائدة.
تبسيط الصفحة الرئيسية
الصفحة الرئيسية القديمة
كانت الصفحة الرئيسية تحتوي على الكثير من المعلومات المتعلّقة بالموقع، و لكن ما يهم الزائر فعلياً هو ما يوضّح له فكرة الموقع و يساعده على البدء في استخدامه فقط. ما قمت به هو ازالة جميع تلك المعلومات و الاكتفاء بشرح بسيط في الاعلى قبل مربّع البحث. امّا باقي خصائص الموقع فيمكن للزائر أن يكتشفها خلال استخدامه للموقع. لا داعي لشرح جميع خصائص الموقع مقدّماً قبل أن يبدأ الشخص في استخدامها. بعد ازالة المعلومات الاضافية من الصفحة الرئيسية، أصبح شكلها كالتالي:
أكمل قراءة بقية الموضوع »
مصنف في قابلية الاستخدام, مشاريع | 25 تعليقات »
صورة من احدى المنتديات
و بالمناسبة، “الموضوع الهام” هو اعلان لافتتاح قسم جديد فقط.
أتمنّى أن أفهم كيف يفكّر أصحاب المنتديات…
مصنف في تجربة المستخدم, قابلية الاستخدام | 19 تعليقات »
توقّف عمل الموقع اليوم الخميس من الساعة 3 عصراً و لمدّة 6 ساعات تقريباً. سبب الخلل هو مشكلة فنيّة عند الشركة المستضيفة للموقع تسبّبت في مسح البيانات، ممّا أجبر الشركة أن تستخدم نسخة احتياطية للبيانات أُنشأت يوم أمس.
لم تتأثر بيانات الموقع و لله الحمد، و لكن فُقدت آخر عدّة تعليقات من الموضوع السابق. و في حالة قمت بمراسلتي خلال فترة تعطّل الموقع، فارجو منك اعادة ارسال رسالتك مرّة أخرى.
أعتذر عن هذا الخلل.
مصنف في تحديثات الموقع | لا يوجد تعليقات »
سلسلة “أين المشكلة؟” هي سلسلة خفيفة تحتوي مواضيعها على صورة من موقع أو تطبيق، و المطلوب منك اكتشاف مشكلة أو أكثر في الصورة المتضمّنة من ناحية قابلية الاستخدام. قد تكون المشكلة خلل واضح في قابلية الاستخدام، أو طريقة غير عملية لعرض المحتوى، أو غير ذلك.
صورة اليوم هي من موقع مكتبة جرير:
اضغط الصورة لعرضها بحجمها الطبيعي
أين المشكلة؟
مصنف في تجربة المستخدم, قابلية الاستخدام | 17 تعليقات »
أطلق موقع الـfacebook قبل عدّة أيام تحديث جديد يضيف خاصية Live Feed للصفحة الرئيسية لحسابك في الموقع، ويبدو أنهم قرّروا في هذا الخاصيّة حشر كل ما يفعله أصدقائك في نفس الصفحة، لتبدو في النهاية كالتالي:
النظام الجديد للصفحة الرئيسية
و ان كنت مثل معظم المستخدمين، فانك ستجد هذا التحديث يجعل الصفحة تبدو “مزدحمة”، مع أن المعلومات معروضه بشكل بسيط و تم استخدام الكثير من المساحة البيضاء. فما الذي يجعلها تبدو مزدحمة؟
أكمل قراءة بقية الموضوع »
مصنف في تجربة المستخدم, قابلية الاستخدام | 11 تعليقات »
“أين المشكلة؟” هي سلسلة خفيفة جديدة سأبدأ في تقديمها في المدوّنة. كل موضوع سيحتوي على صورة من موقع أو تطبيق، و المطلوب منك اكتشاف المشكلة الموجودة في الصورة (من ناحية قابلية الاستخدام). قد تكون المشكلة خلل واضح في قابلية الاستخدام، أو طريقة غير عملية لعرض المحتوى، أو غير ذلك.
نبدأ السلسلة بصورة من منتديات سوالف سوفت:
اضغط الصورة لعرضها بحجمها الطبيعي
أين المشكلة؟
مصنف في قابلية الاستخدام | 17 تعليقات »
التصميم القديم لصفحات المطاعم. اضغط للتكبير.
أطلقنا ليلة أمس تحديثاً ضخماً لموقع قيّم يتضمّن الكثير من التطوير لأساسات الموقع. أبرز ما شمله هذا التحديث هو تطوير صفحات المطاعم من ناحية قابلية الاستخدام بناء على نتائج اختبارات قابلية الاستخدام التي اجريناها على الموقع قبل عدة أشهر. قمنا بالعديد من التغييرات و التطويرات في الصفحة، و سألخّص في هذه التدوينة أبرز التغييرات التي اجريناها:
ازالة ألسنة تصفّح ألأقسام الفرعية للصفحة
ألسنة تصفّح الأقسام الفرعية في التصميم القديم
في السابق كانت هناك ألسنة تستخدم لتصفّح الأقسام الفرعية لكل مطعم. و بما أن المستخدمين يمكنهم بكل سهولة الوصول لتلك الأقسام دون استخدام الألسنة، فرأينا من الأفضل ازالتها لزيادة بساطة الصفحة.
تطوير نظام التصويت
أحد أبرز المشاكل التي واجهها المستخدمين في اختبار قابلية استخدام الموقع هو عدم فهم نظام التصويت بشكل عام، من كيفية التصويت للمطعم إلى كيفيّة معرفة انطباع الناس عن المطعم من مجموع النقاط التي حصل عليها.
ما قمنا به هنا هو وضع “يعجبني” و “لا يعجبني” بجانب ازرار التصويت، و تغيير شكلها لتصبح بارزه و “قابلة للنقر” أكثر. كما قمنا بوضع اضافة بسيطة بجانب النقاط (كم عضو أعجبه المطعم و كم عضو لم يعجبه) لنعطي للنقاط معنى أوضح.
نظام التصويت الجديد (يمين) و نظام التصويت القديم (يسار)
أكمل قراءة بقية الموضوع »
مصنف في مشاريع | 7 تعليقات »
في أحد الوظائف التي عملت بها سابقاً، قمت بتصميم موقع للقسم الذي أعمل به هدفه توفير معلومات عن القسم و معلومات الموظّفين و نسخ الكترونية من النماذج التي نستخدمها عادة في القسم.
أُعجب مديري المباشر بهذه المبادرة، و لكن كانت لديه ملاحظه بسيطه على التصميم و هي “لا يبدو تصميم الموقع حي”. و عندما سألته عن قصده قال “أي لا وجد مثلا بانر فلاشي متحرّك أو شيء من هذا القبيل، كل شيء ثابت و كأني اتصفّح جريدة و ليس موقع انترنت”.
لم تكن تلك المرّة الأولى التي اسمع بها تلك الملاحظة، فدائماً أسمعها في اجتماعات مع أصحاب المواقع سواء كانوا أفراد أو شركات، الكل يريد أن يصبح موقعه “حيّاً” و مليء بالاشياء المتحركة و المثيرة.
لكن لو تمهّلت قليلاً و فكّرت في الأمر: متى كانت آخر مرّة تركت فيها موقعاً بسبب كونه “ميّتاً”؟ و لِم لَم تقم شركات مواقع ضخمة و مشهورة مثل facebook و twitter و YouTube بـ”احياء” واجهات مواقعها على الانترنت؟ و لِم لَم نأبه نحن بهذه “المشكلة” عند استخدامنا لتلك المواقع بشكل يومي؟
أكمل قراءة بقية الموضوع »
مصنف في تجربة المستخدم, قابلية الاستخدام | 11 تعليقات »
راسلني أحد القرّاء يقترح تغيير ترجمة مصطلح Information Architecture في المدوّنة من “هيكلة المعلومات” الى “بناء المعلومات”، لأن “بناء” هي الترجمة الصحيحة لكلمة Architecture.
لا أعلم حقيقة لم قررت استخدام “هيكلة المعلومات”، قد يكون بناء على فهمي لفكرة مجال الـInformation Architecture، و ليس ترجمة حرفيّة للمصطلح. فكما كتبت في موضوع “ماهي هيكلة المعلومات؟”، مصطلح “هيكلة المعلومات” يعني:
تصنيف وعنونة و تنسيق كمّ من المعلومات بشكل واضح و منطقي يساعد الباحث عن المعلومة في الوصول إلى المعلومة التي يبحث عنها بسهولة.
فماهي في نظرك الترجمة الأفضل لمصطلح Information Architecture؟ هيكلة المعلومات؟ بناء المعلومات؟ شكل المعلومات؟ أو مصطلح آخر ربما؟
و عندما أقول “الأفضل”، فانا أعني الترجمة التي توضّح فكرة المجال، و هي ليست بالضرورة ترجمة حرفيّة.
شاركنا برأيك في التعليقات.
مصنف في تحديثات الموقع, هيكلة المعلومات | 29 تعليقات »
انتشرت في الآونة الأخيرة الهواتف والأجهزة الكفية المزوّدة بتقنيات الجيل الثالث و معها زاد استخدام الانترنت عن طريقها. و لصغر حجم الشاشات في الأجهزة الكفية و اختلاف ادوات الإدخال فقد ظهرت الحاجة لوضع قواعد لتسهيل استخدام المواقع على هذه الأجهزة، و هذا ما قامت به W3C (المنظّمة المسؤولة عن وضع المواصفات و المقاييس للويب). سأذكر في هذه التدوينة بعض النقاط المستخلصة و بعض القرارات التي غلبت على تصاميم المواقع المخصصة للأجهزة الكفية.
المشكلة
- الأجهزة الكفية تحتوي على وسائل إدخال محدودة تعتمد عل النقر أو ضغط الأزرّه فقط، و لا تدعم حركة للفأرة و ما شابه.
- الأجهزة الكفية تحتوي على أزرار محدودة أو عدم وجود أية أزرار أحياناً.
- الأجهزة الكفية تعرض المواقع على شاشات صغيرة نسبياً و تتفاوت حجمها باختلاف الجهاز.
- نقل البيانات باستخدام الأجهزة الكفية يعتبر مكلف نسبياً في معظم دول العالم و هو أبطأ نسبياً و أقل استقراراً من الانترنت المنزلي.
- مستخدم الأجهزة الكفية –في الغالب- مستعجل و يريد البحث عن المعلومة في أسرع وقت ممكن.
- انعدام دعم بعض التقنيات مثل الفلاش في معظم الأجهزة الكفية الحالية. (قد يتغير في المستقبل القريب)
بعض الحلول و المقترحات
أكمل قراءة بقية الموضوع »
مصنف في قابلية الاستخدام | 15 تعليقات »
