أخطاء تصميم الويب التي يجب تجنبها والقضاء عليها (وكيفية تجنبها)
أخطاء تصميم الويب | لم يعد امتلاك موقع ويب خيارًا للشركات. إنه مطلب حاسم. والأهم من ذلك ، يجب أن يفي موقع
الويب الذي تطوره لعملك بمعايير تصميم معينة.
يمكن أن يساعد موقع الويب الجذاب نشاطك التجاري في جذب الانتباه وإشراك العملاء وإثبات مصداقية عملك
عبر الإنترنت. يؤثر تصميم موقع الويب بشكل كبير في كيفية إدراك العملاء المحتملين لعلامتك التجارية.
حتى أدنى خلل في التصميم يمكن أن يدفع المستخدمين بعيدًا. إذا بدا موقع الويب الخاص بك قديمًا وغير جذاب ،
فقد يؤثر ذلك سلبًا على عملك.
بهدف إنشاء تجربة مستخدم رائعة من خلال موقع ويب جيد التصميم ، دعنا نراجع أخطاء تصميم الويب التي يجب
تجنبها والقضاء عليها.
.
تصميم غير مستجيب
دعونا نفهم أولاً ما يعنيه تصميم الويب سريع الاستجابة.
في تصميم الويب ، يعد التصميم سريع الاستجابة طريقة لإنشاء مواقع ويب تعمل وتبدو جيدة على أي جهاز ، سواء
كانت شاشة سطح مكتب كبيرة أو كمبيوتر محمول أو جهاز لوحي أو أصغر شاشات الهواتف الذكية. يعمل
التصميم سريع الاستجابة على تحسين موقع الويب على شاشة المستخدم.
اليوم ، يستخدم العديد من الأشخاص أجهزة هواتف ذكية مختلفة غير الكمبيوتر لتصفح الويب والبحث فيه.
إذا كان موقعك على الويب يتكيف تلقائيًا مع جهاز الزائر ، فإنه يسمح للمستخدمين بقضاء المزيد من الوقت في
تصفح موقعك ويبقيهم مشاركين لفترة أطول.
.
من ناحية أخرى ، موقع غير مستجيب أو غير مستجيب –
-يؤثر بشكل سيء على تجربة المستخدم
-يولد تخطيط ويب ضعيفًا عند استخدام جهاز مختلف للتصفح ، مما يؤدي إلى ضعف إمكانية القراءة
وانخفاض جودة الصور
-صعب التنقل
-غير مناسب للجوّال
.
كيف يمكننا تجنب إنشاء تصميم غير مستجيب؟
-حاول استخدام نهج الجوال أولاً عند إنشاء موقع ويب جديد. تأكد من تحميل عناصر موقع الويب بشكل مثالي على
الشاشات الصغيرة. ثم ابدأ في العمل حتى تصل إلى شاشات أكبر للأجهزة مثل الأجهزة اللوحية
وأجهزة الكمبيوتر المحمولة وما إلى ذلك.
-ضع تركيزًا قويًا على إنشاء واجهات مستخدم عالية الجودة وتجربة (UX / UI) للأجهزة المحمولة.
-يمكن لمطوري الويب استخدام أدوات مثل Media Queries و CSS3 Modules لإخفاء حجم المحتوى أو إظهاره
أو نقله أو تعديله وفقًا لدقة الشاشة وأحجام الجهاز.
.
النوافذ المنبثقة التخريبية
يتعثر الكثير منا على النوافذ المنبثقة أثناء تصفح الويب. تظهر فجأة ، تسألك عما إذا كنت بحاجة إلى مساعدة
أو تطالبك بالاشتراك والتنزيل.
ولكن بدلاً من العثور عليها مفيدة ، غالبًا ما يجدها العديد من المستخدمين مزعجة لأنها تعرقل العرض وتعطل التنقل.
بصرف النظر عن السبب المذكور أعلاه ، هناك العديد من الأسباب الأخرى التي تجعل المستخدمين يكرهون النوافذ المنبثقة.
-يمكن أن تؤدي النوافذ المنبثقة إلى تشتيت انتباه الزائرين وإرباكهم.
-يمكنهم خفض UX.
-ينظر إليها العديد من المستخدمين بعين الريبة ويعتبرونها برامج ضارة.
-يجبرون المستخدم على اتخاذ إجراء.
-يمكن أن تؤدي إلى ارتفاع معدل الارتداد عندما يغادر المستخدمون الذين لا يريدون التعامل معهم الموقع.
-يمكن أن تضر بسمعة العلامة التجارية إذا لم يتم استخدامها بعناية.
-تبدو فظيعة بشكل لا يصدق على الهاتف المحمول إذا لم يتم تصميمها بعناية.
الآن ، على الرغم من كل الأسباب المذكورة أعلاه
لا تزال العديد من الشركات تستخدمها على مواقع الويب الخاصةبهم للأسباب التالية:
-تجذب النوافذ المنبثقة انتباه زوار موقع الويب.
-إنها تساعد في إبقاء الزوار على صفحة الويب لفترة أطول قليلاً
-يمنعون الزوار من الخروج من الموقع على الفور
-النوافذ المنبثقة لها عائد استثمار محتمل.
-النوافذ المنبثقة تحصل على التحويل. في عام 2020 ، تم حساب متوسط معدل التحويل للنوافذ المنبثقة
بنسبة 3.09٪.
– متعددة الاستخدامات ويمكن استخدامها في نقاط مختلفة – عند الدخول ، بعد التمرير إلى نقطة معينة ،
مباشرة قبل الخروج ، أو تشغيلها بواسطة إجراء معين.
ولكن ، يمكن أن تؤدي أيضًا إلى تجربة مستخدم سيئة ، وبالتالي عليك أن تكون أكثر حذراً عند تنفيذ النوافذ المنبثقة
على موقع الويب الخاص بك.
.
كيف يمكننا تجنب ارتكاب الأخطاء في استخدام النوافذ المنبثقة؟
-اتبع قواعد Google للنوافذ المنبثقة على الهواتف المحمولة وأنشئ نوافذ منبثقة غير مزعجة خاصة بالجهاز.
-أضف النوافذ المنبثقة فقط عندما تكون متأكدًا من أنها تقدم شيئًا ذا قيمة للزائرين. يجب ألا يضيعوا وقت الزائر بأي
اضطراب لا معنى له.
-لا تكن كسولًا أثناء تصميم النوافذ المنبثقة. صممها لتكون بنفس جودة باقي مواقع الويب الخاصة بك.
-تأكد من أنها تستجيب.
-كن بسيطًا فيما يتعلق بجمع معلومات الاتصال بالزائر وتحديد محتوى النوافذ المنبثقة.
-إذا أمكن ، تجنب عرض النوافذ المنبثقة فور بدء الزائر في التنقل.
-قم دائمًا بتضمين طريقة سهلة للزائر للخروج من النافذة المنبثقة عن طريق وضع زر “X” له / لها في أعلى اليمين.
-يمكن أن يؤدي التوقيت المناسب للنوافذ المنبثقة إلى إنشاء التجربة المناسبة في الموقع لزائرك.
من المهم أيضًا التأكد من وضع النوافذ المنبثقة في المكان الصحيح لموقعك على الويب
-يمكن وضع النوافذ المنبثقة المتطفلة في وسط الشاشة.
-يمكن وضع النوافذ المنبثقة مع العروض الخاصة بشريط لاصق.
-إذا احتاج الزائرون إلى منحهم بعض الوقت للتفكير أثناء تنقلهم حول موقع الويب ، فيمكن وضع النوافذ المنبثقة على الجانب.
-أخيرًا ، كن انتقائيًا – لا تعرض النوافذ المنبثقة في كل صفحة من صفحات موقعك على الويب.
.
المحتوى غير قابل للفحص
هل لاحظت أننا نميل إلى القراءة على الشاشة بشكل أبطأ من القراءة من كتاب مطبوع – أبطأ بنسبة 25٪ تقريبًا؟
في الواقع ، نحن لا نقرأ حتى على الإنترنت ، بل نتصفح.
يجب أن يكون محتوى الويب قابلاً للفحص لأن الزوار لا يتحلىون بالصبر للبقاء في موقع ويب واحد لفترة طويلة.
لذلك ، عندما يهبطون على موقع ويب به جدران نصية ، يمكن أن يكون ذلك بمثابة تجربة مخيفة ومملة. لا أحد يحب
القراءة من خلال جدران النص.
أيضًا ، هناك عوامل تشتيت أخرى على موقع ويب تحاول جذب انتباه الزائر – صور ، روابط تشعبية ، رسوم متحركة ،
فيديو ، إلخ.
تذكر أن كتابة المحتوى لموقع ويب يختلف عن كتابة المواد المطبوعة ، لذلك يجب أن يكون من السهل مسحه ضوئيًا.
.
كيف نتجنب كتابة محتوى غير قابل للفحص؟
-تجنب التفاصيل الإضافية
-اتبع أسلوب كتابة بسيط
-يجب أن يكون المحتوى الخاص بك قصيرًا ومباشرًا.
-استخدم العناوين الفرعية والقوائم النقطية والفقرات القصيرة والكلمات الأساسية المميزة.
-استخدم الصور لنقل بعض النقاط عن طريق إضافة تسميات توضيحية أصغر.
-أضف مساحة بيضاء كافية لمنع الشاشة من أن تبدو مزدحمة.
-قدم روابط للمحتوى عندما تريد تزويد الزائرين بمعلومات إضافية.
.
التشغيل التلقائي للفيديو مع الصوت
تعد إضافة الفيديو إلى مواقع الويب مفيدة. إذا تم استخدامه بشكل مناسب ، فيمكن أن يساعدك في جذب انتباه زائر
موقعك على الويب والحصول على تحويلات لك.
ولكن ما هو غير مقبول هو التشغيل التلقائي لمقطع فيديو على موقع الويب الخاص بك دون موافقة وتوقع الشخص
الذي يزور موقعك.
هناك بعض المواقع التي يكون من المقبول والمتوقع فيها تشغيل مقاطع الفيديو تلقائيًا – مثل مواقع الويب التي
تغطي الأخبار أو الرياضات الاحترافية.
ومع ذلك ، فإنها تجربة محبطة للزائرين عندما ينقرون على رابط صفحة ويب أو يتصفحون صفحة معينة ، وعندما تفتح
الصفحة ، يبدأ تشغيل الفيديو باللون الأزرق.
بدلاً من محاولة البحث عن خيار كتم الصوت ، يميل العديد من الزوار إلى مغادرة الصفحة على الفور.
.
ما هو الحل؟
-تذكر أنه لا يجب الضغط على المستخدمين – لذلك ، قد يبدو تشغيل الفيديو تلقائيًا مع الصوت وكأنه نهج عدواني.
-قم بإجراء اختبار A / B لنسختين من الفيديو الخاص بك – أحدهما يتم تشغيله تلقائيًا والآخر حيث يتحكم المستخدمون
في تشغيل الفيديو.
-إذا كان يجب عليك تشغيل مقطع فيديو تلقائيًا ، فقم بكتمه. تعرف على كيفية استخدام Twitter و Facebook لفيديو
التشغيل التلقائي الصامت حيث يرى المستخدم الفيديو يتم تشغيله تلقائيًا ولكن عليه تنشيط الصوت يدويًا.
.
التنقل بين الصفحات
في عصر يتم فيه تسليم كل شيء على الفور ، فإن أي شيء أطول سيجعل الأشخاص يهجرون موقع الويب الخاص بك.
يسمح التنقل في موقع الويب للزوار بالانتقال من صفحة إلى أخرى دون إحباط. إذا كان موقع الويب الخاص بك به مشاكل
في التنقل ، فلن يجد المستخدمون المحتوى الخاص بك. لن يعني اكتشاف أي محتوى عدم وجود تحويلات.
.
كيف يمكننا تجنب ارتكاب أخطاء في التنقل؟
-اجعل النص التشعبي في موقع الويب الخاص بك واضحًا – يجب أن يكون الزائرون قادرين على تمييز ارتباط تشعبي
-من نص أساسي – قم بتنسيقه بلون مختلف أو بخط غامق أو وضع خط تحته.
-يجب ألا تبدو الأشرطة الجانبية مثل باقي محتوى الويب. يجب أن تبرز.
-قم بتبسيط شريط التنقل – قم بإزالة الفوضى واتبع بنية
-استخدم أسلوبًا بسيطًا وواضحًا أثناء تسمية الارتباطات التشعبية.
-تأكد من استجابة التنقل في موقع الويب على الهاتف المحمول.
-استخدم الأزرار فقط من أجل CTA – Calls to Action
-استخدم أدوات التقييم المخصصة للتحقق من كيفية تنقل المستخدمين في موقع الويب.
-تأكد من تغيير لون الروابط التي تمت زيارتها – حتى يكتشفوا مكانهم وأين كانوا.
-تجنب استخدام التنقل الذي لا يمكن التحكم فيه في شكل رسوم متحركة تتدحرج أو ترتد أو تتحرك بينما يحاول
المستخدمون قراءة شيء ما على موقع الويب الخاص بك.
.
بطء التحميل
إذا استغرق تحميل موقعك على الويب أكثر من أربع ثوانٍ ، فهو بطيء جدًا. بالنسبة للجوال ، يكون وقت تحميل موقع
الويب المثالي من ثانية إلى ثانيتين.
العناصر الموجودة في تصميم الويب الخاص بك لها تأثير كبير على وقت تحميل الصفحة ، وبالتالي تؤثر على
ترتيب تحسين محركات البحث لموقعك على الويب.
.
ما الحل لبطء التحميل؟
-يجب ضغط الصورة الموجودة على الموقع. عادةً ما تكون الصور غير المحسَّنة هي السبب الأكثر شيوعًا وراء بطء موقع
الويب – تحقق من حجم الصور قبل التحميل.
-حاول تنفيذ وظائف ذاكرة التخزين المؤقت على موقع الويب الخاص بك. التخزين المؤقت يحسن أداء الموقع. إذا كنت
تستخدم WordPress CMS ، فيمكنك العثور على العديد من المكونات الإضافية لذاكرة التخزين المؤقت التي يمكن أن
تساعدك في تحسين أداء موقع الويب الخاص بك.
-عند إنشاء موقع الويب الخاص بك ، تجنب الترميز غير النظيف – فالمساحة البيضاء الزائدة ، والتصميم المضمن ،
والكثير من التعليقات يمكن أن تجعل ورقة أنماط موقع الويب أكبر حجمًا.
.
الأخطاء المطبعية
يمكن أن تؤثر الطباعة على السرعة والراحة التي يقرأ بها زائر موقع الويب النص المكتوب. يعد اختيار الخطوط وأحجام
الخطوط غير الصحيحة أحد الأخطاء الشائعة العديدة التي يرتكبها مصممو الويب.
عندما يصعب قراءة النص الموجود على موقع الويب ، يفقد الزوار الاهتمام.
كيف يمكننا تجنب الأخطاء المطبعية على مواقعنا؟
-اختر خطًا واضحًا لموقع الويب الخاص بك – معظم الخطوط المخطوطة والنصوص المرسومة يدويًا غير مخصصة لمواقع الويب.
-لا تستخدم أنواعًا كثيرة جدًا من الخطوط – لا تزيد عن ثلاثة أنواع. يخلق الارتباك ويبدو غير مهني.
-لا تستخدم الخطوط المتضاربة.
-لا تستخدم حجم خط صغير. من الناحية المثالية ، يجب ألا يقل حجم الخط عن 10 نقاط.
-لا تقلل التباعد بين الأحرف.
-استخدم لون النص بشكل محدود. تجنب استخدام اللون الأزرق لنص المحتوى لأنه عادةً ما يكون لون الارتباطات التشعبية.
-تحقق من المحتوى بحثًا عن الأخطاء الإملائية والنحوية.
.
ضعف المحتوى المرئي
تعد مواقع الويب ذات التصميم القديم وخيارات الألوان الرهيبة والصور أو مقاطع الفيديو ذات الجودة الرديئة
حواجز كبيرة أمام إبقاء الزوار على موقع الويب الخاص بك.
كيف نتجنب استخدام المحتوى المرئي السيئ؟
-كن بسيطًا.
-لا تستخدم أكثر من خمسة ألوان في تخطيط ويب واحد.
تجنب التصاميم غير الضرورية.
استخدم الرسومات التي تعكس أسلوب عملك.
.
نقص معلومات الاتصال
هذا مهم لبناء المصداقية واكتساب العملاء المحتملين. وإلا فقد يكلفك عملائك.
يبحث الزوار عن رقم الاتصال أو عنوان البريد الإلكتروني أو أي شكل آخر من أشكال الدعم على موقع الويب الخاص بك.
ولكن إذا كان موقع الويب الخاص بك يفتقر إلى سهولة الوصول إلى هذه المعلومات الهامة ، فقد تفقد العملاء المحتملين
دون أن تدرك ذلك.
.
ما الذي يجب القيام به؟
-يجب أن تكون صفحة اتصل بنا سهلة الوصول ويجب أن تكون على بعد نقرة واحدة للزائر.
-يجب وضع المعلومات الخاصة بك في الجزء السفلي من صفحة الويب.
-أضف روبوتات الدردشة للدردشة الحية.
.
الروابط التي تفتح نوافذ متصفح جديدة
هذا ، بالتأكيد ، يخلق تجربة سيئة للمستخدم لأن المستخدمين لا يرغبون في التعامل مع العديد من علامات التبويب
المفتوحة وقد ينزعجون للعثور على زر الرجوع المعطل. كما أنه يستهلك عرض النطاق الترددي للشبكة – مما يؤدي إلى
إبطاء جهاز الزائر.
قد لا يدرك بعض الزائرين حتى أن نافذة جديدة قد فتحت بالفعل ، ويمكنهم الضغط بشكل متكرر على زر الرجوع –
دون أي نتيجة.
هذه ليست تجربة المستخدم الجيدة التي يبحث عنها مصممو الويب.
.
ما الذي يجب القيام به؟
يتوقع معظم المستخدمين أن يفتح الرابط في نفس النافذة ؛ لذلك من الحكمة تعيين روابطك لفتحها في نفس النافذة.
اسمح للمستخدمين بخيار اختيار كيفية فتح الروابط على موقع ويب معين.
.
الموقع غير آمن
إذا لم يكن موقع الويب الخاص بك مستضافًا بشكل آمن ، أي إذا كان عنوان URL يبدأ بـ http بدلاً من https – فقد يرسل
هذا إشارة تحذير إلى الزائر الذي يمكن أن يدفعه بعيدًا.
إلى جانب ذلك ، تفضل Google مواقع الويب الآمنة. لذلك قد يفوتك تصنيف تحسين محركات البحث. متصفحات مثل
Google Chrome تحذر الأشخاص إذا كانوا على وشك زيارة موقع ويب غير آمن.
من الخطورة بشكل خاص إذا تم إنشاء موقع الويب لتسهيل المعاملات المالية أو لجمع معلومات المستخدم.
لا تتغاضى عن أمن الموقع بأي ثمن.
كيف نتجنب الوقوع في فخ عدم إنشاء موقع آمن؟
-يجب أن يقوم مطورو الويب دائمًا بالترقية إلى أحدث إصدارات المكونات الإضافية الخاصة بهم على فترات منتظمة.
-الحصول على SSL – شهادة طبقة مآخذ التوصيل الآمنة.
.
بحث ضعيف
يستخدم زوار موقع الويب البحث للعثور على ما يبحثون عنه. البحث مفيد للزوار الذين يبحثون عن معلومات محددة
في مواقع الويب الكبيرة والمعقدة.
يجب أن يكون الزائرون على موقعك على الويب قادرين على العثور بالضبط على ما يبحثون عنه بأسرع ما يمكن وبكفاءة.
يمكن سد الفجوة بين الزوار والمعلومات التي يبحثون عنها من خلال تنفيذ البحث في الموقع.
يمكن أن يؤدي البحث الجيد إلى زيادة التحويل وانخفاض معدل الارتداد. من ناحية أخرى ، يمكن أن يؤثر البحث الضعيف
سلبًا على عملك ويؤدي إلى إبعاد العملاء المحتملين.
.
.
ما الذي يجب القيام به؟
-لا تجعل زوار موقع الويب الخاص بك يبحثون عن مربع البحث.
-قد لا يكتب الزوار فكرتك عن كلمة رئيسية مثالية. في هذه الحالة ، يجب أن:
-السماح بحساسية حالة الأحرف بشكل افتراضي.
-افهم المتغيرات المفرد والجمع والمتغيرات الأخرى.
-تجاهل الأخطاء الإملائية والأخطاء المطبعية الشائعة.
-استيعاب المرادفات والاختصارات والمصطلحات البديلة الأخرى.
-التعرف على اللغتين الإنجليزية الأمريكية والبريطانية.
-تعامل مع استخدام الأرقام والأحرف الخاصة.
-تعامل مع كلمات مثل “أ” و “في” و “من” و “من أجل” و “في” و “في” وما إلى ذلك.
-شجع المدخلات من خلال توقع البحث
-تذكر أنه لا يوجد وقت أفضل للتحقق من إستراتيجية الويب الخاصة بك من الآن. ابدأ بإصلاح الأخطاء اليوم
وحقق نجاحًا أكبر!
.
إذا كنت تبحث عن شركة لتطوير الويب يمكنها مساعدتك في إنشاء موقع الويب الذي ستحبه أنت وعملائك ، فتواصل معنا.
نحن نتفهم أهمية تصميم الويب الجيد. يمكننا مساعدتك في بناء تواجد مبتكر وقوي على شبكة الإنترنت لعملك أو حتى
مساعدتك في ترقية موقع ويب موجود.
نحن وكالة تطوير تطبيقات الويب والجوال لدينا خبرة واسعة في صياغة قصص نجاح رقمية رائعة
لشركات متنوعة.
