06 April 2006
كتاب : Web Usability Guide
اليوم قمت بقراءة كتاب Web Usability Guide الكتاب صغير يتحدث عن عدد من النقاط سأقوم بترجمة ثلاث نقاط ونقطة اختبارات قابلية الاستخدام أنوي الكتابة عنها بشكل مفصل لكن ليس في الوقت الحالي .
أساسيات قابلية الاستخدام
قابلية الاستخدام هو أن تجعل المستخدمين يجدون مايريدون بسرعة و كفاءة . فالموقع يجب أن يكون سهل في التصفح ,الأشخاص على الإنترنت اعتادو على طرق في الإبحار وتصاميم معروفة مثل :
- - الشعار يكون في الجزء الأيمن العلوي للمواقع العربية .
- - شريط التنقل في جميع الصفحات بنفس المكان وقريب من المحتوى .
- - كل ما يوضع فوق الشعار يعتبر إعلانات في الغالب .
- - استخدم المصطلحات المتعارف عليها كمثل "الرئيسية" و "من نحن" و غيرها الكثير فهي مألوفة لدى المستخدمين .
اجعل صفحات الموقع سريعة التحميل أثبتت دراسات قابلية الاستخدام أن معدل انتظار المستخدم لتحميل أي صفحة هو 8.6 ثانية . يمكنك قراءة الكتب أو البحث في الإنترنت عن مقالات تتحدث عن طرق التسريع .
اجعل المعلومات سهلة الاسترجاع قراءة صفحات الويب تختلف تماماً عن قراءة الكتب المطبوعة فمثلاً نحن بشكل عام لا نقرأ كلمة كلمة وغالباً ما نقوم بمسح سريع مركزين على أشياء مميزة كمثل :
- - العناوين .
- - الروابط التشعبية .
- - الخط العريض .
- - القوائم بأنواعها .
في القائمة السابقة لم يتم وضع الصور لسبب بسيط وهو أننا نرى النصوص قبل الصور على الإنترنت , لذا حاول أن لا تضع المعلومات الهامة على صور .
لا تقيد المستخدم لا تمنع زوار موقعك من التصفح بالطريقة التي يرغبون فيها فمثلاً لا تجعل الرابط يفتح في نافذة جديدة لعدة أسباب منها أن هذا الشيء يعطل زر Back وهذا الزر مهم فـ 60% من الأشخاص يستخدمونه كزر أساسي أثناء التصفح. لا تستخدم الإطارات في تخطيط موقعك فهي تسبب مجموعة من مشاكل قابلية الاستخدام منها :
- - تعطيل زر Back .
- - لا يمكن إرسال رابط الصفحة إلى أي شخص تريد .
- - مشاكل في الطباعة .
- - مشاكل في البحث (كل من يقرأ عن SEO سيعرف مدى أهمية الإبتعاد عن الإطارات) .
- - يؤدي إلى تشويش و إرباك الزائر كيف لصفحة جديدة أن تُفتح في نفس النافذة القديمة؟
الكتابة على الويب
الكتابة على الويب تختلف عن الكتابة على الورق وهذا راجع لإختلاف طرق الاستخدام , يميل الناس على الويب في إجراء مسح سريع على المحتوى لخطف مايريدون من معلومات .
استخدم لغة بسيطة و واضحة القراءة على شاشات الكمبيوتر متعبة للعين بالإضافة إلى أنها أقل بـ 25% من قراءة المواد المطبوعة , لذلك عليك بجعل الكتابة بسيطة وواضحة فمثلاً ابتعد عن اللهجات العامية Slang في كتابتك (إن كان لا بد من استخدامها حاول أن تقوم بشرحها) , حاول أن تستخدم كلمات بسيطة ومختصرة. ابتعد عن الجمل المعقد .
كل فقرة تحتوى على فكرة واحدة إن جعلت كل فقرة تحتوي على فكرة واحدة سيتمكن الزائر من المسح بسرعة من خلال الفقرات , يعرف المستخدم ما الفكرة الأساسية التي تدور حولها الفقرة مما يختصر الوقت (خصوصاً لو قمت بوضع الخلاصة في مقدمة الفقرة) .
Front-laod Content لا أعرف لها ترجمة دقيقة والمقصود فيها هو وضع الخلاصة أو الإستنتاج في البداية وليس في النهاية مثل ماهو متعارف علية , عندما تطبق هذه الفكرة على كل فقرة من مقالتك سيستفيد الزائر خصوصاً القادمين من محركات البحث , ويساعد في فهم الفكرة الأساسية ليحدد هل يكمل أو يتنقل للفقرة التالية , هذه الطريقة مفيدة جداً خصوصاً لو تم تطبيقها على المقالة بأكملها مثلما يفعل جيكوب نيلسون .
استخدم العناوين الفرعية فهي تساعد في معرفة كل مقطع في الصفحة عن ماذا يتحدث ,لا يوجد قاعدة لكيفية التعامل مع العناوين الفرعية لكن حاول أن تجعل لكل 2 إلى 4 فقرات عنوان فرعي .
اكتب الكلمات الهامة بالخط العريض فهي أحد الطرق التي تساعد الزائر في تحديد المعلومات بسرعة و سهولة , حاول أن تختار كلمات قليلة و رئيسية تصف الفقرة بوضوح .
اكتب وصف لكل إرتباط تشعبي لا تستخدم كلمة "انقر هنا" أو تضع كلمات غير مفهومة بل حاول أن تصف الرابط وصفاً مختصر و واضح ,(الكثير من الأشخاص وأنا منهم قبل أن يقرأ المقالة ينظر لروابط الموجود في الصفحة ليقوم بفتحها قبل قراءة المقالة الأصلية)
استخدم القوائم فهي تسمح بقراءة المعلومات عمودياً وهذا يساعد على الفهم .
استخدم المحاذاة لليمين في العربية فهي أسهل في القراءة من الضبط أو التوسيط , ففي الضبط مثلاً ستكون هناك مسافات لتغطية السطر بأكملة مما يؤدي إلى إرهاق العين و يبطيء مستوى القراءة .
مواقع التجارة الإلكترونية
الكثير من مواقع التجارية الإلكترونية لا تهتم بمدى قابلية الاستخدام فيها خصوصاً في عمليات الطلب مما يجعل المستخدم يقرر في الأخير ترك الموقع بأكمله .
أجعل معرّف المستخدم هو البريد الإلكتروني كم عدد اسم مستخدم لديك؟ وكم بريد إلكتروني لديك؟ الإجابة غالباً ستكون لديك العديد من أسماء المستخدمين والقليل من عناوين بريد إلكتروني , لذلك في مواقع التجارة أو خدمات الويب يكون البريد الإلكتروني أسهل في التذكر من اسم المستخدم .
قسم عملية الطلب إلى مجموعة من الخطوات عملية الطلب في غالبية مواقع التجارة الإلكترونية معقدة فمثل المستخدم يدخل عنوانه وطريقة التوصيل وطريقة الدفع ثم يوافق على الطلب بمعنى أن المستخدم سيدخل هذه المعلومات دفعة واحدة وغالباً ما يكون في كل مرة. عندما تقوم يتقسيم عملية الطلب إلى مجموعة من الخطوات فالمستخدم سيقضي وقت أقل في التفكير وفي إدخال المعلومات .
أخبر المستخدم أين هو الآن و إلى أين سينتقل وضح للمستخدم أين هو الآن كمثل ضع عداد يوضح أنه في المرحلة الثالثة مثلاً وبقي له مرحلة واحدة لإكمال عملية الطلب.
لا تجعل عملية الطلب معقدة وصعبة هناك من مواقع التجارة الإلكترونية من تطلب معلومات -قد تكون هامة- من المستخدم ليدخالها بصورة معينة كمثل تاريخ إنتهاء البطاقة الإئتمانية ويكون بالكتابة أي Jan or March بدل من 01 or 03 . لا بد أن تفكر بهذه الأمور وتبسطها قدر المستطاع لتسهيل على المستخدمين وتوفير وقتك ووقتهم فالمشاكل ستقل.
قم بالإجابة على جميع الأسئلة المحتملة من المهم أن يكون أثناء عملية الطلب إجابة على جميع الأسئلة المحتملة حولها وضع الإجابة أما مباشرة في الركن أو في الأسفل أو قم بوضع رابط تشعبي لصفحة أخرى تقدم إجابات وافية عن هذه المرحلة.
لون الحقول المطلوبة -الترجمة غير دقيقة- سأشرح المقصود غالباً عندما تقوم بتعبئة مجموعة من الحقول لتنتقل للخطوة التالية تجد رسالة تخبرك بأن هناك خطأ ما في أحد الحقول هذه الرسالة لا تكفي بل لا بد من وضع لون كالأحمر مثلاً على الحقل المطلوب إدخاله أو تصحيح ما فيه من بيانات.
اجعل عملية الطلب مرنة حاول أن تكون عملية الطلب مرنة قدر المستطاع بحيث يشعر المستخدم أنه المتحكم في كل شيء , مثلاً لا تجبر المستخدم في مرحلة ما على إدخال الرمز البريدي بل يمكن إكمال عملية الطلب (والتفاهم بعدين :) . هناك بعض مواقع التجارة الإلكترونية تستخدم طرق أخرى فيمكن أن تتسوق وتشتري وتطلب بدون أن تقوم بالتسجيل في موقعهم.
طمئن المستخدم الكثير من المستخدمين لا يرتاحون من الشراء online فمن الصعب أن يتم إعطاء رقم البطاقة ومن المحتمل أن لا تصل المشتريات المدفوعة كل هذه وغيره من الأمور لابد من أن يتم التعامل معه بحكمة قم بطمئنة المستخدم وأخبره أن الموقع موثوق وآمن (طبعاً إن كان كذلك :) .
موافقة المستخدم أولاً في أغلب المواقع عندما ننتهي من عملية الطلب تظهر رسالة هل أنت موافق أم لا و إذا قمت بالموافق ظهرت لك المعلومات كاملة بمافيها رقم الطلب والتاريخ المتوقع لوصول المنتج وغيره وهذا الشيء خطأ لأنه لا بد أن يكون في أخر خطوة من عملية الشراء أن تظهر جميع البيانات التي قمت بإدخالها في الخطوات السابقة بما في ذلك رقم الطلب والتاريخ المتوقع للوصول ثم بعدها يأتي السؤال هل أنت موافق أم لا.
قم بإرسال تأكيد الطلب confirmation إلى المستخدم بعد أن تتم عملية الطلب أرسل رسالة التأكيد للمستخدم على بريده الإلكتروني وكما يقول جيكوب نيلسون لا بد أن تكون هذه الرسالة مختصرة وأخبرهم ما البيانات التي يحتاجونها في المستقبل كمثل رقم الطلب.