[MUSIC]
دعونا الآن نتحدث عن الملاحة.
ما هو الملاحة، لماذا الملاحة مهم لموقعك؟
وكيف نقدم معلومات التصفح على موقع الويب الخاص بك؟
لذلك، هذه هي السؤال الذي سنحاول الإجابة عليه في هذه المحاضرة بالذات.
السؤال الأول الواضح الذي يتبادر إلى ذهنك هو،
لماذا نحتاج إلى تصفح الموقع؟
كما تدرك، فإن معظم المواقع لم تعد صفحات واحدة.
بالطبع، هناك مواقع صفحة واحدة
مثل صفحة أستاذ الخاص بك في قسم علوم الكمبيوتر الخاص بك.
ولكن معظم المواقع تحتوي عادة على أكثر من صفحة واحدة.
كما رأينا مع موقعنا على الارتباك الذي نقوم ببنائه،
قمنا بالفعل بإضافة صفحة ثانية تسمى صفحة aboutus.html.
الآن الطريقة التي انتقلنا بها إلى صفحة aboutus.html كانت
كتابة ذلك بشكل صريح في شريط العناوين في متصفحنا.
ولكن هذه طريقة غير مريحة للغاية للتنقل إلى موقع الويب الخاص بك.
سيكون من المنطقي توفير وسيلة بديهية
للمستخدمين للانتقال إلى موقع الويب الخاص بك.
يمكن توفير هذه الوسائل البديهية من خلال العديد من الأساليب المختلفة،
وشريط التنقل هو واحد من الطرق الأكثر شيوعا للإشارة إلى هذه المعلومات.
لذا، سننظر في العديد من الطرق الشائعة لتوفير
أنماط التنقل على مواقع الويب النموذجية.
في هذا السياق، كثيرا ما تسمع الناس يتحدثون عن بنية المعلومات.
تبدأ بنية المعلومات بهيكل النظام،
فيما يتعلق بالطريقة التي يتم بها تنظيم المعلومات، والمسمى.
ويتم توفير الملاحة من خلال المحتوى أو من خلال هذه المعلومات.
الآن بنية المعلومات، في حد ذاتها، هي حقل كبير بالكامل.
ومن خارج نطاق هذه الدورة لتغطية مهندس المعلومات.
ولكن، في حال كنت مهتمًا بتنظيم
وتوفير المعلومات للمستخدمين من خلال، على سبيل المثال،
مواقع الويب، فقد زودتك ببعض الروابط في الموارد الإضافية
التي يمكنك الذهاب إليها وقراءتها لمزيد من المعرفة.
ولكن على أي حال، عندما تقوم بتصميم موقع ويب،
من المهم أن تفهم الحاجة إلى
تصميم هياكل تنقل المعلومات داخل موقع الويب الخاص بك.
وهذا التنظيم من المعلومات داخل موقع الويب الخاص بك يملي أيضا
أي نوع من وسائل الملاحة التي تقدمها على موقع الويب الخاص بك،
وبناء على كيفية تنظيم تلك المعلومات.
وعادة ما يتم تنظيم موقع على شبكة الإنترنت في نوع من شجرة منظمة أو
بطريقة هرمية.
وهذا يملي عليك تلقائيا
كيفية تصميم الدعم الملاحي داخل موقع الويب الخاص بك.
استخدام شريط التنقل، فتات الخبز،
وغيرها من وسائل الملاحة ضرورية للغاية
لتمكين المستخدمين من رؤية أجزاء مختلفة من موقع الويب الخاص بك.
عندما تزور معظم المواقع سوف تبحث في كثير من الأحيان عن شريط التنقل.
هذا هو نوع من شريط التي عادة ما تعلق في الجزء العلوي من
الموقع، أو في بعض الأحيان في الجزء السفلي من الموقع، أو في بعض الأحيان على الجانب،
والتي توفر لك مؤشرات كافية نحو
نوع المعلومات التي يمكنك الوصول إليها على هذا الموقع.
وبالتالي فإن شريط التنقل الخاص بك سوف يحتوي عادة على روابط لصفحات مختلفة
تشكل جزءا من موقع الويب الخاص بك.
إذن شريط التنقل النموذجي، كيف يمكنك تصميم هذا؟
عند تصميم شريط تنقل نموذجي، يجب أن
تضع في اعتبارك بعض dos و don'ts حول كيفية تصميم أشرطة التنقل.
الأول هو أنك تستخدم
مصطلحات سهلة الاستخدام وبسيطة داخل شريط التنقل الخاص بك للإشارة إلى الروابط المختلفة
التي يمكن للمستخدمين اتباعها داخل موقع الويب الخاص بك للوصول إلى المعلومات..
يجب عليك توفير تنقل موحد،
بحيث أينما كان المستخدم داخل التسلسل الهرمي لموقع الويب الخاص بك،
سيعرفون دائمًا كيفية العودة إلى الصفحة الرئيسية، وكيفية الانتقال إلى
التسلسل الهرمي التالي أو السابق أو لأعلى وأسفل من نوع ما.
لذا فإن الإشارة إلى موقع المستخدم
داخل التسلسل الهرمي لموقع الويب الخاص بك مفيد جدًا
لتوفير طريقة سهلة الاستخدام للتنقل في مواقع الويب الخاصة بك.
أيضا، هناك بعض الاتفاقيات القياسية التي يتبعها الناس
عند تصميم أشرطة التنقل هذه.
عادة، عندما يكون لديك شعار موقع الويب الخاص بك أو
شركتك مضمنًا في شريط التنقل الخاص بك، فإن النقر على هذه الشعارات أو
زر الصفحة الرئيسية يجب أن يعيدك إلى أعلى مستوى من التسلسل الهرمي أو
الصفحة الرئيسية لموقع الويب الخاص بك، وعادة ما تكون صفحة index.html.
بعض من لا يجب أن تأخذ في الاعتبار هو أنه يجب أن لا يكون لديك الكثير من
الخيارات في شريط التنقل الخاص بك.
كم عدد كبير جدا؟
إذا وجدت أن التنقل باستخدام أشرطة التنقل الخاصة بك مرهق للغاية،
فهذا يعني أن هناك العديد من الخيارات على شريط التنقل الخاص بك.
توفير مجموعة معقولة من الخيارات داخل شريط التنقل الخاص بك بحيث يمكنك
الإشارة إلى الاتجاهات التي يمكن للمستخدم اتباعها في التنقل من خلال موقع الويب الخاص بك.
وعندما تستخدم عناصر التنقل هذه في شريط التنقل الخاص بك،
لا تستخدم التسميات العامة، استخدم تسميات ذات مغزى.
على سبيل المثال، إذا وضعت تسمية باسم المنتج في
شريط التنقل الخاص بك، سيتم الخلط بين الناس حول ما تعنيه حسب المنتج.
أو قل، إذا وضعت خدمة في شريط التنقل الخاص بك، فقد يتم الخلط بينها.
ما نوع الخدمة التي تقدمها؟
سيكون أكثر معنى لإعطاء مصطلح أكثر وصفية في
رؤوسك في شريط التنقل الخاص بك. و هناك
و سيلة أخرى لتوفير الملاحة لل
مستخدمين هي توفير ما يسمى بفتات الخبز.
يتم توفير هذه عادة في مكان ما في تلك الصفحة،
نموذجية نحو الحافة العلوية لصفحة الويب،
أقرب إلى عنوان صفحة الويب تلك.
يشير نوع breadcrumbs إلى نوع من
التسلسل الهرمي الملاحي الذي أنت حاليًا في موقع الويب الخاص بك.
لذلك يوفر هذا خيار التنقل الثانوي لموقع الويب الخاص بك.
لذلك يمكن وضع هذا في مكان ما تحت الملاحة الأساسية.
قد يشير إلى التسلسل الهرمي للصفحات التي ذهبت من خلالها.
ويمكن تسليط الضوء على الموقع الحالي على وجه التحديد في
فتات الخبز هناك.
لذلك الطرق المختلفة التي يمكن للناس استخدام فتات الخبز
تشمل توفير الملاحة على أساس المسار.
قل، على سبيل المثال، إذا كان لديك مستخدم يمر بمجموعة من الخطوات
لإكمال مهمة على موقع الويب الخاص بك، على سبيل المثال، حجز تذكرة طيران.
ثم يمكنك استخدام نهج فتات الخبز للإشارة إليهم إلى
الخطوة التي يقوم بها المستخدم حاليًا في تسلسل الخطوات.
وبالمثل، إذا كنت توفر التنقل القائم على موقعك
لنهج هرمي داخل موقع الويب الخاص بك.
لذا، ما هو مستوى التسلسل الهرمي الذي أنت فيه وما هو الجزء العلوي نحو
جذر التسلسل الهرمي الخاص بك، بحيث يمكن الإشارة إليها بواسطة فتات الخبز الخاصة بك.
يمكن أيضًا أن تكون فتات الخبز الخاصة بك قائمة على السمة، مما يعني أنك توفر مجموعة
من الخيارات المشار إليها في فتات الخبز الخاصة بك للمستخدم في النقطة الحالية من الوقت.
يوفر إطار واجهة المستخدم الأمامية النموذجية العديد
من الطرق الأخرى لتوفير التنقل على صفحات الويب الخاصة بك.
وتشمل هذه علامات التبويب، حبوب منع الحمل، ترقيم الصفحات، المنسدلة،
الأكورديون، العلامات، و Schrollspy، و Affix.
سنلقي نظرة على بعض هذه بمزيد من التفصيل عندما نذهب من خلال
الدروس المختلفة في الوحدات التي تتبع هذا الدرس بالذات.
[ موسيقى]