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