7 أخطاء فظيعة في تصفح موقع الويب يجب عليك تجنبها

يعد التنقل في موقع الويب أحد أهم العناصر في تصميم الموقع. يحتاج الزوار إلى استخدام التنقل لشق طريقهم عبر الموقع والعثور على المعلومات التي يبحثون عنها بسرعة.

إذا كان التنقل محيرًا أو إذا تسبب في تعثر المستخدم بأي شكل من الأشكال ، فإنك تخاطر بإحباطه ومغادرة الموقع تمامًا. ببساطة ، يجب أن يكون التنقل في موقع الويب واضحًا وبديهيًا. لتحقيق هذه السمات ، أوجز 7 أخطاء تحتاج حقًا إلى تجنبها في تصميم التنقل على موقع الويب الخاص بك.

1. خيارات كثيرة جدًا

امنح شخصًا 15 خيارًا للاختيار من بينها وسيستغرق الأمر وقتًا أطول للاختيار مما لو كان لديك 8 خيارات فقط. كلما قل عدد الخيارات الممكنة التي يمكن أن يتخذها شخص ما ، كان بإمكانه تقييم هذه الاختيارات بشكل أسرع ثم اتخاذ القرار بعد ذلك.

لسوء الحظ ، عندما يتعلق الأمر بالتنقل في موقع الويب ، تحاول العديد من الشركات حشر كل ما هو ممكن في شريط التنقل الأساسي لموقعهم حتى يتمكن الزوار من الوصول الفوري إلى جميع خيارات الصفحة.

قد تبدو هذه فكرة جيدة نظرًا لأن جعل الوصول إلى المحتوى أمرًا يستحق العناء ، لكن التحميل الزائد لروابط التنقل سيؤدي في الواقع إلى نتائج عكسية. بدلاً من السماح للزائرين برؤية الصفحات المتاحة بسهولة ، سيغمرهم اتساع الخيارات ولن يتمكنوا من اتخاذ قرار سريع بشأن ما يجب القيام به بعد ذلك.

في اللحظة التي يبدأ فيها هؤلاء الأشخاص في التساؤل عما يجب أن ينقروا عليه بعد ذلك ، فإنك تخاطر بأن ما سيفعلونه في الواقع هو النقر على زر "رجوع" الذي يأخذهم بعيدًا عن موقعك ونظام التنقل المربك فيه.

عند تخطيط وتصميم التنقل الأساسي لموقع ما ، كن جادًا في تحرير تلك القائمة وصولاً إلى أقل الخيارات وأكثرها أهمية. من خلال تقديم خيارات أقل مقدمًا ، ستشجع الأشخاص فعليًا على اتخاذ خيارات أسرع والتعمق في موقعك.

2. خيارات خاطئة

خطأ آخر يرتكبه الأشخاص عند التخطيط للتنقل في الموقع ، خاصةً عندما يبدأون في تحديد ما يجب تركه في التنقل الأساسي وما يجب نقله إلى التنقل في القسم الفرعي ، هو أنهم قطعوا العناصر الخاطئة وتركوها في روابط غير مهمة للموقع الفعلي جمهور.

تذكر ، يجب تصميم موقع الويب لتلبية احتياجات الأشخاص الذين سيستخدمونه. على هذا النحو ، فإن المحتوى أو الميزات المهمة بالنسبة لهم هي ما يجب التركيز عليه.

قد يكون ارتباط مثل "رسالة من الرئيس" مهمًا للمدير التنفيذي للشركة ، ولكن إذا كان عملاء تلك الشركة لا يبحثون عن هذا المحتوى ، فإن وضعه في صف التنقل يعد أمرًا مضللًا ، لا سيما إذا كان هناك بدلاً من رابط في الواقع مهم لعملاء الموقع!

3. اذهب كبيرًا أو اذهب إلى المنزل

تتم زيارة مواقع الويب اليوم على مجموعة متنوعة من الأجهزة وأحجام الشاشات. لقد ولت الأيام التي كانت تستخدم فيها أجهزة عرض سطح المكتب العملاقة فقط للوصول إلى محتوى الويب ، لذلك لتحقيق النجاح على الويب اليوم ، تحتاج المواقع والتنقل إليها لاستيعاب هذه المجموعة الواسعة من الشاشات.

غالبًا ما يتم تصميم أنظمة التنقل لشاشات العرض الكبيرة فقط. على الشاشات الأصغر ، بما في ذلك الأجهزة اللوحية والهواتف ، سيتعطل هذا التنقل ويصبح غير قابل للاستخدام. هذا هو السبب في ضرورة تصميم مواقع الويب بنهج سريع الاستجابة لدعم الأجهزة المتعددة.

باستخدام موقع متجاوب ، يمكن إعادة تصميم التنقل لأحجام مختلفة للشاشات لضمان وضوحه وسهولة استخدامه دائمًا. تعتبر منصة مثل Webydo ، مع محررها المتجاوب المثالي للبكسل ، طريقة رائعة لتصميم مخططات تنقل مختلفة للأحجام المختلفة التي سيعرضها موقع الويب - ومع منصة تطوير Webydo الخالية من الأكواد ، بمجرد تصميم التنقل والصفحات ، يمكن نشرها بسهولة كصفحات ويب عاملة!

4. يطير خارج القائمة الفوضى

أثناء عملك على تعديل عدد الخيارات لأسفل للقائمة الأساسية للموقع ، ستبدأ في العثور على الروابط والصفحات التي يتم تقديمها بشكل أفضل كقوائم فرعية. على سبيل المثال ، قد يكون للتنقل الأساسي خيارًا لـ "شركتنا" ، وتحت هذا الزر / القسم قد يكون لديك خيارات أخرى ، رغم أنها ضرورية للموقع ، إلا أنها ليست مهمة بما يكفي لتبرير موضع التنقل الأساسي. يمكن أن تشمل:

• تاريخ الشركة
• فريق القيادة
• الشهادات - التوصيات
• وظائف

إحدى الطرق التي يمكنك من خلالها تقديم هذه القوائم الفرعية هي القائمة المنسدلة أو القائمة المنسدلة. هذا هو المكان الذي تظهر فيه القائمة بمجرد تحريك مؤشر الماوس فوق ارتباط المستوى الأعلى. بالرغم من شيوع هذا العلاج ، إلا أنه يمكن أن يمنع بعض التحديات.

على سبيل المثال ، على الأجهزة ذات الشاشات التي تعمل باللمس حيث لا توجد حالة "تمرير" تقنيًا ، فأنت تريد التأكد من أن الروابط الخاصة بك لا تزال في متناول المستخدمين. تريد أيضًا تجنب القوائم المنبثقة التي تحتوي على 3 مستويات أو أكثر. غالبًا ما يكون من الصعب التنقل في أنظمة القائمة التي تحتوي على قوائم fly-outs تأتي من قوائم fly-out أخرى ، لذا تجنب هذه القوائم غير العملية في أي موقع تقوم بتصميمه.

إذا كنت ترغب في معرفة المزيد حول نوع التنقل الأنسب لموقعك ، فإن أنماط تصميم أهمية التنقل تناقش الأنواع المختلفة لأنظمة التنقل باستخدام أمثلة من بعض أهم مواقع الويب وتطبيقات الويب.

5. التضارب

بمجرد أن يكتشف الشخص كيفية استخدام قائمة التنقل الخاصة بك ويكون مرتاحًا لمكان كل شيء ، لا تغير ذلك عليه! يجب أن تتمتع مواقع الويب بالتنقل المتسق خلال التجربة بأكملها - لكل تكرار لقائمة ، عبر الأجهزة وبغض النظر عن الصفحة التي توجد عليها. قد تتغير القوائم الفرعية من صفحة إلى أخرى ، لكن التنقل الأساسي أو عناصر التحكم يجب أن تكون ثابتة.

6. طويل جدا

يعد تحرير خيارات التنقل في الموقع لتقديم خيارات أقل أمرًا مهمًا ، ولكنك تحتاج أيضًا إلى التأكد من أن تسمية النص للخيارات المتبقية قصيرة وحلوة.

الرابط الذي يقول "كل شيء عن شركتنا" غير ضروري عندما تعمل "شركتنا" أو "الشركة" أو "نبذة عنا" أو "حول" فقط بشكل جيد. قد لا يبدو هذا كتعديل كبير ، لكننا انتقلنا من 4 كلمات إلى كلمة واحدة أو كلمتين فقط.

إذا قمت بتحرير مثل هذا عبر شريط التنقل بأكمله ، فستكون قد قطعت بشكل فعال مقدار النص الذي يتعين على الأشخاص معالجته إلى النصف مع الاستمرار في نقل المحتوى المناسب لتلك الروابط.

7. نغمة خاطئة

كل موقع له نغمة. يمكن أن تكون هذه النغمة فضفاضة وودودة ، وقد تكون احترافية ومباشرة ، أو أي عدد من الاحتمالات الأخرى. مهما كانت نغمة الموقع ، يجب أن تعكس لغة التنقل ذلك.

إذا كان من المفترض أن يكون موقع الويب ودودًا ومفيدًا ، فقد يكون الرابط الذي يقرأ "كيف يمكننا المساعدة" أكثر ملاءمة من الرابط الذي يقول ببساطة "الخدمات". من خلال فهم نغمة رسالة الموقع ، يمكنك تصميم التنقل المتوافق مع هذه النغمة.

نعم ، في هذه الحالة يكون النص الأول أطول بكثير من النص الثاني ، وهو ما يبدو مخالفًا للنصائح الأخرى المقدمة في هذه المقالة ، ولكن تذكر أن الهدف ليس بالضرورة جعل النص قصيرًا قدر الإمكان ، ولكن القيام بالاختيارات الصحيحة بشكل عام. يتضمن هذا الطول المناسب للنص ، ولكنه يتضمن أيضًا النغمة والخيارات المناسبة والمزيد.

إذا كنت تبحث عن حل تصميم أو أفكار للتنقل في موقعك ، فقم بإلقاء نظرة على هذا المنشور.

في الختام

يمكن أن يؤدي تصميم التنقل في موقع الويب إلى تجربة ما أو كسرها. من خلال التأكد من أن هيكل التنقل واضح وسهل الاستخدام ، فإنك تشجع الزائرين على قضاء بعض الوقت في موقع ما وتساعدهم في توجيههم إلى المحتوى أو الميزات المهمة بالنسبة لهم والمهمة لعملك.