أمثلة على صفحات المنتج للتحويل المُحسَّن: أكمل مع الدليل
نشرت: 2022-03-01تخيل هذا: الوقت متأخر من الليل وتجد نفسك على شبكة الإنترنت. أنت تبحث عن الحل الأمثل للمشكلة التي كانت تزعجك طوال الأسبوع. لقد كنت هنا من قبل. ترخي ، رأس في يديك ، والنوم يطرق بابك. قبل أن يفقد كل أمل ، يوريكا! تحصل أخيرًا على نتيجة بحث واعدة. مع أنفاسك ، تنقر و ...
لا شيء يحدث. بعد مرور الأبدية ، تبدأ شاشة بيضاء بالظهور بجدران من النص وصورة منتج واحدة صغيرة ذات وحدات بكسل. ذكريات الماضي من عصر الاتصال الهاتفي تملأ عقلك. تقوم بمسح الصفحة بحثًا عن بعض الحلول ، ولكنك لم تقابل أي معلومات عن الأسعار ، ولا تعليقات من العملاء ، وأرقام هواتف متعددة تخبرك بالاتصال للحصول على مزيد من المعلومات. ليست فكرة ارتباط عاملة ، والدليل الاجتماعي الوحيد لديهم هو رسم متحرك لقط تخبرك أن هذا المنتج هو "Purrrrfect!" إنه واضح بشكل مؤلم: لقد عثرت على مقبرة على شبكة الإنترنت.
لا تدع هذا الكابوس يكون متجرك! تأتي أفضل تجارب المستخدم من مواقع الويب الجذابة والمحدثة بانتظام ، بدلاً من المواقع التي تترك المستخدم يتساءل عما إذا كان يجب عليه تشغيل برامج مكافحة الفيروسات الخاصة به. سواء كنت قد بدأت للتو أو كنت تبحث عن تحديث لمتجر التجارة الإلكترونية الخاص بك ، فنحن هنا لمساعدتك!
في هذه المقالة ، سوف نتجاوز الحد الأدنى من المعايير التي يجب أن تحتويها كل صفحة منتج ، بالإضافة إلى بعض خيارات التصميم التي يجب تجنبها. لقد قمنا حتى بتجميع مجموعة من صفحات منتجاتنا المفضلة مع قائمة بإيجابيات وسلبيات سريعة لكل منها للمساعدة في إلهام مشروعك التالي!
بناء صفحة المنتج المثالية
الغرض من صفحة منتجك هو بيع منتجك جيدًا! ولكن الأمر يتعلق أيضًا بفهم ما يتوقع زوارك أن يفعله لهم موقع الويب الخاص بك. يقضي الشخص العادي في الولايات المتحدة سبع ساعات و 50 دقيقة يوميًا على الإنترنت. مع استثمار الكثير من الوقت كل يوم في البحث في مواقع الويب المختلفة ، فإن الأشخاص الذين يزورون موقعك سيتعاملون مع تجربتهم بنفس الطريقة التي ينتقد بها الساقي من الدرجة الأولى زجاجة من النبيذ. يتمتع زوار موقعك بقدرات عالية على التعرف على الفروق الدقيقة بين التجربة الجيدة والتجربة السيئة.
لا يجب أن تتضمن صفحة منتجك الأساسيات التي يتوقعها زوارك فحسب ، بل يجب أن توفر تجربة مستخدم خالية من الاحتكاك مع تضمين أيضًا ذوقك الفريد الذي سيجعلهم يعودون.
يمكن أن تشعر تلبية توقعات المستخدمين لديك وكأنك تسير بحبل مشدود إذا لم تكن متأكدًا مما يبحثون عنه. هذا هو السبب في أننا قمنا بتجميع دليل يحدد أفضل وأسوأ الممارسات لتصميم صفحة منتجك والتي ستساعدك على التفاعل مع المستخدمين وزيادة معدل التحويل في النهاية.
أفضل ممارسات صفحة المنتج
هناك الكثير من الأشياء التي تدخل في صنع صفحات منتج رائعة ، لذلك أنشأنا قائمة بميزات صفحة المنتج والمفاهيم التي نجدها الأكثر أهمية لتحسين تجربة الزائر عند استخدامها بذوق.
- URL نظيف
- اسم آسر
- معلومات تسعير شفافة ومقدمة
- دعوة للعمل (CTA's) ذات وضوح عالٍ
- توافر العنصر
- خيارات منتج مميزة
- صور المنتج واضحة مع زوايا الكاميرا المتعددة والمواقف والنماذج
- القدرة على مقارنة المنتجات المماثلة
- زر "إضافة إلى المفضلة / قائمة الرغبات"
- صور وفيديو وصور متحركة عالية الجودة ومحسّنة للويب
- قسم الأسئلة الشائعة
- وظيفة التكبير
- الواقع المعزز
- عرض 360 درجة
- أوصاف منتجات حية
- ميزة الدردشة الحية
- مزيج من وسائط المنتج ونمط الحياة لسرد القصة
- الرسم المتجاوب
- قسم "المنتجات ذات الصلة"
- قسم "Upsell"
- القدرة على زيادة كمية المنتج
- دليل الحجم / الملاءمة (إن وجد)
- التنقل السلس
- خيارات تصفية بديهية
- زر "الرجوع إلى الأعلى" اللاصق
- سهل الوصول إلى المستخدمين ذوي القدرات المختلفة
- سياسات الشحن والإرجاع المسبقة
- أزرار مثبتة "أضف إلى عربة التسوق" أو "اشترِ الآن"
- دليل اجتماعي
- تفاصيل موسعة (المواد ، المواصفات الفنية ، الأبعاد ، الوزن ، الميزات الخاصة ، إلخ.
- لا فائض
- خط واسع ومثير للاهتمام
- أوقات التحميل السريع
- عبر وظائف المتصفح
- وضع الظلام ودية
كلمة واحدة من الحذر - احذر من زحف الميزة. يحدث هذا عندما تأخذ الصفحة العديد من الميزات غير الضرورية التي ينتهي بها الأمر إلى الإضرار بتجربة المستخدم الإجمالية. قد لا تساعد ميزة الواقع المعزز الشركة التي تبيع المسواك ، لكنها ستساعد الشركة التي تبيع أثاثًا كبيرًا. تأكد من قضاء الوقت في تقييم الميزات التي يمكن أن تساعد في عرض منتجك بشكل أفضل دون إضافة كل شيء تحت أشعة الشمس إلى صفحتك.
أسوأ الممارسات في صفحة المنتج
عندما تبدأ في تنفيذ أفضل الممارسات في موقعك ، يجب أن تضع في اعتبارك بعض أسوأ الممارسات المدرجة أدناه. يمكن أن تتراوح هذه المفاهيم في شدتها من إرباك المستخدمين باستخدام لون الخط الأزرق للارتباط التشعبي للنص العادي ، إلى شيء أكثر ضررًا ، مثل تسلل عناصر غير مرغوب فيها إلى عربة تسوق الشخص.
- ألوان كثيرة جدًا
- سعر ملتف
- تصميم غير متناسق
- تكتيكات الطعم والتبديل
- إخفاء الرسوم الإضافية
- وصف طويل جدًا / قصير جدًا أو منسوخ
- أسماء المنتجات غير متسقة
- ضمانات كاذبة
- يوصي المنتجات غير ذات الصلة
- دفن الدعوة إلى العمل
- صور وفيديوهات وصور متحركة صغيرة وذات جودة رديئة
- كلام سلبي / دليل اجتماعي
- تكرار النوافذ المنبثقة
- تأكيد العار
- تسلل العناصر إلى عربة التسوق الخاصة بك
- التنقل غير واضح
- خط مضغوط
- مساحة سلبية مشغولة
- لا أسئلة وأجوبة
- لا يوجد دليل اجتماعي
أهم 25 صفحة منتج
حياة الأخدود
ما نحب
- حل مفيد للغاية وسهل لمعرفة مقاس خاتمك.
- ضغط اجتماعي كبير (تغذية Instragram ، مراجعات)
- الوصف سهل الهضم.
ما لم نحبه
- السعر غير واضح
- يمكن استخدام زر "اشترِ الآن" اللاصق على سطح المكتب
- لا تستخدم أي تقنيات بيع

اليتي
ما نحب
- ميزة أنيقة حيث ستظهر لك أقرب موقع يمكنك شراؤه
- الطباعة الفريدة
- العلامة التجارية المتسقة
ما لم نحبه
- مسافة بيضاء كبيرة عديمة الفائدة تحت معرض الصور
- قسم "اشتر الآن" لزج كبير بشكل بغيض
- لا فائدة من مقاطع الفيديو أو صور متحركة

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

مزين
ما نحب
- تسهل الصفحة الإحساس بالانتماء للمجتمع بين المشترين مع وجود دليل اجتماعي عظيم
- الكثير من CTAs
- تناسب الطباعة صوت العلامة التجارية مع الرموز لتتناسب معها
ما لم نحبه
- كان من الممكن دمج صور المنتج في الجزء المرئي من الصفحة بشكل أفضل
- مساحة بيضاء كبيرة من خلال التعليمات
- يفتقر إلى أي عنوان ثابت أو زر "اشترِ الآن" أو طريقة للانتقال إلى الأعلى

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

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

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

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

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

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

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

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

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

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

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

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

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

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

إيكيلون
ما نحب
- شعور كبير بالمجتمع عبر Instagram
- مساحة بيضاء ضائعة جدا
- يتضمن الرأس اللاصق زر "اشترِ الآن"
ما لم نحبه
- قسم بيتبول مستقطب
- يمكن أن يستخدم قسم العضوية بعض الأقسام التفاعلية
- في Safari ، تحدث مشكلة التمرير الخاصة بالتعثر عند محاولة التمرير عبر معرض الصور

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

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

التخفيضات
ما نحب
- قسم اختيار المنتج متنوع
- ضغط اجتماعي كبير ، حتى أن لديهم الهاشتاج الخاص بهم
- يبدو مقطع الفيديو الخاص بهم مدمجًا بسلاسة في الصفحة
ما لم نحبه
- قسم مراجعة كبيرة لا داعي لها
- لا قصة / روابط عاطفية للمنتج
- لا توجد أزرار لزجة "اشترِ الآن" أو القدرة على القفز إلى الأعلى

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

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

الرتق صعبة
ما نحب
- تنعكس خيارات التخصيص في صور المنتج.
- رواية رائعة للقصص يرويها صوت العلامة التجارية الكاشطة بشكل غير مقبول.
- استخدام كبير لإثبات اجتماعي instagram
ما لم نحبه
- لا يوجد زر "شراء الآن" مثبت
- لا يرتفع
- قسم مراجعة ضخمة

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

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