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
خريطة الموقع تعتبر من الأساسيات في المواقع الناجحة ومفيدة لأي موقع وذلك لأنها تعطي مدلول واضح بما يحتويه الموقع أو توضح للزائر هيكل الموقع.
فبعض المستخدمين يتجهون للخريطة كحل أخير عندما لا يستطيعون إيجاد قسم معين أو أرادو البحث عن شيء معين , إذا فهي يجب أن تكون واضحة وموجزة وتعبر بصدق عن الهيكل المكون به الموقع
عنوان الصفحة 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
خريطة الموقع تعتبر من الأساسيات في المواقع الناجحة ومفيدة لأي موقع وذلك لأنها تعطي مدلول واضح بما يحتويه الموقع أو توضح للزائر هيكل الموقع.
فبعض المستخدمين يتجهون للخريطة كحل أخير عندما لا يستطيعون إيجاد قسم معين أو أرادو البحث عن شيء معين , إذا فهي يجب أن تكون واضحة وموجزة وتعبر بصدق عن الهيكل المكون به الموقع
منقول من سوالف نت
ليست هناك تعليقات:
إرسال تعليق