هناك العديد من جوانب تصميم موقع الويب الخاص بك التي يمكن أن تعزز تجربة مستخدم جيدة، والعديد من التفاصيل التي إذا تم تجاهلها، يمكن أن تدمر تجربة المستخدم، فمن الجاذبية المرئية لموقعك، إلى تخطيطه، واستخدام النصوص، فإن موقع الويب الجيد يتطلب توازنًا بين الجماليات والوظائف الجيدة .من بين جميع العناصر التي يجب مراعاتها، هو إنشاء تصميم UX لموقعك لضمان التنقل بموقع الويب بشكل سلس يساعد المستخدمين في العثور على المحتوى الذي يبحثون عنه، ويقدم لهم تجربة إيجابية تشجعهم على العودة.
دعونا نلقي نظرة على سبب أهمية التنقل بموقع الويب، وكيف يمكنك تزويد المستخدمين بتجربة مستخدم خالية من العيوب، فهنا سوف نتعمق في الأساسيات، بالإضافة إلى نصائح حول كيفية تصميم موقع الويب الخاص بعملك.
ما هو تصفح الموقع الالكتروني ولماذا هو مهم؟
تخيل أنك تريد شراء حقيبة جديدة، وبدأت بتصفح مواقع التجارة الإلكترونية الخاصة ببيع الحقائب بكل أنواعها، وبعد التصفح وجدت الحقيبة المفضلة وتريد إجرا عملية الشراء، ولكن بمجرد أن تصبح جاهزًا للدفع لا يمكنك تحديد موقع زر الدفع!.
بعد كل هذا التصفح، يبدو أن إتمام عملية الشراء معقدة للغاية، لذلك في النهاية سوف تنتقل لصالح علامة تجارية أخرى.
يشير التنقل بموقع الويب إلى ما يسهل رحلة المستخدم هذه، ويتأثر بتصميم موقعك، حيث يلعب تنظيم الروابط والقوائم والاتصال بين الصفحات المختلفة على موقع الويب دورًا في التنقل.
قد تهمل الممارسات الجيدة للتنقل في موقع الويب سيناريو مثل السيناريو المذكور أعلاه لعلامتك التجارية، مما يؤثر على حركة المرور والتحويل ومعدلات الارتداد، وهو عامل حاسم في تجربة المستخدم لتصميمك.
أنواع قوائم تصفح الموقع
يكمن جوهر التنقل في قائمة موقع الويب الخاص بك، بسلسلة من العناصر المرتبطة التي تساعد المستخدمين على التنقل بين الصفحات أو الأقسام المختلفة للموقع.
هناك عدة أنواع قياسية لقوائم تصفح مواقع الويب التي يتم التعرف عليها في جميع أنحاء العالم عبر الإنترنت، وقد قمنا بتحديدها أدناه.
هناك عدة أنواع قياسية لقوائم تصفح مواقع الويب التي يتم التعرف عليها في جميع أنحاء العالم عبر الإنترنت، وقد قمنا بتحديدها أدناه.
واعتمادًا على التصميم الخاص بك، فإن أيًا منها عند تنفيذه مع وضع أفضل ممارساتنا في الاعتبار، لمساعدة المستخدمين في العثور على طريقهم والتنقل في موقع الويب بسهولة.
التنقل الأفقي
هذه قائمة كلاسيكية تظهر عادةً في رأس موقع الويب الخاص بك، حيث تعمل قائمة التنقل الأفقية أفقيًا عبر الشاشة، وستقوم بعرض الصفحات المتاحة على موقعك.
نظرًا لأنها معيار في تصميم الويب، فإن هذا النوع من القوائم سهل الاستخدام ويسهل على الزائرين العثور عليه.
قائمة التنقل المنسدلة
إذا كان موقع الويب يحتوي على الكثير من المحتوى، فهنا نلجأ إلى إنشاء قائمة منسدلة، وهي عبارة عن قوائم أو لوحات كبيرة تفتح على مجموعة من الخيارات.
ولتجنب الحمل الزائد للمعلومات، يمكنك استخدام أدوات التصميم لإنشاء تسلسل هرمي داخل هذا العنصر.
وهنا يجب الانتباه للترتيب والتأكد من تمييز كل فئة وفئة فرعية، كما يمكنك أيضًا استخدام مساحة إضافية حول كل عنصر حتى يفهم الزوار الفرق.
قائمة همبرغر
على الرغم من أن هذا يظهر بشكل أساسي على التنقل عبر الأجهزة المحمولة، إلا أن هذا الرمز البسيط المكون من ثلاثة أسطر يُرى الآن على العديد من إصدارات سطح المكتب لمواقع الويب أيضًا.
تقدم قائمة الهامبرغر رمزًا بسيطًا لا يتعارض مع تصميم موقع الويب ويكون مفيدًا بشكل خاص عندما تكون الخيارات محدودة، مثل الأجهزة المحمولة.
الشريط الجانبي
قوائم الشريط الجانبي هي قوائم عمودية توضع على يسار أو يمين موقع الويب، هذه قائمة موجودة على جانب صفحتك، ويمكن أن تكون قوائم الشريط الجانبي في حدها الأدنى، أو يمكن أن تحتل مركز الصدارة وتصبح جزءًا لا يتجزأ من التصميم.
التنقل في التذييل
يعد تذييل موقع الويب الخاص بك مكانًا رائعًا لإضافة روابط الوسائط الاجتماعية الخاصة بك، وأي روابط مهمة أخرى قد يجدها زوار الموقع مفيدة، يمكنه أيضًا تكرار قائمة التنقل أعلى صفحتك.
نصائح حول التنقل بموقع الويب :
خطة الملاحة مع خريطة الموقع
عند إنشاء موقع ويب، فإن القليل من التفكير في كيفية توضيح الميزات والصفحات التي يتطلبها موقع الويب الخاص بك، وكيف يجب أن يكون التسلسل الهرمي لها، يقطع شوطًا طويلاً من أجل تجربة مستخدم جيدة.
هل تحتاج إلى صفحة من نحن أو مدونة أو قسم للأسئلة الشائعة؟ أي من هذه الصفحات هي الأكثر أهمية أو قيمة لزوار موقعك؟
لتطوير هذا التسلسل الهرمي، من الشائع إنشاء خريطة موقع، ويجب أن يشتمل ملف Sitemap على قائمة بجميع العناصر الرئيسية لواجهة المستخدم وجميع الفئات الفرعية بداخلها.
ونظرًا لأنها ستشكل قائمة التنقل الخاصة بك، فمن المفترض أن تساعدك هذه الممارسة في الإشارة بوضوح إلى الصفحات الأكثر أهمية بالنسبة للزائرين للوصول إليها.
لإنشاء واحدة، يمكنك استخدام أي طريقة تجدها أكثر راحة: اكتبها يدويًا، أو قدمها كمخطط انسيابي أو رسم تخطيطي، أو اكتبها في جدول بيانات.
إعطاء الأولوية لصفحاتك
عند اتخاذ قرار بشأن التسلسل الهرمي، ضع في اعتبارك المكان الذي تريد توجيه الزوار إليه أولاً، ستعتمد أهدافك على نوع موقع الويب الذي تنشئه، ولكن إليك بعض الإرشادات التي يجب وضعها في الاعتبار:
· كيف ستوجه الزوار من خلال مسار التحويل الخاص بك؟
· ما هي المعلومات الأكثر قيمة بالنسبة لك ولزوارك؟
· ما الهدف من زيارة موقع الويب الخاص بك، وهل يمكن للزوار تحقيقه بسهولة في قائمة التنقل الخاصة بك؟
تعد هذه الصفحات جزءًا من التنقل الأساسي، ويجب أن تظهر في القائمة الرئيسية لموقعك لتسهيل الوصول إليها قدر الإمكان.
التمسك بالممارسات المتفق عليها
في حين أنه من المغري كسر القالب، هناك أوقات يكون من الأفضل فيها الالتزام بأفضل الممارسات، بعد كل شيء، هناك سبب لظهور الارتباطات التشعبية بشكل عام باللون الأزرق، أو سبب وضع الشعار عادةً في أحد الزوايا العلوية لموقع الويب، فهذه الفروق الدقيقة المألوفة، أو اتفاقيات التصميم، موجودة لأنها فعالة.
إذا أردت أن ينساب الزوار بسلاسة عبر موقع الويب الخاص بك، وأن نتألق هوية علامتك التجارية، قم بتنفيذ اتجاهات تصميم الويب وعناصر التصميم الجذابة، وعندما يتعلق الأمر بالتنقل، أكد على الوضوح على الجرأة الجمالية.
استخدام قائمة ثابتة
القائمة الثابتة يشار إليها أيضًا بالقائمة العائمة، وهي قائمة تظل في وضعها حتى أثناء قيام الزائرين بالتمرير لأسفل على موقعك.
هذا مهم بشكل خاص للصفحات الطويلة، لأنك لا تريد أن يقوم الزوار برحلة طوال الطريق إلى الجزء العلوي من موقعك للوصول إلى صفحة أخرى فقط.
هناك أيضًا خيار إضافة زر “الرجوع إلى الأعلى” الذي سيساعد المستخدمين على توفير الوقت، وأي حل تختاره يعتمد على تصميم وتخطيط موقع الويب الخاص بك، لذا ضع في الاعتبار الخيارات المختلفة عند التفكير في أنسب شكل من أشكال التنقل للزائرين.
تحديد عدد العناصر في القائمة الخاصة بك
– احتفظ بقائمتك بالحد الأدنى، بحد أقصى ست أو سبع فئات، بحيث يمكن للمستخدمين معالجة المعلومات والوصول إلى الصفحات المطلوبة بشكل أسرع.
– وإذا كان موقعك يحتوي على الكثير من المعلومات والبيانات، فيمكنك تقسيمها إلى أقسام باستخدام القائمة المنسدلة.
– هذا يعني أنه عندما يتجول الزوار فوق عنصر واحد في قائمتك، ستظهر قائمة بالفئات الفرعية التي يمكنهم الاختيار من بينها.
إضافة شريط بحث
من الممارسات الرائعة في التنقل للمواقع ذات المحتوى الثقيل إضافة شريط بحث مخصص، فهذه الأداة يمكن أن تساعد المستخدمين في العثور على ما يريدون بسلاسة وبسرعة.
ويعد شريط البحث مفيدًا بشكل خاص للزائرين الذين لديهم خبرة أقل في تصفح الويب، لأنه مفهوم مألوف يمكنهم فهمه بشكل حدسي.
وفيما يتعلق بموضع شريط البحث الخاص بك، من الجيد إبقائه قريبًا من قائمتك، تمامًا مثل قائمة التنقل التي يمكن أن تظل ثابتة في مكانها عندما يقوم الزوار بالتمرير لأسفل على موقعك لتوفير وصول سهل إلى صفحات موقعك.
قم بتسمية قائمتك بوضوح
بمجرد معرفة العناصر التي ستظهر في قائمتك، يجب أن تفكر بشكل استراتيجي حول كيفية تصنيفها، في هذه الحالة، يكون الوضوح هو الأولوية الأكبر، لذا امتنع عن استخدام مسميات غير مفهومة.
وتأكد من أن نص القائمة الخاص بك واضح ووصفي إلى حد كبير وليس عامًا جدًا، إذا لم تكن متأكدًا تمامًا من الصياغة التي ستعمل بشكل أفضل، يمكنك تجربة نسختين مختلفتين واختبارهما عن طريق إجراء اختبارات A / B على موقعك.
بالإضافة إلى التأكد من إمكانية العثور على العناصر، فإن قائمة التنقل الوصفية ستلمح أيضًا إلى Google ومحركات البحث الأخرى بموضوع موقع الويب الخاص بك.
اربط شعارك بالصفحة الرئيسية
عدم ربط شعارك بالصفحة الرئيسية هو خطأ شائع في تصميم الويب يمكن تجنبه بسهولة، لا تحتاج قائمتك إلى تضمين كلمة “الصفحة الرئيسية”، – ففي الواقع، إذا كانت كذلك، ستظهر قديمة- وبدلاً من ذلك، أضف شعارك الخاص في الجزء العلوي من كل صفحة من صفحات موقعك على الويب واربطه بالصفحة الرئيسية.
غالبًا ما تظهر الشعارات على الجانب الأيمن من عنوان موقع الويب، ولكن يختلف الموضع الدقيق، فالشيء الأكثر أهمية هو أن شعارك سيظهر في الجزء العلوي من موقعك، بالقرب من قائمتك.
حدد الصفحة التي يتصفحها المستخدم
لا أحد يحب أن يشعر بالارتباك، ولا يوجد استثناء عند التنقل بموقع ويب، حيث يمكنك تجنب ذلك، من خلال التوضيح للزوار مكان وجودهم على موقع الويب الخاص بك.
واحدة من أفضل الطرق وأكثرها تطوراً للقيام بذلك هي إضافة (breadcrumbs) إلى موقعك، لأن مسار التنقل بموقع الويب هو طريقة تعرض موقع المستخدم على الصفحة بالنسبة لبقية الموقع، مما يجعل التنقل سهل وسلس للغاية.
عادةً ما يتم تقديم مسارات التنقل عبر الجزء العلوي من الصفحة كسلسلة من الروابط الأفقية مفصولة بالرمز “أكبر من” (>)،
ولكن طبعًا يمكنك استخدام الأسهم أو الصور الأخرى التي تظل متوافقة مع اللغة المرئية لموقعك.
يعد شريط الحالة أحد الخيارات البسيطة للمواقع ذات المحتوى الطويل، والذي يوضح للمستخدم مكان وجوده عند شق طريقه عبر صفحة معينة.
تأكد من أنه يمكن للزوار الوصول لأي صفحة من أي مكان
نصيحة أخيرة وقاعدة أساسية هي أنه يجب أن يكون الزوار قادرين على التنقل إلى أي صفحة يرغبون فيها، من أي صفحة.
وتذكر!، لن يصل الجميع إلى موقعك من صفحته الرئيسية، هذا يعني أن أي صفحة أخرى يصلون إليها يجب أن تتصل ببقية موقعك.
والحل السهل هو التأكد من إمكانية الوصول إلى جميع الصفحات من القائمة، وأن كل صفحة تتضمن قائمة.
ولجعل الأمور أكثر سهولة ، حافظ على اتساق تصميم قائمة موقع الويب في كل صفحة، وضعه في نفس المكان تمامًا لتجنب الالتباس.
نصيحة احترافية
عند التفكير في تجربة المستخدم لاستيعاب صفحات طويلة من النصوص مثل منشورات المدونة الطويلة أو الصفحات المقصودة، فإن روابط الربط تعد أداة تنقل أخرى مفيدة في موقعك.
تعيش هذه الروابط خارج قائمة التنقل الخاصة بك، وتوضع بشكل عام في أعلى الصفحة لمساعدة الزوار على تخطي المحتوى غير ذي الصلة إلى الأجزاء التي يهتمون بها أكثر.
