أنماط التنقل لعشرة أنواع من المواقع الشائعة
يعد التنقل أحد أهم جوانب أي موقع ويب. بدون التنقل الجيد ، يصبح الموقع عديم الفائدة للزوار. لا يمكنهم العثور على المعلومات التي يحتاجون إليها ، ثم البحث عن مواقع منافسة بدلاً من ذلك. من الأهمية بمكان أن تكون مواقعك سهلة التنقل إذا كنت تريد أن تكون مصممًا ناجحًا.
iBut لا توجد حلول واحدة يناسب الجميع للملاحة. قد لا يعمل ما يعمل بشكل جيد على موقع الأخبار بشكل جيد لموقع شخصي. قد يكون شيء ما سهل الاستخدام بشكل لا يصدق على مدونة محبطًا على موقع تجارة إلكترونية.
في ما يلي عشرة أنواع شائعة من المواقع ، مع اقتراحات لأنواع التنقل التي تعمل جيدًا لكل منها.
هناك أيضًا أمثلة ، لإعطائك فكرة أفضل عما نتحدث عنه. لا تتردد في مشاركة المزيد من الأمثلة الرائعة في التعليقات!
جميع المواقع
هناك بعض أنماط التنقل التي تعمل على جميع المواقع تقريبًا. بدلاً من إعادة تجزئة المعلومات نفسها في كل فئة من الفئات أدناه ، سأقوم بتضمينها هنا فقط.
النمط الأول هو التنقل المبوب. تعتبر علامات التبويب مناسبة تمامًا للتنقل ، نظرًا لأنهم يذكِّرون الزائرين من الناحية النفسية بعلامات التبويب الورقية ، وينتقلون إلى قسم جديد من الكمبيوتر المحمول أو الموثق ، وهو أمر لا تفعله الأزرار أو روابط النص العادي. تكون علامات التبويب دائمًا الطريقة المفضلة في تصميم روابط التنقل الرئيسية الخاصة بك ، على الرغم من أنها بالطبع تعمل بشكل أفضل عندما يكون هناك عدد محدود من الروابط في القائمة.
النمط الثاني هو التنقل في الرأس. إذا كان موقعك على الويب يحتوي على عنوان (ومعظم مواقع الويب يفعل ذلك) ، فستكون ميزة التنقل عبر الرأس فكرة جيدة. اعتاد الزوار على النظر إلى العنوان لروابط التنقل. يعمل هذا السلوك المحدد مسبقًا على تسهيل عملية جعل موقعك على الويب أكثر سهولة من خلال تحديد موقع تنقلك في رأس الصفحة أو بالقرب منه.
النمط النهائي الذي ينطبق على جميع المواقع تقريبًا هو التنقل في الذيل. سيبدو العديد من المستخدمين (وليس جميعهم) في تذييل الصفحة إذا لم يتمكنوا من العثور على ما يبحثون عنه في التنقل الآخر. غالبًا ما يتم ربط العديد من الصفحات الأساسية من تذييل الصفحة ، بما في ذلك روابط "حول" و "جهات الاتصال" و "sitemap" ، سواء كانت مرتبطة في مكان آخر في التنقل أم لا.
1. مدونات
تحتوي المدونات عمومًا على حجم كبير من المحتوى ، بترتيب زمني عكسي. يقدم هذا إطارًا منطقيًا للتنقل ، بالإضافة إلى بعض التحديات الفريدة ، اعتمادًا على نوع المدونة.
ستستخدم معظم المدونات مزيجًا من ترقيم الصفحات (أو التمرير المستمر) ، وصفحة الأرشيف ، والتنقل عبر الشريط الجانبي للفئات و / أو العلامات ، وربما أيضًا التنقل في الرأس والتذييل. من المهم التفكير بدقة في كيفية رغبة زوارك في الوصول إلى محتوى مدونتك.
على سبيل المثال ، قد لا تحتاج المدونة الشخصية إلى التنقل بين الفئات أو العلامات خارج الارتباطات في المعلومات الوصفية لكل مشاركة. في هذه الحالات ، ترغب في أن يتمكن الزوار من الوصول إلى المحتوى بترتيب زمني عكسي ، بدلاً من التنقل حسب الموضوع. من ناحية أخرى ، تحتاج مدونة الموضوعات إلى التنقل بين الفئات والعلامات ، نظرًا لأن الزائرين يبحثون على الأرجح عن معلومات حول مواضيع محددة في الموضوع الشامل.
يجب أن تتضمن المدونات كحد أدنى التنقل للتنقل الزمني من خلال المحتوى (إما ترقيم الصفحات أو الروابط التالية / السابقة أو التمرير المستمر) ، بالإضافة إلى التنقل في الرأس أو الشريط الجانبي لصفحات معينة خارج صفحة المدونة الرئيسية.
يجب أن تتضمن مدونات الموضوع (وأحيانًا الشركات) قوائم فئات أو علامات في تنقلها ، إما في الرأس أو الشريط الجانبي. يجب على المدونات الكبيرة على وجه الخصوص أيضًا التفكير في تنفيذ وظيفة البحث ، لتسهيل عثور المستخدمين على ما يبحثون عنه بسرعة. فقط تأكد من أن وظيفة البحث تعمل على النحو المنشود ، وتظهر في الواقع جميع النتائج ذات الصلة.
Ecoki ، أدناه ، تتضمن الفئات ذات المستوى الأعلى في التنقل في الرأس ، مع التنقل إلى الصفحات المهمة في شريط تنقل العنوان الثانوي. إنه تخطيط فعال يركز بوضوح على الروابط الأكثر استخدامًا.
2. مواقع الأخبار
تتشابه مواقع الأخبار مع المدونات ، حيث أنها تقدم عمومًا قصصًا بترتيب زمني عكسي. غالبًا ما يتم تصنيف المواقع الإخبارية بشكلٍ كبير ، ولها بنية معلومات أكثر تعقيدًا من العديد من أنواع المواقع الأخرى. ولهذا السبب ، تكون أنماط التنقل الخاصة بها أكثر تعقيدًا.
المفتاح هو عدم جعل التنقل أكثر تعقيدًا مما يجب أن يكون. تعد القوائم المنسدلة والمطوية من الطرق الجيدة للتعامل مع القوائم الكبيرة دون تشوش الصفحة. إذا نظرت إلى المواقع الإخبارية الكبيرة (مثل أخبار Google ، على سبيل المثال ، أدناه) ، فإنها تحلل الأخبار إلى فئات واسعة مثل السياسة ، والمحلية ، والعالم ، والرياضة ، والترفيه ، وما إلى ذلك. تعتمد الفئات التي تستخدمها على ما إذا كان الموقع هو موقع إخباري عام أو موقع إخباري موضعي.
يمكن للعلامات أيضًا تحسين التنقل بشكل كبير. من خلال وضع علامات على كل قصة ، فإنه يسهل على المستخدمين العثور على قصص ذات صلة ، دون إنشاء بنية فئة معقدة أو منتفخة. من المستحسن عدم تضمين روابط العلامات في كل مقالة فحسب ، بل تضمين قائمة بالعلامات أو سحابة العلامات في مكان ما (يمكن فقط تضمين العلامات الشائعة للمواقع ذات المئات من العلامات).
يعمل الربط المضمَّن داخل المقالات على تحسين تجربة المستخدم إلى حد كبير. تقوم العديد من المواقع الإخبارية الكبيرة بذلك ، مما يسمح للمستخدمين بالوصول على الفور إلى جميع المقالات حول موضوع ما. تشبه إلى حد كبير تضمين العلامات ، ولكن بدلاً من قائمة في بداية المقالة أو نهايتها ، تكون الروابط داخل النص نفسه.
3. مواقع التجارة الإلكترونية
أحيانًا ما تكون مواقع التجارة الإلكترونية معقدة بشكل لا يصدق وتحتوي على مئات (أو الآلاف) من الصفحات الفردية للمنتجات وغيرها من المعلومات. ولهذا السبب ، تعد الطريقة التي يتم بها التعامل مع التنقل أمرًا حيويًا لكل من تجربة المستخدم وخلاصة الأرباح. وبدون بنية ملاحية ممتازة ، سيواجه زوار موقع التجارة الإلكترونية وقتًا أكثر صعوبة في العثور على المنتجات التي يبحثون عنها ، مما يعني أن هناك فرصة جيدة لأن يتحولوا إلى المنافسين من الإحباط.
الشيء الرئيسي في كل موقع للتجارة الإلكترونية مع أكثر من عدد قليل من المنتجات هو نظام بحث جيد. يُعد البحث المدعم أمرًا أساسيًا ، حيث لا يمكن للمستخدمين البحث فقط باستخدام الكلمة الرئيسية ، ولكن أيضًا تحسين نتائجهم استنادًا إلى أشياء مثل السعر أو الحجم أو الفئة أو المقاييس الأخرى (اعتمادًا على منتجات محددة).
يعتبر التنقل داخل الفئة أمرًا ضروريًا أيضًا ، للمستخدمين الذين يرغبون في التصفح. اعتمادًا على ما إذا كنت تستخدم فئات فرعية ، قد يكون التنقل التنقل السريع أيضًا فكرة جيدة (إذا كان موقعك أكثر من طابقين أو ثلاثة مستويات ، يمكن أن تؤدي مسارات التنقل إلى تحسين إمكانية الاستخدام).
إن إعطاء زائرينك طرقًا متعددة للعثور على المنتجات التي يريدونها هي طريقة رائعة لزيادة المبيعات ، ولكن تأكد من أن كل طريقة تعرض جميع المنتجات ذات الصلة. إذا وجد الزائرين أن البحث يُرجع مجموعة واحدة من المنتجات أثناء استعراض إرجاع مجموعة مختلفة ، فسيؤدي ذلك فقط إلى الإحباط.
ال BLIK موقع الويب ، أدناه ، هو مثال رائع على موقع يستخدم شريطًا جانبيًا يحتوي على فلاتر لتحسين نتائج المنتجات. إنه نمط البحث الموجه ، دون ظهور البحث.
4. المعلومات والمواقع المرجعية
تحتوي المواقع المرجعية بشكل عام على شيء واحد مشترك: الكثير من المعلومات عبر الكثير من الصفحات. هذا يجعل من الصعب إنشاء أي نوع من القائمة القياسية. يمكن أن تكون الفئات مفيدة للتصفح ، ولكن عندما تبدأ في الوصول إلى نقطة وجود الآلاف ، أو عشرات الآلاف ، أو حتى الملايين من الصفحات (مثل Wikipedia) ، يتم تقسيم نظام الفئة. بالإضافة إلى ذلك ، يذهب معظم الناس إلى المواقع المرجعية لغرض معين ، وليس لتصفح ، مما يجعل فئات غير مفيدة بشكل خاص.
من الأهمية بمكان أن تتمتع المواقع المرجعية بقدرات بحث ممتازة. يمكن أن يكون البحث الموجه ، مثل الكثير من الاستخدامات على مواقع التجارة الإلكترونية ، مفيدًا أيضًا ، خاصة إذا تم استخدامه بالتزامن مع تنظيم العلامات والفئة الجيد.
من الواضح أن Reference.com ، أدناه ، يريد من الزائرين استخدام البحث للعثور على كل ما يبحثون عنه ، حيث يتم وضعه بشكل بارز في الجزء العلوي من الشاشة.
يجب أيضًا على الصفحات الموجودة على موقع مرجعي استخدام الربط المضمَّن بالمعلومات ذات الصلة. وهذا يسهل على الزائرين العثور على جميع المواد التي يحتاجونها لفهم ما يقرأونه ، دون الاضطرار إلى إجراء عمليات بحث متعددة. إن الحاجة إلى الربط المضمَّن هي السبب في أن قواعد الويكي عمومًا لها بنية قياسية للربط داخل نص المقالة ، بحيث لا يضطر مُنشِئو المحتوى إلى قضاء الوقت للبحث عن الروابط ذات الصلة.
ويكيبيديا ، أدناه ، وغيرها من مواقع الويكي الاستفادة من الربط المضمنة لإضافة سياق للمقالات.
5. مواقع الشركات
هناك تنوع كبير في بنية وحجم مواقع الشركات. بعضها ببساطة لإغراء عملاء جدد. يتم إنشاء الآخرين للحفاظ على العملاء الحاليين على علم. لا يزال يتعين على الآخرين بمثابة إغراء للعملاء الجدد ، بوابة الأخبار للعملاء الحاليين ، والواجهة الأمامية لشبكة إنترانت الشركة.
بغض النظر عن الغرض من موقع الشركة ، فإن التنقل الواضح هو المفتاح. لا تريد أن يضطر المستخدمون إلى قضاء بعض الوقت في البحث عن ملاحة أو محاولة معرفة الرابط الذي يمكنهم النقر عليه للوصول إلى المكان الذي يريدون الذهاب إليه. تأكد من ترتيب الارتباطات منطقيًا ، بحيث يكون لكل منها معنى يسهل فهمه ، وأنه موجود في أماكن منطقية (يكون العنوان والشريط الجانبي صديقان لك هنا).
توضح جميع المواقع أدناه أنه لمجرد أن التنقل موجود في الأماكن الأكثر شيوعًا ، لا يعني أنه لا يمكن أن يكون مبدعًا. طالما أنه سهل الاستخدام ويسهل العثور عليه ، فلا تتردد في إنشاء شيء فريد.
في المواقع التي يزيد حجمها عن اثنتي عشرة صفحة أو أكثر ، من الأفضل تضمين وظائف البحث. من المستحسن أيضًا تضمين ملف sitemap لتسهيل الأمر على المستخدمين الذين يواجهون مشكلة في التنقل العادي للعثور على ما يبحثون عنه بالضبط.
6. المجتمع أو مواقع الشبكات الاجتماعية
بشكل عام مع مواقع الشبكات الاجتماعية الكبيرة ، البحث هو الوسيلة الرئيسية للتنقل. من المنطقي عندما يكون هناك الملايين (أو حتى المليارات) من الصفحات على الموقع. يعد التنقل القياسي القائم على القائمة عديم الجدوى عند التعامل مع هذا الحجم من المعلومات.
لذلك يعتني البحث بالملاحة العامة للموقع. ولكن هذا لا يزال يترك صفحات الملف الشخصي للأعضاء. من المهم هنا وجود تناسق عبر الموقع بأكمله. بغض النظر عما إذا كان موقعك يسمح للأعضاء بتخصيص ملفاتهم الشخصية أم لا ، فمن الضروري أن تكون الروابط موجودة في نفس المكان عبر كل صفحة.
لنأخذ موقع Facebook ، على سبيل المثال: يحتوي كل ملف شخصي للعضو وكل صفحة على روابط لأشياء مثل الصور والمعلومات على الجانب الأيمن. يتم دائمًا ربط الإشعارات والرسائل وطلبات الأصدقاء بالأعلى ، وكذلك روابط إعدادات الحساب وتسجيل الخروج. أصبح شريط التنقل العلوي القياسي من هذا القبيل ، والذي يرتبط دائمًا بحساب الزائر ومعلوماته ، دعامة أساسية للشبكات الاجتماعية المصممة جيدًا.
يجب أن تكون الارتباطات المضمنة متسقة أيضًا. على سبيل المثال ، في أي مرة يظهر اسم المستخدم كرابط ، يجب أن يرتبط بالملف الشخصي لذلك المستخدم ، بصرف النظر عن المحتوى المرتبط به. فكر في المعلومات التي يجب أن ترتبط منطقيًا بالصفحات ، ثم تأكد من أنها ثابتة بغض النظر عن مكان ظهور هذه الروابط.
7. مواقع الحدث
مواقع الحدث بسيطة بشكل عام ولا تحتوي على عدد كبير من الصفحات. ولكن من المهم التفكير في كيفية استخدام زوار موقعك. من المرجح أنهم سيرغبون في القيام بأحد الإجراءات التالية: الاشتراك في الحدث ، معرفة من الذي يحضر أو يتحدث ، الحصول على معلومات حول الحضور (بما في ذلك التكاليف وأشياء مثل فنادق الموقع والمنطقة) ، ورؤية الجدول الزمني للحدث.
يجب النظر إلى الاشتراك في الحدث ، حتى لو كان حدثًا مجانيًا ، على أنه معاملة تجارة إلكترونية. لهذا السبب ، تريد زرًا بارزًا للحث على اتخاذ إجراء للاشتراك.
تعد العناوين القياسية و / أو التنقل في الشريط الجانبي خيارًا ممتازًا للروابط إلى الصفحات الأخرى. قد يكون التنقل المحلي ضروريًا أيضًا إذا كنت ستشمل صفحات فردية لأشياء مثل ورش العمل أو المتحدثين. لا يمكن للقوائم المنسدلة أو القوائم المنطلقة العمل في هذه الحالة إلا إذا كان لديك عدد محدود من الوصلات الفرعية. وإلا ، فمن الأفضل استخدام التنقل الفرعي في شريط جانبي أو داخل صفحة رئيسية.
ال هال الرقمية لايف 10 يحتوي موقع الويب على توجيهات موجزة وسهلة الاستخدام في رأس الصفحة تجعل من السهل العثور على ما يبحث عنه الزائر بالضبط.
نصيحة: إذا كان موقع الحدث الخاص بك سيتضمن منطقة الحضور أو الإنترانت ، فابحث عن اقتراحات للتنقل على شبكة اجتماعية أو موقع مجتمعي للحصول على إرشادات التنقل.
8. مراجعة المواقع
عادة ما يتم استخدام مواقع المراجعة بطريقتين. الأول هو عندما يكون المستخدمون مهتمين بمنتج معين ويريدون رؤية مراجعات لهذا العنصر. في هذه الحالة ، تعتبر وظيفة البحث الممتازة هي أفضل التنقل. فهو يتيح للمستخدمين الوصول إلى المنتج الذي يبحثون عنه بسرعة.
الاستخدام الثاني هو البحث عن أنواع معينة من المنتجات. لهذا الاستخدام ، لا يزال البحث طريقة تنقل قيّمة. لكن الفئات وعمليات البحث الموجهة هي بنفس القدر من الأهمية. يتيح السماح للمستخدمين بتصفح المراجعات حسب الفئة والفئة الفرعية العثور على مجموعة متنوعة من المنتجات التي تناسب احتياجاتهم. من خلال السماح لهم بتنقيح هذه النتائج استنادًا إلى أشياء مثل السعر أو العلامة التجارية التي تسمح بتجربة مستخدم أفضل.
Blippr ، أدناه ، يتضمن كل من التنقل بين الفئات (مع قوائم منسدلة للتنقل الفرعي) وشريط البحث البارز.
9. المواقع الشخصية
المواقع الشخصية هي في الحقيقة البطاقات البرية لعالم تصميم الويب. يمكنك استخدام أي نوع من أنماط التنقل التي تريدها تقريبًا. لا تزال الأعمدة الرئيسية مثل الملاحة والرأس الجانبي هي الأكثر استخدامًا ، ولكن لا يوجد شيء خاطئ في القيام بشيء مختلف تمامًا.
يجب أن تكون المواقع الشخصية انعكاسًا لمالك الموقع. إذا كان هناك شيء غير متوقع يتناسب مع شخصية الموقع ، فبكل الوسائل: اذهب إليه. لا يزال من الأفضل تضمين رابط موقع sitemap في مكان ما ، على الرغم من ذلك ، إذا كنت تستخدم التنقل غير القياسي ، وذلك لتسهيل الأمر على الزائرين الذين لا "يجدونها" للعثور على ما يبحثون عنه.
دانيال مول تحتوي صفحة المحفظة على أحد أنماط التنقل الفريدة التي رأيتها. من السهل استخدامها بينما لا تزال مختلفة تمامًا عن القاعدة.
10. صالات العرض
معارض الصور يجب أن تستخدم مواقع الحافظة والمواقع بشكل عام مجموعة من المواضع القياسية أو التنقل في الشريط الجانبي ووضع العلامات والفئات. يُعد السماح للزائرين بتضييق نطاق الصور التي يتم عرضها استنادًا إلى علامة أو فئة أمرًا مهمًا للحصول على انطباع جيد لدى المستخدم ، خاصة مع زيادة حجم الصور.
سيكون ترقيم الصفحات أيضًا أمرًا حيويًا للمواقع الكبيرة. يمكن أن تبدو التمرير المستمر فكرة جيدة ، ولكن بما أن المعارض ومواقع الحافظات ، بطبيعتها ، مليئة بالوسائط ، يمكن أن ينتهي التمرير المستمر باستخدام الكثير من موارد النظام. أود أن أوصي ضده لأي موقع مع أكثر من بضع عشرات من الصور (على الرغم من معرض أصغر ومواقع محفظة يمكن أن يكون لمسة لطيفة حقا).
معرض الحد الأدنى يستخدم الفئات والبحث ، وترقيم الصفحات.
أخذ بعيدا
إذا كان هناك مفهوم ملاحة واحد يجب أن يكون مطلقًا بغض النظر عن نوع الموقع الذي تصممه ، فهذا هو: التناسق!
يمكنك الابتعاد عن معظم خيارات التنقل المنطقية طالما أنها متسقة عبر موقعك بالكامل. لا تبدأ بالتنقل عبر الشريط الجانبي لنصف موقعك ، والتنقل عبر الرأس للنصف الآخر ، دون أي سبب منطقي للقيام بذلك. إذا كان الرابط الرئيسي في أعلى اليمين دائمًا ، فتأكد من أنه يبقى في الجزء العلوي الأيسر. ينطبق هذا على كل عنصر من عناصر التنقل ، ويصبح أكثر أهمية بشكل كبير مع زيادة حجم الموقع.
بخلاف الاتساق ، فإن أهم شيء يجب فعله عند تصميم أنماط التنقل هو التفكير في كيفية استخدام الزائرين فعليًا لموقعك. لا تخاف من اختبار A / B أو اختبار النسخ المختلفة لمعرفة ما إذا كانت أنماط التنقل تعمل بالطريقة التي ينبغي عليها فعلها.
بغض النظر عن مدى روعتك أو برمجتك الجديدة ، إذا لم تكن تؤدي وظيفتها الأساسية ، فهي تسمح للزوار بالانتقال من منطقة في موقعك إلى منطقة أخرى بالطريقة التي يريدونها ، فقد فشلت عملية التنقل.
لا تتردد في مشاركة نماذج من أنماط التنقل الرائعة أثناء العمل في التعليقات أدناه! يرجى إعلامنا أيضًا إذا كانت لديك أية نصائح أخرى حول أنماط التنقل المناسبة لأنواع معينة من المواقع.