توخي الحذر عند استخدام اتجاهات تصميم الويب الشائعة

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

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

مساحة سلبية غير كافية

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

من الأفضل أن يلتزم مصممو الويب بنصيحة Coco Chanel حول مقدار القليل - "قبل أن تغادر المنزل ، انظر في المرآة وقم بإزالة أحد الملحقات". يتعين على مصممي الويب التفكير في كيفية عدم وجود مساحة فارغة افتراضيًا لعناصر CSS و HTML قبل البدء في إضافة أصول إضافية.

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

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

قوائم همبرغر

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

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

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

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

دائري الصفحة الأمامية

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

إذا كانت شركتك لا تزال تحاول الكشف عن اسمها ، فاستخدم الدوارات بحذر. تجعل الدوارات من الصعب على الأشخاص العثور على صفحتك ويمكن أن تؤثر سلبًا على تحسين محرك البحث (SEO) لأنها تعني عادةً محتوى أقل في نص الصفحة. يعني وجود نص أقل على الصفحة معلومات تعريف أقل يمكن لـ Google العثور عليها.

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

لا يقتصر دور الدوارات على جعل الموقع أقل سهولة في الوصول إليه ، بل إنه لا ينجح في إشراك الزائرين القادرين على الوصول إلى الموقع بنجاح. وجدت دراسة أجريت عام 2013 أن حوالي 1٪ من زوار الموقع قد نقروا على منصة عرض ، اعتمادًا على ما إذا كانت المكتبة تُعيد توجيهها تلقائيًا أو يدويًا.

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

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

تظهر ظهور مفاجئ

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

عندما يتم إجراؤها بشكل جيد ، تكون النوافذ المنبثقة رائعة للمدخلات المركبة - مدخلات التواريخ والارتفاعات والأوزان - وتجعل العملية أكثر بساطة.

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

الجمع بين التمرير اللانهائي ومحتوى التذييل

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

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

شاشات التحميل البطيء

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

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

طباعة معقدة غير ضرورية

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

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

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

العناصر العائمة

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

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

المنظر التمرير

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

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

حقق أفضل استخدام للاتجاهات

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