تخيل أنك على طريق وصادفت بعض التحويلات والإلتفافات المزعجة نتيجة لمشروعات تحسين الطْرق فبالتأكيد ستستمر في طريقك وتتبع الإشارات التحذيرية والمسار المخصص لك , لكن هل ستقوم بالإستمرار في هذا الطريق !
بالتأكيد لا وستكون المرة الأخيرة التي ستتبع فيها هذا الطريق وستحاول في المرة القادمة إيجاد طريق أسرع وخالي من مشاكل الإصلاحات.
حقيقةً أغلب المواقع العربية تتبع نفس هذا الأسلوب , ستسأل نفسك لماذا هذه المقارنة ؟
نسبة كبيرة تتخطى 90% من الصفحات العربية تكون خالية تماماً من الإرشادات التي تخبرك في أي جزء في الموقع أنت الأن وكأنك في دهليزلامخرج له , هذا الشيء لاحظته بكثرة خلال زيارتي لمجموعة كبيرة خلال الفترة الماضية للمواقع العربية التي بنيت بواسطة صفحات html عادية أبو بواسطة أنظمة إدارة المحتوى معروفة للجميع.
ومع هذه المراقبة أخذت إنطباع بأن الكثير منها يجبرك على الدخول لكن بعد دقائق معدودة فقط تجبر ( بضم التاء ) على الخروج من الموقع حتى ولو كان شكله جميل و مرتب , والسبب عدم وجود أبسط الأدوات الإرشادية للتنقل في جنبات الموقع والتصفح والقراءة بكل راحة .
فأحببت ان أضع لكم بعض ملاحظتي وأخرى من مقالات لتجارب أشخاص لهم باع طويل في عالم تطوير المواقع
1- عنوان الصفحة
عنوان الصفحة Page title , هو العنوان الذي يكون في أعلى المتصفح , ويفضل أن يكون :
- قصير إلى أقصى حد ممكن ويمكن معرفة محتوى الصفحة بعد قراءة العنوان.
- الكلمتان الأولى هي أهم الكلمات في عنوان الصفحة ويفضل إختيار كلمات مميزة وتعطي مدلول واضح.
- محاولة وضع تاريخ محتوى الصفحة , وذلك لأن المستخدم يهتم بمعرفة تاريخ الصفحة عند تصفح مجلد الأرشيف الخاص بالمتصفح History.
مزايا يفضل أن تكون في عناوين الصفحات:
- أن تسمح للزائرأن يوجه نفسه بناء على عنوان الصفحة .
- الإيجاز لأنه ستكون علامة مهمة عند حفظ الصفحة في المفضلة.
- إهتمام محركات البحث بالعناوين بشكل كبير جداً ويجب أن تكون العناوين بكلمات رئيسية تستخدم عادةً في البحث.
2- هيكل الصفحة
التناسق الجيد في تنسيق وتشكيل وترتيب الصفحة يجعل الزائر يعود للزيارة مرة أخرى والتواجد في كل الأوقات.
وعند التخطيط لهيكل الصفحة تأكد من التالي:
- تجنب وبشكل كبير تشكيل الصفحة بطريقة غير الطرق المعتادة والمتعارف عليها مثل ( العمود الأيمن للقائمة الرئيسية والوسط للمحتوى واليسار للقوائم الثانوية , أو القوائم الرئيسية بالأعلى والمحتوى والقوائم الثانوية بالأسفل )
-المحفاظة على هيكل ثابت للصفحات الداخلية وعدم تشتييت الزائر بإيجاد هيكل مختلف في كل صفحة.
3- الوصف Tagline
سطر الوصف هو وصف بسيط بكلمات قليلة توضع عادةً تحت الشعار , ويفضل أن تكون :
- واضحة وليست غامضة
- بسيطة ومفيدة في التعريف بالموقع بكلمتين او ثلاث
- 4- 8 كلمات كأقصى حد.
تساعد مستخدمي الإنترنت في معرفة الموقع ومحتوياته قبل تصفح الأقسام , وذلك لانه تعطي فكرة عن مجال وإهتمام الموقع.
4- عناوين المواضيع الحديثة
كل صفحة في موقع يجب أن تحتوي على وصف "descriptive" , وعناوين رئيسية داخلية فريدة مرتبطة ولها صلة بنفس موضوع الصفحة الحالية.
فالعناوين توفر تلميحات وتوجيهات للمستخدمين لإطلاعهم على مايمكن أن يجدوه في هذه الصفحة , والعناوين يجب أن تكون على مبادىء تشمل:
- أن يكون على الأقل نقطتين من العناوين بحجم أكبر من الحجم العادي
- إستخدام لون مختلف حتى تكون بارزة وتجذب الإنتباه ( خلفية النص أو لون النص )
- أن يكون هناك تباعد ومساحة بيضاء كبيرة وواضحة بين أسفل وأعلى كل عنوان.
5- تحديد الموقع
أثبتت الدراسات نجاح نظام التحديد navigation وأنه حاز على رضى وقبول الكثير من زوار الموقع , وعادة مايوضع navigation أعلى الصفحة وفوق العناوين حتى تبين للزائر علاقة الصفحة الرئيسية بالصفحة الحالية , على سبيل المثال :
الرئيسية > الأخبار > القسم 1 > " عنوان الصفحة الحالية "
وفوائد إستخدام navigation هي أنها:
- تظهر للمستخدمين مكانهم الأن في الموقع , وتكمن أهيمتة عندما يكون زوار الموقع في صفحة غير الصفحة الرئيسية.
- مساعدة المستخدم أو الزائر على معرفة هرم وتشكيل الموقع.
- كيف وصل الزائر إلى الصفحة الحالية.
- تمكين الزائر من التنقل لعدة صفحات بخطوة واحدة.
ويجب أن يعكس نظام التحديد التشكيل الحقيقي للموقع وليس فقط للتوضيح بأن الزائر أختار أن يصل لهذه الصفحة ويمكنه العودة للصفحة الرئيسية بالضغط على الرابط الموجود بالأعلى.
6- القوائم الأساسية
أو بما يسمى Menu أعتقد بأنه معروف لدى الكثيرين وهو من أقوى الوسائل لتوجيه الزوار في موقعك , وهاهي القواعد الذهبية لإنجاح هذه الطريقة:
- إبراز العناوين بإستخدام خلفية مختلفة تماماً لخلفية الموقع حتى تكون بارزة و واضحة ( ولايكفي تغيير لون الخط ).
- التأكد بأن روابط وصور القوائم تطابق تماماً القسم الذي سيتوجه له الزائر.
7- القوائم الثانوية
قد يعتبر البعض بأن هذه غير مهمة بما أنه طبق الملاحظة السابقة والتي تبرز أقسام الموقع , لكن في الحقيقة هذه الطريقة مهمة أيضاً ولاتقل أهمية عن سابقتها لأن بعض المستخدمين يهتمون بمعرفة أبرز الصفحات في الموقع أو أبرز العناوين التي يتم زيارتها حالياً , لاسيما بعد إبراز عناوين الصفحات أو العناوين بخط أكبر من الخط العادي.
8- الروابط
يجب أن تكون الروابط واضحة وسليمة المعنى ولاتعطي الزائر فكرة بأنه يجب أن يخمن إلى أين يؤدي هذا الرابط ( وتحصل هذه المشكلة في أكبر المواقع ) وهناك قواعد لإنجاح هذه الملاحظة :
- الحذر كل الحذر من وضع ( أضغط هنا ) على الروابط , لانها تجعل الزائر يتكهن إلى اين يؤدي الرابط.
- ان يكون الرابط ذو عنوان صحيح يدل على الصفحة التي سيتوجه لها الزائر ( كالقاعدة الموجودة في القوائم الرئيسية )
9- شريط التقدم
أو مايعرف بـ Progress bars , وهي توضح للزائر والمستخدم أي وصل في عملية التقدم في عمليات البيع و الشراء أو رفع ملفات وغيرها ... , ويفضل أن يتبع الشروط التالية:
- أن يكون التقدم بلون مغاير تماماً للون خلفية الموقع ( الصفحة بيضاء والتقدم أخضر مصفر , أو أزرق سماوي )
- إستخدام لغة أو شكل مفهوم
- إبراز وتوضيح الخطوات السابقة والقادمة خلال العملية.
- إظهار عملية التقدم بإستخدام اللون أو يفضل بإستخدام الأرقام ( كالنسبة )
10- خريطة الموقع Site map
خريطة الموقع تعتبر من الأساسيات في المواقع الناجحة ومفيدة لأي موقع وذلك لأنها تعطي مدلول واضح بما يحتويه الموقع أو توضح للزائر هيكل الموقع.
فبعض المستخدمين يتجهون للخريطة كحل أخير عندما لايستطيعون إيجاد قسم معين أو أرادو البحث عن شيء معين , إذا فهي يجب أن تكون واضحة وموجزة وتعبر بصدق عن الهيكل المكون به الموقع.
وفي النهاية أتمنى أن تكونوا أستفدتم من هذه الملاحظات والقواعد .. وإلى لقاء قريب في موضوع أخر عن تطوير الويب
رد مع اقتباس
المشاركة الأصلية كتبت بواسطة Ala7lam
