تصميم مربع البحث المثالي للتجارة الإلكترونية الخاصة بك

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

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

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

التنقل في الفئة

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

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

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

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

عناصر التصميم في مجال البحث

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

موقع

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

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

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

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

أنماط البحث في الموقع

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

• الألوان : يجب عليك استخدام نفس ألوان الشركة المستخدمة في موقع الويب الخاص بك. حاول إضافة الشعار في مكان ما في Site Search أيضًا.
• الخطوط : يعد الخط عنصرًا مهمًا آخر ؛ استخدم نفس الخطوط التي تستخدمها على موقع الويب الخاص بك ، للأرقام والعناوين والأزرار ...
• الأزرار : حاول الحصول على نفس أنماط الأزرار الموجودة على موقع الويب الخاص بك في أزرار الشراء أو " إضافة إلى عربة التسوق ".
• عناصر أخرى: مثل الخصومات ، والحدود ، واستخدام نفس الفئات التي لديك على موقع التجارة الإلكترونية الخاص بك ...

مقاس

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

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

تصميم مربع البحث على الصفحة الرئيسية

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

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

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

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

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

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

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