لمستقبل تقني أبسط
هل قمت بتجربة خدمة Google Plus؟ ان كنت قمت بذلك، فلابد انك لاحظت تميّز الخدمة في صفحة “الدوائر” التي تسمح لك بتصنيف جهات الاتصال لديك في دوائر، كالتي ترى في الصورة:
اضغط الصورة للتكبير
هذه الطريقة أفضل من طريقة القوائم التقليدية الموجودة في فيسبوك او تويتر مثلاً، حيث انها جعلت عملية تصنيف جهات الاتصال عملية سهله وسريعه.
بعد استخدامي لتلك الدوائر لبعض الوقت، برزت عدة عيوب صعّبت بالنسبة لي موضوع التصنيف:
تستخدم مواقع البنوك المحلية عدة اجراءات لحماية حساب العميل. لكن هل فعلاً تلك الاجراءات تساعد في حماية حسابه؟ أم تجعل حياته أصعب؟ دعنا نستعرض بعضاً منها:
إلى وقت قريب كان موقع البنك الأهلي لا يسمح لك بادخال كلمة المرور الخاصة بحسابك الا عن طريق لوحة مفاتيح افتراضية (لوحة مفاتيح على الشاشة تستخدمها عن طريق الفأره او “الماوس”). لا أعلم ان كان هناك أي بنك لا يزال يستخدمها الى الآن، لكن عموماً هذه من اسوأ الطرق التي يمكن ان تُستخدم لادخال البيانات، فهي تبطيء المستخدم بشكل كبير، وتجعله يتردّد في العودة الى حسابه في المرات القادمة.
يتعذّر بعض المبرمجين بان لوحة المفاتيح الافتراضية تحمي المستخدم في حال كان جهازه مصاباً ببرنامج يقوم بالتنصّت على جميع ما يدخله في لوحة المفاتيح (الحقيقية)، لكن كم نسبة المستخدمين الذين يصابون بهذا النوع من البرنامج؟ وهل نقوم بتعقيد حياة الأغلبية من المستخدمين لاجل قلّة لا مبالية لم تهتم بتثبيت برامج مضاده للفيروسات في اجهزتهم؟
لا تزال الكثير من مواقع البنوك “تطردك” منها في حال “تهوّرت” واستخدمت زر العودة الى الخلف (Back) الموجود في المتصفّح. يدّعي الكثير ان هذه الطريقة تحمي المستخدم بحيث لا يمكن لشخص آخر يستخدم نفس الجهاز من استخدام زر العودة الى الخلف للعودة الى العمليات التي قام بها المستخدم والعبث بها (على افتراض ان صاحب الحساب لم يقم بتسجيل خروجه من حسابه).
هناك أيضاً من يقول ان التقنيات المستخدمه لبرمجة مواقع البنوك لا تدعم العودة للصفحة السابقة عن طريق المتصفّح.
في كلا الحالتين، اقترح طريقتين لحل تلك المشكله:
حسناً لنفترض انه لا يمكن حل المشكله بأي من هاتين الطريقتين. يمكن للموقع على الأقل تنبيه المستخدم عندما يستخدم زر العودة في المتصفّح بأن فعل ذلك سيتسبّب في خروجه من النظام، بحيث يتمكّن من التراجع عن ذلك والاستمرار في تصفّح حسابه وتنفيذ العمليات. ففي النهاية المستخدم اعتاد على استخدام زر العودة الى الخلف في الأغلبية العظمى من مواقع الانترنت دون أية مشاكل.
هذه المشكله خاصة بالبنوك التي تملك موقعاً قديماً “أكل عليه النت وشرب” مثل موقع بنك الرياض. لا أصدّق انه لا يزال هناك موقع بنك (أو اي موقع آخر في الحياة) يجبر مستخدميه على استخدام متصفّح معيّن.
بعض مدراء المواقع البعيدين جداً عن الانترنت يعتقدون انه يجب ايجاد معايير ومقاييس معينه لتطوير موقعهم، وهو أمر جميل، لكن الاعتقاد ان دعم متصفّح واحد فقط لضمان أعلى جوده ودرجة أمان ممكنه هو ضمن احد تلك المعايير والمقاييس هو أمر في قمة الكلمة التي لا استطيع كتابتها هنا.
أقول لهذا النوع من المدراء (بالعامّي): “من جدّكم؟”. لن اتحدّث عن نسبة الناس الذين يستخدمون متصفّحي فايرفوكس وكروم، فنحن في عام 2011 ولسنا في عام 2000، أي ان دعم الثلاث متصفّحات تلك (اكسبلورر، فايرفوكس، كروم) بشكل كامل هو أمر بديهي لا يحتمل النقاش، ولا يوجد مبرّر لعدم دعم أي واحد منها (قد استثني اكسبلورر 6 من هذه الجمله، لان فعلياً لا يستحق الدعم).
اذا كنت في السعودية، فعلى الأغلب البنك الذي تتعامل معه يجبرك الآن -كخطوة اضافية- على ادخال كلمة مرور مؤقته يرسلها عن طريق رسالة نصيه الى جوالك. ليس لدي اعتراض على هذه الخطوة الاضافية بحد ذاتها، ولكن بعض البنوك تعقّد كلمة المرور المرسلة بشكل ليس له أي داع.
على سبيل المثال، عند محاولتي الدخول لحسابي في البنك الأهلي، يرسل لي البنك رسالة نصية تحتوي على كلمة مرور مكونه من 6 أرقام. بينما يرسل لي بنك الراجحي في الخطوة ذاتها كلمة مرور مكونة من 4 أرقام. قد يبدو الفرق بسيطاً هنا (رقمين فقط)، لكن فعلياً عملية الدخول لحسابي في البنك الأهلي أصعب بشكل ملحوظ من عملية الدخول لحسابي في بنك الراجحي، اذ ان حفظ وادخال 4 أرقام أسهل بكثير من حفظ وادخال 6 أرقام جديدة في كل مره تدخل بها الى حسابك.
في نهاية الأمر هي كلمة مرور مؤقته يفترض ان صلاحيتها ستنتهي في فترة قصيرة جداً، فلماذا تكون طويلة أصلاً؟ ماهي نسبة معرفة أحد الاشخاص لكلمة مرور الحساب وتخمين كلمة المرور المؤقته في الوقت ذاته؟
تتبع بعض البنوك (أو كلها؟) اسلوب تفعيل المستفيد (الشخص الذي ستقوم بتحويل الأموال له) عن طريق الاتصال على رقم البنك من رقم هاتفك المسجّل بحسابك بعد أن تضيفه في الموقع، ومن ثم تقوم بتفعيله عن طريق الهاتف المصرفي كاجراء اضافي لحماية حسابك من تحويل المتطفلين لاموالك الى حسابات أخرى.
حسناً، جميل، ماذا لو كنت مسافراً خارج المملكة؟ والأسوأ: ماذا لو كنت أدرس خارج المملكة وأملك حسابي في البنك المحلي؟ لماذا لا يرسل البنك كلمة مرور مؤقته في رسالة نصّية الى الجوال المسجّل تسمح بتفعيل المستفيد بما ان الجوال هو وسيلة التحقّق هنا؟
أظرف اجراء حمايه واجهته هو الاجراء الموجود في موقع البنك الأهلي. فعندما أرغب في التحويل الى حساب آخر، لا استطيع أن “ألصق” (paste) رقم حساب نسخته من رسالة ايميل مثلا، لا استطيع أن “ألصقه” في خانة رقم الحساب في موقع البنك، لان موقع البنك لا يسمح بذلك، بل يجبرك على كتابته (24 حرف ورقم) بشكل يدوي، مما يرفع من نسبة خطأك عند نقلك لرقم الحساب (ويرفع ضغطك أيضاً).
لا أعلم سبب قيامهم بذلك، ولا أستطيع أن أجد أي مبرّر له، ولكن قد يكون المبرمج الذي أضاف هذه الخاصية يعتقد ان كلما عقّدت حياة المستخدم، كلما أصبحت أكثر أماناً.
لا تجعل أي موقع أو جهة توهمك ان التعقيدات الموضوعه في طريقك هي اجراءات أمنيّة. كثير من هذه المواقع (حتى مواقع البنوك) فعلياً تقوم بتقليد المواقع الأخرى في نفس المجال فقط على افتراض انها تقوم بممارسات صحيحة يجب اتباعها، وهذا ما صارحني به عدة أشخاص عملوا على تطوير مواقع بعض البنوك المحلية.
اذا كان اي موقع يجعلك تتردّد في استخدامه، أو يقوم بالتأثير سلباً على مزاجك عند استخدامه، فهو ببساطة موقع سيء.
بالطبع تظل هناك اجراءات أمنية حقيقيه (مثل ارسال كلمة مرور مؤقته على جوالك) تقوم بحماية المستخدمين بشكل أفضل، لكنها لا يجب أبداً ان تصل الى المرحلة التي تشكّل بها مصدر ازعاج للمستخدم. يمكن دائماً الوصول الى حل وسط يضمن الحماية وسهولة الاستخدام للمستخدم.
هل هناك “طرق حماية” أخرى لم أذكرها في هذا الموضوع؟ شاركنا بها في التعليقات.
ألقيت مؤخراً في اجتماع رياض قيكس الشهري محاضرة بعنوان “5 مفاهيم خاطئه عن التصميم قد تقتل مشروعك”.
الفيديو عباره عن 25 دقيقه (المحاضره نفسها) بالاضافة الى الاسئلة والاجوبه التي تلت المحاضرة. اتمنى ان تجدها مفيدة.
في حال كانت لديك أية اسئلة أو ملاحظات، فلا تتردّد بكتابتها في التعليقات.
لفت انتباهي ليلة أمس عند تصفحّي لاحدى المواقع طريقة تصميم الألسنه (tabs) في احدى المواقع. كنت استعرض جدولاً زمنياً لمناسبة معيّنة، ولم أستوعب كيف تمكّنت من فتح محتوى لسانين في نفس الوقت (“اليوم الثاني” و “اليوم الثالث”):
اعتقدت بداية انه خلل في تصميم الموقع، ولكن بعد استخدام الألسنة اكتشفت ان المصمّم قرّر أن يقلب الطريقة التي تعمل بها الألسنة عادة بحيث يصبح لسان القسم الذي تستعرضه باللون الرمادي! بينما فعلياً يجب ان يكون لون لسان القسم الذي تستعرضه بالأحمر بما ان اطار المحتوى باللون الأحمر.
العجيب ان تصميم الألسنة مقتبس أصلاً من حياتنا اليوميه، مثل هذا النوع من الدفاتر:
ومن البديهي جدا ان يكون اللسان الذي تستعرضه هو ملتصقاً بالصفحه ليبدو كعنوان لها، بينما يظهر شكل باقي الألسنه منفصلاً عن الصفحة الحالية.
كانت “شطحه” في التصميم، لا أعرف كيف حدثت، ولكنها بلا شك احدى الحالات التي تؤكد على أهمية رجوع المصمّمين الى أنماط التصميم، ولو استعرض هذا المصمّم نمط الألسنه قبل البدء بتصميمه لتمكّن من تصميمها بشكل أكثر فعاليه وسهوله.
ذهبت هذا الشهر الى ورش عمل على مدى 4 ايام تسمى “UX Intensive” تقوم بها احد اشهر الشركات في مجال تجربة المستخدم (User Experience) وهي شركة Adaptive Path. ورش العمل هذه تستهدف المتخصصين وغير المتخصصين في هذا المجال على حد سواء طالما انك تملك خبره في تطوير التطبيقات سواء كمدير او كمصمّم او كمبرمج (والتطبيقات هنا قد تكون تطبيقات انترنت او تطبيقات جوال). أحببت ان اكتب شرحاً مبسطاً عن ورش العمل هذه واختصر تجربتي بها، لعلها تفيدك في حال رغبت في حضورها في السنوات القادمة.
انقسمت ورش العمل الى 4 ايام، كل يوم يركز بشكل كامل (ولمدة 7 ساعات) على موضوع معين مرتبط بتطوير التطبيقات:
كل يوم عمل يحتوي على عدد جيد من التمارين التي بلا شك سترهقكك، ولكن هذه ميزه بالطبع.
مع ان أيام ورش العمل متسلسلة في المواضيع، الا ان عدم حضورك أي من تلك الأيام لن يؤثر على فهمك للأيام التي ترغب في حضورها. بما انني حضرت جميع الأيام، سأقوم بتقييمها بشكل سريع وتحديد من تلك الأيام التي قد تكون مناسبه لك حسب دورك في التطبيق الذي تعمل عليه:
هناك الكثير من الأشياء التي نستخدمها في حياتنا اليوميه (في الانترنت وخارج الانترنت) التي تكون مرفقة عادة بارشادات توضّح طريقة استخدامها.
هذه طريقه تقليديه للتصميم: صمّم شيئاً، ارفق ارشادات الاستخدام معه، ودع المستخدمين يتبعونها.
المشكلة اننا جميعاً لا نحب قراءة ارشادات الاشياء قبل استخدامها، وبالتالي قد نقع في مشاكل كثيرة اذا كان ما نستخدمه معقّد الى درجة انه يتطلّب منا كمستخدمين قراءة ارشاداته أولاً. لذلك هناك طريقة أذكى للتصميم، وهي ان تجعل تصميم الشيء نفسه يرشد المستخدم الى (أو يعطه تلميحات عن) كيفية استخدامه.
قد تتسائل “كيف يحدث ذلك؟ لم أستخدم شيئاً كهذا من قبل”، ولكن في الواقع سبق لك ان استخدمت العديد منها.
على سبيل المثال، لابد انك قمت باستخدام مقص كهذا من قبل:
لنقوم بتحليل بسيط لتصميم هذا المقص: هناك شفرتين حادتين في هذه الأداة، اذن لابد انها لقص (أو قطع) الأشياء. مقابض هذه الآله الحاده تحتوي على فتحتين واحده صغيره والأخرى كبيره، وهذا يساعد المستخدم بشكل غير مباشر على استنتاج انه يجب ان يدخل اصبعاً واحداً في الفتحة الصغيرة للآله، وعدة أصابع في الفتحة الكبيره للامساك بها واستخدامها.
هناك أيضاً أشياء تجبر المستخدم على استخدامها بالشكل الصحيح دون الاعتماد على الارشادات، فجهاز المايكرويف مثلاً لا يعمل الا بعد اغلاق الباب الخاص به.
هذا باختصار ما أعني بالارشادات الضمنيه.
هناك أشياءاً أخرى صمّمت بشكل غير مناسب يحتوي على ارشادات ضمنيّه خاطئه (أو غير مقصودة). على سبيل المثال، سافرت مؤخّراً على متن الخطوط السعودية في رحلة دولية. يقومون عادة في تلك الرحلات بتوزيع سمّاعات على المسافرين حتى يتمكّنون من استخدامها مع النظام الترفيهي للطائرة، ولا يقومون بتوزيع أي نوع آخر من الاكسسوارات التي تستخدم مع النظام الترفيهي.
هذا هو شكل النظام الترفيهي:
للمهتمين في مجال الموقع، سأكون ان شاءالله أحد المتحدّثين الاسبوع القادم في مؤتمر عرب نت في يومه الأول الموافق الثلاثاء 22 مارس. خُصّص لي 20 دقيقة سأتحدث بها عن لماذا يجب على الشركات الناشئة (startups) الاهتمام بتطوير تجربة المستخدم (user experience)، مع وجود وقت مخصّص للاسئلة (من ضمن العشرين دقيقة). ما زلت أعمل على العرض التقديمي الخاص بي ولم انته منه بعد، لذلك لا استطيع تحديد تفاصيله الآن، ولكن سأحرص كل الحرص على:
ان كنت ستحضر المؤتمر، فسأتشرف بلقائك هناك. وان كنت ترغب في الحضور (المؤتمر في لبنان بالمناسبه) فيمكنك التسجيل عن طريق الموقع (نموذج التسجيل في أسفل الصفحة الرئيسية).
سأبتعد قليلاً في هذا الموضوع عن مواقع الانترنت لأتحدّث عن الأجهزة، وتحديداً أزرار الأجهزه!
ما أثار اهتمامي في هذا الموضوع هو طريقة تغيير اعدادات شاشة الكمبيوتر الخاص بي في العمل. لكن قبل أن اتحدّث عن تلك النقطه، دعنا نلقي نظره على الأزرار التي نجدها في الشاشات التقليدية لاجهزة الكمبيوتر:
كما ترى تحتوي هذه الشاشة على 5 أزرار:
بعض الأزرار هنا مبهمه ولا يمكنك تمييز وظيفتها. ماذا سيحدث عندما اضغط ازرار السالب والموجب؟ هل سيتم تغيير درجة الصوت؟ ولكن الشاشة لا يوجد بها سماعات! ماذا لو ضغطت زر القائمه ورغبت في تصفّحها، هل زر الموجب يعني التحرّك الى الأعلى أم الأسفل؟ ما فائدة زر الرجوع بما انه لا يعمل أساساً قبل أن افتح القائمه؟
كما ترى هناك مشكلتين في هذا النوع من واجهات التحكّم:
عودة لشاشتي: لاحظت اليوم ان الشاشة التي استخدمها في العمل تحل هذه المشكله بطريقة مثيره للاهتمام، فالشاشه تحوي نفس العدد من الأزرار الموجود في الشاشة السابقة (4 أزرار + زر التشغيل)، لكن الأربع أزرار الاضافية هنا منقّطة ولا يوجد عليها أي أيقونة تدل على وظيفتها:
تتبع كثير من المواقع الحديثه طريقه جميله لتشجيع الزوّار الجدد على التسجيل، وتقوم بذلك عن طريق السماح للزائر بتنفيذ العملية التي يريدها، ومن ثم عرض نموذج تسجيل عضويه في الموقع قبل اتمام العملية.
لنوضّح الفكرة بمثال: موقع فورم سبرينغ (formspring) هو موقع يتيح لك التسجيل للحصول على صفحة تستقبل عن طريقها الاسئلة لتجيب عليها، سواء كانت تلك الاسئلة من أشخاص آخرين أو اسئلة عشوائية ينشأها لك النظام نفسه.
كيف يشجّعك الموقع على التسجيل؟
ببساطة يطرح عليك سؤالاً عشوائياً في واجهة الموقع بمجرّد زيارته:
صورة من موقع فورم سبرينغ
تجيب على السؤال المطروح، وبمجرد ضغطك زر Save your answer (احفظ اجابتك) سيطلب منك التسجيل للقيام بذلك:
صورة من موقع فورمسبرينغ
وبمجرد قيامك بالتسجيل ستحصل على حسابك مع السؤال الذي اجبت عليه، وسيكسب الموقع عضواً جديداً.
يمكن للمنتديات مثلاً الاستفادة من نفس الفكره في أن تتيح للزوّار كتابة المواضيع والردود دون الحاجة للتسجيل، ولكن لا يتم نشر الموضوع أو الرد قبل أن يقوم العضو بتسجيل حسابه.
هناك بعض المواقع (مثل مواقع التسوّق أو مواقع حجوزات الفنادق والسفر) التي تقوم بنفس الفكرة ولكن بالاضافة الى ذلك تجعل عملية التسجيل اختياريه. فتتيح لك شراء السلع وتعبئة بياناتك (بيانات الدفع والشحن) في كل مره، وتعرض عليك التسجيل اختيارياً حتى توفّر على نفسك عناء تعبئة البيانات كل مره، أو حتى يصبح تتبّعك لما تشتريه اسهل مثلاً.
ما الذي يجعل تأجيل عملية التسجيل أكثر فعالية من طلب التسجيل أولاً؟
عدة أمور:
ان كنت تملك موقعاً يتطلّب التسجيل، فاقترح اعادة النظر في عملية التسجيل ومحاولة طلبها من الزائر عند وجود حاجة فقط.
اذا كانت لديك اسئلة أو اضافات، فلا تتردد بكتابتها في التعليقات.
أعاني في الفترة الأخيرة من ضيق الوقت الشديد في يومي بسبب عملي على أكثر من مشروع، ولاحظت ان من أكثر الأشياء استهلاكاً للوقت التي أعمل عليها هو الكتابة في هذه المدوّنة. فالموضوع عادة يتطلب عدة ساعات لمراجعة المعلومات المذكورة به من أكثر من مصدر وأكثر من رأي (حتى يصبح دقيقاً قدر الامكان)، وان كان الموضوع يتطلّب استخدام صور فسيستغرق البحث عن أمثلة وصور مناسبة وقتاً أطول أيضاً.
لذلك بعد تفكير طويل قرّرت عدم الالتزام بكتابة موضوع اسبوعي كما أقوم عادة، وسأكتفي بالكتابة كلما وجدت وقتاً كافياً. قد يعني ذلك موضوعاً أو أكثر في الأسبوع، أو موضوعاً واحداً في الشهر، لا استطيع تحديد ذلك حقيقة، ولكن في كل الأحوال اعتقد ان جودة المواضيع ستصبح أفضل حيث انني لن اصبح “مجبراً” ضمنياً على كتابة موضوع، خاصة انني كتبت وبحمد الله أكثر من ١١٠ موضوع في هذا المجال، ولم يعد التفكير في موضوع جديد أمراً سهلاً.
في الفترة المقبلة سأقوم بتركيز جهودي على تطبيق انترنت استعد لاطلاقه قريباً، بالاضافة الى مشاريع أخرى منها ما يخص مجال هذه المدوّنة مما اعتقد انه سيفيد المهتمين به كثيراً وستساهم أيضاً في نشر هذا المجال بشكل أكبر.
لن اتوقّف بإذن الله عن الكتابة هنا، فكل مافي الأمر انني لن ألتزم بنشر موضوع كل يوم سبت، وسأنشره متى ما استطعت أو متى ما توفّرت فكرة جديدة لموضوع أعتقد انه سيكون مفيداً للقرّاء.
