ما تحتاج إلى معرفته لإعادة تصميم موقع التجارة الإلكترونية في 2019

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

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

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

تجنب مقاطع الفيديو الطويلة على الصفحة الرئيسية

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

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

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

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

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

لا تملأ صفحتك الرئيسية بالمحتوى الزائد

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

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

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

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

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

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

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

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

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

إعادة تصميم التجارة الإلكترونية - خيارات تصفية ميسي
يجلب موقع Macy's بعض خيارات التصفية إلى الصفحة كأزرار. بربري يجعل فئات التصفية مرئية على الصفحة.

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

إعادة تصميم قوائمك للحصول على صور أكبر

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

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

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

يحتوي Airbnb على صور كبيرة يمكن تمريرها من خلال (يسار). زارا (يمين) لديها صور عرض ملء الشاشة على قوائمهم.

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

عرض خيارات المنتج كأزرار

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

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

إعادة تصميم التجارة الإلكترونية - خيارات حجم نايك
جون لويس (يسار) له ألوان المنتج كأزرار مع مؤشرات بصرية. يعرض Nike (يمين) جميع خيارات الحجم وتعطيل الأحجام غير المتوفرة.

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

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

اترك أزرار المشاركة

Facebook، Twitter، Pinterest، Instagram، LinkedIn، Snapchat. ربما يتعطل المستخدمون لديك في واحد أو أكثر من هؤلاء الشبكات الاجتماعية. لذلك يجب أن تعطي لهم أزرار المشاركة على صفحات تفاصيل المنتج الخاص بك؟

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

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

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

دمج محافظ الدفع

خدمات الدفع المحفظة مثل Paypalو Apple Pay و Android Pay في ارتفاع. من الشائع بشكل متزايد رؤيتها كخيارات في تدفقات الخروج من التجارة الإلكترونية. في الواقع قد يقتلون الخروج القياسية وربما استخدام بطاقات الائتمان والنقد تماما.

إعادة تصميم التجارة الإلكترونية - الأمازون دفع التكامل
لدى Tamara Mellon (يسار) خيار Apple Pay و PayPal و Amazon Pay في سلة التسوق الخاصة بهم والخروج. توفر Gucci القدرة على الانتقال إلى PayPal من إشعار "الإضافة إلى الحقيبة".

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

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

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

السماح للمستخدمين بجمع

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

أسهل طريقة (وغالبًا ما تكون الأفضل) هي إضافة مجموعة كبديل للتسليم في الخروج. اطلب من المستخدم إدخال موقعه وإظهار خيارات له للمكان الذي يمكنه فيه استلام طلباته. من المهم أيضًا أن تُظهر ساعات عمل موقع الاستلام - وغالبًا ما تأتي هذه البيانات من التكامل مع شركة التسليم.

انقر وجمع نافذة من ASOS checkout ، مما يسمح للمستخدم باختيار متجر صغير لإرسال إيصاله إلى.

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

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

المزيد من نصائح التجارة الإلكترونية

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

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