Shopify نصائح التصميم وأفضل ممارسات UX

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

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

في هذه المقالة ، سوف نستكشف أهم نصائح تصميم Shopify.

ما هي الميزات التي تمتلكها Shopify؟

Shopify يأتي مع جميع الميزات التي تتوقعها من أفضل منصة للتجارة الإلكترونية:

• التكامل مع بوابات الدفع الخارجية ، مثل Stripe و PayPal
• الوصول إلى Shopify المدفوعات ، بدون رسوم مقارنة بالخيارات الخارجية
• القدرة على السماح بالدفع عن طريق بطاقة الهدايا أو ائتمان المتجر
• صفحة الخروج قابلة للتخصيص (فقط لعملاء Shopify Plus)
• خيار حسابات المستخدم أو ضيف الخروج
• الصفحات الثابتة (على سبيل المثال ، سياسة الخصوصية أو الشروط والأحكام)
• الصفحات المقصودة ذات المحتوى الترويجي
• الوصول إلى كلمة المرور للمخازن قيد التطوير
• متغيرات المنتج مع مجموعة من الخيارات القابلة للتخصيص
• مجموعات ذكية لأتمتة تصنيف المنتجات
• وظائف البحث والعلامات للمساعدة في اكتشاف المنتج
• وظيفة المدونة مع القدرة على تضمين المنتجات في المنشورات
• واجهة برمجة تطبيقات لمساعدة المطورين على بناء مواقع ويب ديناميكية وتطبيقات جوال

تعزيز اكتشاف منتجات التجارة الإلكترونية

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

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

التنقل المخصص

قد يؤدي تقديم الكثير من الخيارات للعميل إلى شل التحليل (عندما يكون هناك الكثير من الخيارات المتاحة لاتخاذ القرار بشكل فعال يؤدي إلى الإحباط والهجر). من خلال تصميم التنقل المخصص ، يمكننا تحديد أولويات المنتجات و "المجموعات" التي يتم تحويلها بشكل أكثر فاعلية - على سبيل المثال ، عرض مجموعة "Desk" بشكل مرئي إذا كانت المنتجات المكتبية هي الأكثر شيوعًا. يمكن أيضًا تحرير هذه التنقلات المخصصة في Shopify CMS لتمكين اختبار A / B غير الرسمي.

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

المجموعات

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

بينما يتم تحديد هذه المجموعات خلف الكواليس ، من المفيد لمصممي التجارة الإلكترونية أن يكونوا على دراية بهذه الوظيفة عند التصميم لـ Shopify.

علامات المنتج

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

ضع هذه النصائح Shopify التصميم في الاعتبار:

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

بحث

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

هذه هي أفضل ممارسات Shopify التي يجب مراعاتها عند تصميم تجارب البحث:

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

Shopify أفضل الممارسات لصفحات المنتجات

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

استخدم صور المنتج الجذابة

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

يرغب العملاء في إجراء تحقيق شامل للمنتج قبل أن يلتزموا بشرائه للتأكد من أن جميع صور المنتج زاهية وعالية الجودة وقابلة للتكبير.

عرض معلومات واضحة عن المنتج

يتخلى عدد صادم (ولكن ليس مفاجئًا) من عملاء التجارة الإلكترونية عن عربات التسوق الخاصة بهم بسبب نقص المعلومات حول التكلفة الفعلية. يذكر 60٪ من العملاء التكاليف غير المتوقعة (مثل الشحن والضرائب والرسوم) كسبب لتخليهم عن عربة التسوق ، و 23٪ غير قادرين على حساب التكلفة الإجمالية مقدمًا. يعد الافتقار إلى الشفافية طريقة مؤكدة لإطلاق التحويلات على مواقع التجارة الإلكترونية ، لذلك ضع هذه النصائح والحيل في Shopify في الاعتبار:

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

بناء الثقة والطمأنينة

وفقًا لمعهد Baymard ، يُستشهد بانعدام الثقة هو السبب وراء تخلي 19٪ من العملاء عند السداد. لحسن الحظ ، تشحن جميع متاجر Shopify مع SSL (الخروج الآمن) بشكل افتراضي ، لكنها تسمح أيضًا للعملاء بترك التعليقات كدليل اجتماعي.

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

إلى جانب التحقق الاجتماعي ، ضع في اعتبارك بناء ثقة العملاء من خلال تنفيذ حل الدردشة الحية مثل Intercom أو Zendesk أو Drift أو Kayako. Shopify يسمح بالتكامل مع خدمات الجهات الخارجية من خلال متجر التطبيقات وعبر التثبيت اليدوي.

عرض توصيات المنتجات ذات الصلة

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

ادمج تخصيص تجربة التسوق

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

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

تحسين الخروج

تسجيل خروج الضيف مقابل حسابات العملاء

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

تحديد عيوب UX وتقليل حالات الانسحاب

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

يمكن لمصممي Shopify ربط Google Analytics بـ Shopify وإعداد مسار تحويل الهدف ، والذي ، بعد جمع بيانات كافية ، سيوضح بالضبط المكان الذي يقرر فيه العملاء أنهم لا يريدون متابعة عملية الشراء.

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

خاتمة

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

مزيد من القراءة على مدونة Toptal Design:

• اقرأ مدونة Shopify للمزيد من نصائح وحيل Shopify.
• التجارة الإلكترونية UX - استراتيجيات ومبادئ التصميم الأساسية
• التجارة الإلكترونية UX لتجربة الهاتف المحمول
• كيفية جذب متسوقي التجارة الإلكترونية من خلال تصميم تجربة المستخدم
• تصميم سريع الاستجابة - أفضل الممارسات والاعتبارات