الإبحار كأحد معايير معمارية المعلومات: المفهوم والأسس والبرمجيات
أ.د. بدوية محمد البسيوني
أستاذ تقنية المعلومات بقسم المكتبات والمعلومات بكلية الآداب جامعة طنطا - مصر
تاريخ النشر: 2022
الإبحار navigation
هو العلم والمهارة التي تطبقها على موقع ويب لمساعدة الزوار على الانتقال من صفحة إلى أخرى داخل الموقع
عناصر ووسائل الإبحار
يشتمل موقع الويب الجيد على عدد من وسائل الإبحار أهمها
شريط التنقل navigation bar
يمكن العثور عليه غالبًا أسفل العنوان، ويتم وضعه في شكل أفقي في حالة كان عدد الروابط الرئيسة أقل من 10 روابط، وإذا ازدادت عدد الروابط عن 15 يتم وضعها في شريط رأسي في الجانب الأيسر للمواقع الأجنبية
قد تحتوي أشرطة التنقل أيضًا على قوائم منسدلة تظهر عند المرور فوق أحد الأقسام أو النقر فوقه وتحتوي على قائمة بالصفحات الفرعية لهذا القسم
التذييل footer
هو القسم الموجود في الأسفل، يمكن استخدامه لعدة أغراض، منها التنقل
يشتمل على روابط الوسائط الاجتماعية و روابط التنقل إلى صفحات أخرى على موقع الويب
أداة بحث search tool
هو محرك بحث داخلي يساعد المستخدمين في البحث عن شيء محدد بموقع الويب
روابط سريعة Quick links
هذه اختصارات تحيل المستخدمين إلى الأقسام الشائعة في موقع الويب
من أمثلتها: قم بالتسجيل ، تسجيل الدخول ، راسلنا بالبريد الإلكتروني
هو العلم والمهارة التي تطبقها على موقع ويب لمساعدة الزوار على الانتقال من صفحة إلى أخرى داخل الموقع
عناصر ووسائل الإبحار
يشتمل موقع الويب الجيد على عدد من وسائل الإبحار أهمها
شريط التنقل navigation bar
يمكن العثور عليه غالبًا أسفل العنوان، ويتم وضعه في شكل أفقي في حالة كان عدد الروابط الرئيسة أقل من 10 روابط، وإذا ازدادت عدد الروابط عن 15 يتم وضعها في شريط رأسي في الجانب الأيسر للمواقع الأجنبية
قد تحتوي أشرطة التنقل أيضًا على قوائم منسدلة تظهر عند المرور فوق أحد الأقسام أو النقر فوقه وتحتوي على قائمة بالصفحات الفرعية لهذا القسم
التذييل footer
هو القسم الموجود في الأسفل، يمكن استخدامه لعدة أغراض، منها التنقل
يشتمل على روابط الوسائط الاجتماعية و روابط التنقل إلى صفحات أخرى على موقع الويب
أداة بحث search tool
هو محرك بحث داخلي يساعد المستخدمين في البحث عن شيء محدد بموقع الويب
روابط سريعة Quick links
هذه اختصارات تحيل المستخدمين إلى الأقسام الشائعة في موقع الويب
من أمثلتها: قم بالتسجيل ، تسجيل الدخول ، راسلنا بالبريد الإلكتروني
المعايير الواجب توافرها في الإبحار
لتحقيق جودة عالية في الإبحار ينبغي مراعاة المعايير الآتية
توفير وسائل للإبحار نشطة، ولا تنشئ صفحات لا توجد بها وسائل إبحار
تجميع عناصر الإبحار المتشابه في مجموعات
استخدم قائمة محتويات قابلة للنقر للصفحات الطويلة في الجزء العلوي من الصفحة وتحت كل قسم أعد رابط العودة إلى أعلى
وضع قائمة الإبحار الرئيسية بشكل أفقي أسفل العنوان أو على يمين الصفحة (للمواقع العربية)
استخدم مصطلحات ذات مغزى في الروابط
ينبغي استخدام مفاهيم قابلة للفهم سهلة التمييز من جانب المستفيدين أكثر من المصممين
لا ينبغي استخدام روابط بمسمى (أنقر هنا)
استخدم النص كرابط، وليس الصورة
لأنها من السهل التعرف عليها، وسرعة تحميلها، ويفضلها العديد من المستفيدين
تظهر الروابط النصية عندما يتعطل ظهور الصور في بعض المتصفحات
استخدم خاصية تغيير اللون عند زيارة الرابط
استخدم اللون الأزرق للروابط التي لم يتم زيارتها، والأرجواني أو البنفسجي للروابط التي تمت زيارتها بجميع أنواعها داخلية وخارجية
اجعل من الواضح لدى المستفيد تحديد الرابط بسهولة دون الحاجة إلى تمرير الفارة عليه للتأكد من كونه قابل للنقر
وذلك باستخدام اللون الأزرق، وتحته خط
احرص على جعل صفحات الروابط (الإبحار) قصيرة فلا تطلب من المستفيد استخدام شريط التمرير في تصفحها
استخدم أنواع القوائم المناسبة
استخدم القائمة المتسلسلة للمهام البسيطة، عدة قوائم (في وقت واحد) والتي تعرض خيارات من مستويات متعددة، والتي تمكن المستفيد من الاختيار من أكثر من
قائمة، وتعرض هذه القوائم عادة في إطارات
استخدم خريطة الموقع عندما يشتمل الموقع على عدة صفحات
ويمكن أن تكون على شكل تسلسل هرمي أو جدول محتويات أو كشاف بسيط
وفر امكانية الوصول لخريطة الموقع من كل صفحاته
اجعل الأقسام الرئيسية للموقع متاحة عبر كل صفحاته
استخدام عبارات منبثقة للمساعدة في الإبحار
هي عبارة عن عبارات قصيرة تنبثق عندما يضع المستفيد الماوس على الرابط، وتقدم معاينة لطبيعة المعلومات التي يجدها المستفيد عند فتح الرابط
لتحقيق جودة عالية في الإبحار ينبغي مراعاة المعايير الآتية
توفير وسائل للإبحار نشطة، ولا تنشئ صفحات لا توجد بها وسائل إبحار
تجميع عناصر الإبحار المتشابه في مجموعات
استخدم قائمة محتويات قابلة للنقر للصفحات الطويلة في الجزء العلوي من الصفحة وتحت كل قسم أعد رابط العودة إلى أعلى
وضع قائمة الإبحار الرئيسية بشكل أفقي أسفل العنوان أو على يمين الصفحة (للمواقع العربية)
استخدم مصطلحات ذات مغزى في الروابط
ينبغي استخدام مفاهيم قابلة للفهم سهلة التمييز من جانب المستفيدين أكثر من المصممين
لا ينبغي استخدام روابط بمسمى (أنقر هنا)
استخدم النص كرابط، وليس الصورة
لأنها من السهل التعرف عليها، وسرعة تحميلها، ويفضلها العديد من المستفيدين
تظهر الروابط النصية عندما يتعطل ظهور الصور في بعض المتصفحات
استخدم خاصية تغيير اللون عند زيارة الرابط
استخدم اللون الأزرق للروابط التي لم يتم زيارتها، والأرجواني أو البنفسجي للروابط التي تمت زيارتها بجميع أنواعها داخلية وخارجية
اجعل من الواضح لدى المستفيد تحديد الرابط بسهولة دون الحاجة إلى تمرير الفارة عليه للتأكد من كونه قابل للنقر
وذلك باستخدام اللون الأزرق، وتحته خط
احرص على جعل صفحات الروابط (الإبحار) قصيرة فلا تطلب من المستفيد استخدام شريط التمرير في تصفحها
استخدم أنواع القوائم المناسبة
استخدم القائمة المتسلسلة للمهام البسيطة، عدة قوائم (في وقت واحد) والتي تعرض خيارات من مستويات متعددة، والتي تمكن المستفيد من الاختيار من أكثر من
قائمة، وتعرض هذه القوائم عادة في إطارات
استخدم خريطة الموقع عندما يشتمل الموقع على عدة صفحات
ويمكن أن تكون على شكل تسلسل هرمي أو جدول محتويات أو كشاف بسيط
وفر امكانية الوصول لخريطة الموقع من كل صفحاته
اجعل الأقسام الرئيسية للموقع متاحة عبر كل صفحاته
استخدام عبارات منبثقة للمساعدة في الإبحار
هي عبارة عن عبارات قصيرة تنبثق عندما يضع المستفيد الماوس على الرابط، وتقدم معاينة لطبيعة المعلومات التي يجدها المستفيد عند فتح الرابط
برمجيات مساعدة لتحقيق معيار الإبحار الجيد
برمجيات اكتشاف الروابط غير النشطة / المعطلة
Broken Link Check
عند استخدامه يقوم بتحديد عدد الروابط المعطلة، والصفحات الموجودة بها
برمجيات اكتشاف الروابط غير النشطة / المعطلة
Broken Link Check
عند استخدامه يقوم بتحديد عدد الروابط المعطلة، والصفحات الموجودة بها
برمجيات تصميم خريطة الموقع
Xml sitemaps
يقوم بإعداد خريطة الموقع الخاصة بالمستفيد
my sitemap generator
References:
Leavitt, Michael O. & Ben Shneiderman.(2018) Research based web design & usability guidelines.U.S. : Government Printing Office. Web developers.(2022)What is web site navigation? Retrieved 2022, Feb 10, from https://www.webdevelopersnotes.com/web-site-navigation
Wilkinson, Jay ( 2015) 4 Website Navigation Tools that are Must-Haves for Nonprofits. Retrieved 2022, Feb 10, from https://firespring.com/solutions-for-nonprofits/4-website-navigation-tools-that-are-must-haves-for-nonprofits/My sitemap generator: https://wwwmysitemapgeneratorcom
Xml sitemaps: https://wwwxml-sitemapscom/
Broken Link Check: https://wwwbrokenlinkcheckcom/
Leavitt, Michael O. & Ben Shneiderman.(2018) Research based web design & usability guidelines.U.S. : Government Printing Office. Web developers.(2022)What is web site navigation? Retrieved 2022, Feb 10, from https://www.webdevelopersnotes.com/web-site-navigation
Wilkinson, Jay ( 2015) 4 Website Navigation Tools that are Must-Haves for Nonprofits. Retrieved 2022, Feb 10, from https://firespring.com/solutions-for-nonprofits/4-website-navigation-tools-that-are-must-haves-for-nonprofits/My sitemap generator: https://wwwmysitemapgeneratorcom
Xml sitemaps: https://wwwxml-sitemapscom/
Broken Link Check: https://wwwbrokenlinkcheckcom/
هند عبد الرحمن زكريا أبو الخير(2018) معمارية المعلومات بالمواقع الإلكترونية للجامعات المصرية والأجنبية: دراسة تحليلية مقارنة، إشراف بدوية محمد البسيوني، وهبة صلاح الدين النموري (دكتوراه)، قسم المكتبات والوثائق والمعلومات – جامعة طنطا