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

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

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

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

التشبع والتحسس

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

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

إعلانات ألعاب الفيديو.

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

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

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

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

أنظمة إدارة المحتوى.

مع العديد من الأطر ومحركات CMS ، من العجب أننا بحاجة إلى بناء أي شيء.

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

سنستكشف أيضًا بعض الحلول القابلة للتنفيذ لمساعدتك على تجنب جعل موقعك على الويب يبدو وكأنه الملايين من التصميمات التي لا تحتوي على عروض بيع فريدة من نوعها (USP) أو ملاءمة.

الجانب الجيد من التشبع

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

أنظمة قائمة الملاحة.

أصبحت أنظمة الملاحة معقدة بشكل متزايد ، لكنها يمكن أن تكون أنيقة أيضًا.

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

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

سر اللحوم الملاحة.

ملاحة اللحوم الغامضة تطرح مشاكل للمستخدمين. الألفة يجب أن تسبق الجماليات.

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

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

التركيز على الموقع.

يميل المستخدمون إلى التركيز فقط على المحتوى وقد يفوتهم رسالة التصميم.

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

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

الشعار يدعو إلى العمل.

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


الجانب السيئ من التشبع

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

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

الويب 2.0 العصر.

انتهت فترة تصميم الويب 2.0 من ناحية ، وتعرضت ابتكار تخطيط نتيجة لذلك.

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

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

الأزرار على الويب.

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

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

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

موقع مخصص للأطفال.

يمكنك أن تقول بوضوح أن هذا الموقع تم بناؤه لجمهوره المستهدف: الأطفال.

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

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

Ad Block Plus لمتصفح فايرفوكس.

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


حلول للمصممين

الحل الأول ، الذي يبدو واضحًا نوعًا ما ، هو الابتكار ، بدلاً من نسخ ما هو موجود.

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

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

ووردبرس].

يمكن تخصيص (و يجب أن يكون) ووردبرس للغاية لتتناسب مع هوية الشخص أو الشركة.

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

واجهة نظيفة.

تظل إزالة الميزات غير الضرورية شائعة لأننا جميعًا نحب واجهة نظيفة.

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

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

أمثلة جيدة وسيئة

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

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

مثال أ.

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

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

المثال ب.

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

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

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

مثال ج.

التشبع والتوازن بين الاتفاقية والأصالة سوف يكونان دائمًا في التصميم إلى حد كبير.

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

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



مكتوبة حصريا لل WDD من الكسندر داوسون. وهو مصمم ويب مستقل ، ومؤلف ومطور برامج ترفيهي متخصص في معايير الويب ، وإمكانية الوصول وتصميم UX. فضلا عن إدارة عمل يسمى HiTechy والكتابة ، يقضي الوقت تغريد ، ومنتديات SitePoint وغيرها من الأماكن ، ومساعدة المحتاجين. "]

ما رأيك في التشبع في تصميم الويب وكيف تواجه هذه التحديات على مواقع الويب الخاصة بك؟ يرجى حصة أفكارك أدناه…