التطويرات القادمة للموقع

كتبت سابقاً بخصوص مستقبل المدونة وانني اعمل على “شيء جديد” للموقع. اقتربت ان شاءالله من بداية عدة أشياء جديدة (كنت اعمل عليها في الفترة السابقة) لتنقل الموقع من مجرد مدونة الى شيء أكبر بشكل جديد وهوية جديدة.

سيكون هناك ثلاث تطويرات جديدة ان شاءالله:

  • قسم للخدمات الاستشارية يوفّر عدة خدمات  (بعضها بمقابل وبعضها بدون مقابل) لأصحاب المشاريع حتى وان كنت لا تملك الا الفكرة فقط. تركت وظيفتي مؤخراً لاتفرغ للاستشارات بالاضافة الى مشروع آخر أعمل عليه، فسأكون متوفراً لخدمة المهتمين بشكل شخصي ان شاءالله. (اذا كنت مهتماً من الآن يمكنك مراسلتي على mashhoor @ uxfix.com )
  • قسم للدورات التي سأعقدها قريباً ان شاءالله.
  • شيء لست مستعداً للاعلان عنه بعد لكن اعتقد انه سيفيد الكثير ان شاءالله.

بالاضافة الى معاودة الكتابة في المدوّنة بالطبع بما اني اصبحت املك المزيد من الوقت الآن.

ترقبوا بداية جديدة للموقع ان شاءالله في شهري أبريل\مايو 2012!

افضل طريقة لشرح فكرة موقعك للزوار الجدد

وصلني السؤال التالي من أحد قراء المدونة، وهو عن الشروحات التي يتم وضعها عادة في الصفحة الرئيسية في مواقع الانترنت لشرح فكرة الموقع:

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

الجواب القصير: لا

الجواب الطويل: اكمل القراءة…

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

متى تشرح الموقع بشكل مختصر

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

ولكن هناك حالات يجب أن تعتمد على الشرح المختصر فيها “فقط”، مثل اذا كان موقعك يقدّم خدمة بسيطة (مثل موقع تقصير الروابط bit.ly)، عندئذ يفضّل ان تكتفي بالشرح البسيط للخدمة فقط، وهذا ما قام به فعلياً موقع bit.ly:

بتلي

متى تستعين بالصور لشرح الموقع

أكمل قراءة بقية الموضوع »

فيديو: هل جهاز الكيندل فاير عملي؟ (Kindle Fire)

فيديو: مقارنة بين واجهتي جالاكسي اس٢ وجالاكسي نيكسس

قمت في هذا الفيديو بمقارنة الأنظمة الموجودة في جوالي جالاكسي اس ٢ (اندرويد ٢.٣) وجالاكسي نيكسس (٤.٠)، واستعراض بعض التطويرات الموجودة في واجهة نظام اندرويد الجديد.

تجربة تطوير تصميم نموذج “اتصل بنا”

هذا الموضوع من كتابة كاتب ضيف وهو الأخ حسام الدين

قبل فترة و قبل اطلاعي على مصادر قابلية الاستخدام “و منها هذه المدونة” قمتُ بعمل نموذج “الاتصال بنا” لـ أحد المواقع الخاصة بي .

نموذج الاتصال بنا - قبل التعديل

 

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

  1. لم يتم توضيح الخانات الإجبارية و الخانات الاختيارية، فـ قد يقوم المستخدم مثلاً بترك خانة فارغة لأنه يعتقد أنني لا أحتاج لمحتواها ثم يُفاجئ بالنظام يمنعه من إرسال الرسالة، مثال على ذلك خانة البريد الإلكتروني مثلاً قد يرغب المستخدم في إيصال رسالة لي و لا يهمه الحصول على الرد و من ثم يُفاجئ برسالة تطلب منه العودة وإدخال البريد الإلكتروني .
  2. خانة الموقع مبهمة بعض الشيء، فـ لم يتم توضيح هل هي لـ طلب عنوان الإقامة أو الموقع الإلكتروني، صديقي الذي أجريت عليه الاختبار كتب في هذه الخانة “القصيم” رغم أنني أقصد بها الموقع الإلكتروني (الخطأ مني لا منه).
  3. بعض الأشخاص قد يحتاج لمراسلة صاحب الموقع و هو لا يملك موقع إلكتروني و قد يضطر لتركها فارغة، و هنا لم يتم توضيح هل هي إجبارية أم اختيارية .
  4. لم يتم تحديد وقت معين للرد على الرسائل مما قد يؤثر سلباً على نفسية المستخدم و قم يجعله لا يقوم بإرسال الرسالة أصلا.

بعض الحلول المقترحة :

  1. إخبار المستخدم أنه يمكنه أن لا يضع البريد الإلكتروني في حال لم يرغب في الحصول على رد على رسالته .
  2. تحويل كلمة “الموقع” إلى “الموقع الإلكتروني”، ووضع http:// قبل الخانة للدلالة على أن المطلوب هو “رابط” .
  3. توضيح أن خانة الموقع “غير مطلوبة” أو “غير إجبارية” .
  4. تحديد وقت معين للحصول على رد على الرسالة، لـ تشجيع المستخدم لإرسال رسالته و تعزيز الثقة لديه بأنه سـ يحصل على الرد .

الشكل بعد التعديل :

نموذج الاتصال بنا - بعد التعديل

مُلاحظة : قمت بهذا التعديل عن طريق الفوتوشوب بشكل سريع، لكن يوجد طرق أفضل لـ عرض المطلوب بشكل جمالي بكل تأكيد :D .

خلاصة التجربة :

 

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

اكتشف الخطأ: موقع للتجارة الالكترونية

عند تصفّحي لاحدى مواقع التجارة الالكترونية، وجدت ان المنتجات في الصفحة الرئيسية يتم عرضها كالتالي:

صورة الموضوع

هل يمكنك اكتشاف الاخطاء الموجودة في طريقة العرض هذه؟ علماً بان “الحل” يوضّح 4 أخطاء في التصميم.

أظهر الحل »

الحل:

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

 

اكتشف الخطأ: الصفحة الرئيسية لموقع بنك البلاد

صورة للجزء الأعلى من الصفحة الرئيسية لموقع بنك البلاد، بعد ان فتحت قائمة “خدمات الأفراد”:

صورة الموضوع

اضغط الصورة لتكبيرها

توجد ثلاثة أخطاء -على الأقل- في التصميم، هل تستطيع تحديدها دون النظر الى الحل؟

أظهر الحل »

الحل:

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

 

اكتشف الخطأ: رسالة في موقع بنك الراجحي

صورة رسالة تظهر لك بشكل عشوائي عند تصفّحك لحسابك البنكي في موقع الراجحي:

صورة الموضوع

هل يمكنك معرفة الخطأ الموجود في التصميم دون النظر الى الحل؟

أظهر الحل »

الرسالة مكتوبة باللون الأحمر، مما يعطي انطباعاً بانها رسالة خطأ حدث في النظام.

لمزيد من التفاصيل يمكنك قراءة موضوع استخدامات الالوان الأحمر والأخضر والأصفر

 

بخصوص مستقبل المدوّنة

صورة الموضوع

آخر موضوع كتبته في هذه المدونة كان منذ أكثر من شهرين، مما دفع بعض القراء لمراسلتي والسؤال عن ما اذا كنت انوي الاستمرار في الكتابة بها. أكتب هذا الموضوع الآن لتوضيح سبب عدم نشر أي موضوع منذ فترة طويلة، وللتحدّث قليلاً عن مستقبل هذه المدونة.

عندما بدأت هذه المدونة، بدأتها رغبةً في نشر الوعي في هذا المجال، مجال تجربة المستخدم (user experience)، لعلها تساعد المطورين في تسهيل مواقعهم للناس كي تصبح أسهل وأمتع بالنسبة لهم.

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

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

حتى ذلك الحين سأقوم بنشر مواضيع خفيفة (لا تتطلب معرفة سابقة) بشكل مستمر في هذه المدونة ليستفيد منها القراء في تطوير مواقعهم.

شكراً لكل من سأل، واعتذر للجميع عن التوقف عن الكتابة في الفترة السابقة.

تغيير اسم وهوية الموقع

شعار الموقع الجديد

قمت – أخيراً – بالقيام بخطوة أفكّر القيام بها منذ فترة: تغيير اسم المدونة الى اسم أفضل واشمل.

قمت بهذا التغيير لعدة أسباب:

  • الاسم القديم (interfacefix) كان طويلاً ويسبب صعوبات للكثير من القراء الحاليين والجدد (كانت تُسمّى “فرفيكس”، “انترفيكس” …الخ)، فضلاً عن صعوبة كتابته بشكل صحيح.
  • بما انه كان اسماً طويلاً ومعقداً، فقد كنت اضطر الى اسم عربي مرادف (مدونة قابلية الاستخدام). الآن يمكنني استخدام اسم بسيط وموحد وهو UX Fix.
  • توجهي في المدونة لم يعد محصوراً على “قابلية الاستخدام” فقط، بل أصبح اشمل ليعم تجربة المستخدم كاملة (اقرأ الفرق هنا).
  • تجهيز الموقع لاشياء قادمة ان شاءالله لا يناسبها اسم الموقع القديم.

ما معنى ْUX Fix؟

UX هي الاختصار المعتمد لـUser Experience، اي “تجربة المستخدم”. اما Fix هنا فتعني “جرعه”. او يمكنك ان تنظر لها على انه “اصلاح” اذا لم يعجبك المعنى الاصلى. في كل الأحوال ما يهمني هنا هو أن يكون اسم قصير ومختصر وموّحد.

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

بالمناسبة، اذا كنت تتابع حساب الموقع في الفيسبوك، فارجو ان تقوم بمتابعة الحساب الجديد، لان فيسبوك لا يسمح لي بتغيير اسم الحساب ليطابق اسم الموقع الجديد.