تصميم متجر الكتروني متوافق مع تجربة المستخدم UX في 2022
أصبح التسوق عبر الإنترنت أحد أسرع الاتجاهات نموًا في العالم.
قبل خمس سنوات فقط ، كانت قيمة سوق التجارة الإلكترونية العالمية تبلغ 1.3 تريليون دولار.
في عام 2019 ، كانت تساوي ما يقرب من ثلاثة أضعاف ذلك.
بدأ المزيد والمزيد من الناس في تقدير راحة طلب كل شيء عبر الإنترنت من الملابس إلى البقالة.
بالنسبة للعديد من المتاجر الإلكترونية ، يمكن حتى لو كان الفرق 0.5% في معدل التحويل أن يُحدث فرقًا بآلاف الدولارات في الإيرادات السنوية.
هذا هو السبب في أنه من الأهمية بمكان أن تحظى تجربة المستخدم في المتجر الإلكتروني باهتمامك الكامل ، لأنها مرتبطة بشكل مباشر بالربح.
اليوم لدى العميل خيارات لا تعد ولا تحصى عندما يتعلق الأمر بالتسوق عبر الإنترنت.
إذا كان موقع الويب مربكًا أو غير جذاب أو حتى يستخدم أنماطًا مظلمة ،
فسيختار الشراء من مكان آخر ، أو سيقوم بعملية الشراء لكنه لن يعود إلى موقعك مطلقًا.
يمكنك تحسين تجربة المستخدم باتباع ستة قواعد مهمة لقابلية الاستخدام في التجارة الإلكترونية.
إذا كنت تريد معرفة هذه القواعد ، فاستمر في القراءة!
القاعدة # 1 – استخدم سهل لفهم التصنيفات
يعد التنقل السهل أحد التحديات الرئيسية – يريد المستخدمون العثور على العناصر الخاصة بهم بسرعة.
من المهم بشكل خاص إذا كان المستخدم يريد العثور على شيء محدد على موقعك على الويب ،
على سبيل المثال ، أحذية رياضية بيضاء في متجر به آلاف الخيارات.
عادةً ما يكون العثور على الفئة الصحيحة هو الخطوة الأولى (ما لم يتنقل المستخدم باستخدام شريط البحث).
يجب أن تعكس الفئات دائمًا النموذج العقلي للمستخدمين – حيث يتوقعون العثور على العنصر – وليس تنظيم أنظمتك أو مستودعاتك.
يمكنك التحقق من الفئات الخاصة بك عن طريق اختبار التنقل دائمًا مع المستخدمين الفعليين.
أكثر الأساليب فائدةً والأكثر استخدامًا لاختبار الفئات هي اختبار الشجرة وفرز البطاقات.
يجب أيضًا أن يسهل الوصول إلى الفئات من شريط التنقل الرئيسي ، ولكن تذكر أن وجود عدد كبير جدًا من الفئات يقلل من قابلية القراءة ،
لذلك إذا كان هذا هو الحال مع متجرك ، فحاول إنشاء فئتين رئيسيتين ثم سرد الباقي كفئات فرعية.
يجب أن يكون المستخدم قادرًا على الانتقال إلى صفحة الفئة الرئيسية وصفحة الفئة الفرعية.
أفضل الممارسات لإنشاء فئات المنتجات:
إذا كان المنتج يتناسب مع فئات قليلة مختلفة ، فضعه في كل فئة منها. هذا يجعل من السهل العثور على العنصر.
يجب أن تعكس أسماء الفئات كيف يفكر المستخدمون ، وليس كيف يفكر رجال الأعمال / التكنولوجيا.
حاول تحديد عدد الفئات بحيث لا تربك المستخدمين بالكثير من الخيارات.
إذا كان لديك العديد من الفئات ، فقسّمها إلى فئات رئيسية وفئات فرعية.
اختبر دائمًا الفئات قبل البث المباشر للتأكد من سهولة التنقل وبديهية.
القاعدة # 2 – دعم عمليات البحث
لا يزال استخدام أشرطة البحث شائعًا ، خاصة في التجارة الإلكترونية ،
ولكن يجب أن تفهم سبب استخدام بعض المستخدمين لشريط البحث بينما يتصفح الآخرون.
يلخص مقال Cludo الأمر تمامًا:
يعرف الأشخاص الذين يستخدمون مربع البحث على وجه التحديد ما يبحثون عنه – غالبًا ما يكون محددًا مثل اسم المنتج الفعلي.
الأشخاص الذين يتنقلون يستكشفون المزيد من المحتوى ذي الصلة.
غالبًا ما يكون المستخدمون الذين يستخدمون البحث في المرحلة المتأخرة من وضع الشراء ،
عندما يجمعون كل المعلومات التي يرونها ضرورية ويتخذون قرارًا بشأن المنتج الذي يشترونه.
هذا هو السبب في أنه من المهم النظر في وظيفة البحث على موقع الويب الخاص بك.
فيما يلي نصائح لدعم وظيفة بحث قوية
ضع شريط البحث في مكان مرئي على موقع الويب ، ويمكن الوصول إليه من كل صفحة فرعية.
يجب أن يتمكن المستخدمون من العثور بسرعة على شريط البحث ، لذا تأكد من أنه مرئي (بما في ذلك على الهواتف المحمولة).
لا يكفي إظهار رمز بحث فقط – اعرض إدخال نص كامل أو إدخال جزئي على الأقل.
اقتراح النتائج ديناميكيًا حين يكتب المستخدم استعلامًا.
كما ذكرنا أعلاه ، يستخدم الأشخاص عادةً مربعات البحث في المتاجر الإلكترونية عندما يبحثون عن شيء محدد.
على سبيل المثال ، يمكن أن يكون اسم علامة تجارية أو نموذج منتج أو نوعًا من الملابس (مثل الفستان الأبيض).
من خلال اقتراح نتائج المطابقة ديناميكيًا عندما يكتب المستخدم ،
فإنك تقلل إلى حد كبير الوقت اللازم لإكمال نشاط البحث وعدد الأخطاء (الأخطاء الإملائية).
دعم أخطاء الاستعلام.
يرتكب الناس أخطاء إملائية في كل وقت. في بعض الأحيان لا يتذكرون الاسم الدقيق للعنصر ولذا فهم يخمنون.
لذلك ، يجب عليك عرض نتائج البحث بطريقة تأخذ الأخطاء في الاعتبار.
لا يوجد شيء أسوأ من رؤية المستخدم “لا توجد نتائج” ، لذا فإن مهمتك هي عدم السماح بحدوث هذا الموقف مطلقًا.
ملخص لأفضل الممارسات لأشرطة البحث:
اجعل شريط البحث مرئيًا ويمكن الوصول إليه بسهولة من جميع الصفحات.
دعم الأخطاء الإملائية في استعلامات البحث – يرتكب المستخدمون أخطاء ، لذا ساعدهم في حلها.
عرض منتجات مماثلة أو مقترحة عندما لا يوجد تطابق مع الاستعلام.
إذا أمكن ، اقترح نتائج البحث بشكل ديناميكي.
فكر في حالات الحافة (على سبيل المثال ، إذا كانت بعض منتجاتك لها أسماء مكونة من حرفين ، فتأكد من دعم عمليات البحث المكونة من حرفين).
القاعدة # 3 – استخدم فلاتر مفيدة
تحتوي بعض المتاجر الإلكترونية على مئات الآلاف من المنتجات. يصعب على المستخدمين التنقل ، لذلك تستخدم هذه الشركات الفلاتر المتاحة.
يجب أن تكون المرشحات سهلة الوصول ومرئية في قائمة المنتجات.
لتصميمها ، عليك أولاً أن تفهم كيف يبحث المستخدمون عن منتجاتك.
تعتبر بعض المرشحات أكثر أهمية من غيرها – على سبيل المثال ، يعد النطاق السعري عادةً أحد أهم العوامل للعملاء.
عند تصميم الفلاتر ، من المهم ألا تأخذ في الاعتبار ترتيبها فحسب ، بل طريقة الإدخال أيضًا.
بالنسبة إلى عوامل التصفية التي يتم احتسابها بدقة ، فمن الأفضل عادةً توفير مدخلات نصية بدلاً من أشرطة التمرير فقط ؛ أو يمكنك تقديم كليهما.
يمكنك أيضًا استخدام نطاقات محددة مسبقًا ، وحقول اختيار فردية أو متعددة ، وما إلى ذلك.
حدد دائمًا طريقة الإدخال التي تتيح الاستخدام الأسرع بناءً على نوع البيانات وسياق المستخدم.
يجب عليك أيضًا الاختيار بين الفرز الديناميكي والفرز بناءً على أمر المستخدم.
باستخدام الفرز الديناميكي ، تتغير النتائج فورًا بعد أن يختار المستخدم مرشحًا.
مع الفرز بأمر المستخدم ، يجب على المستخدم أولاً تأكيد اختياره ، وعندها فقط تظهر النتائج.
يتم استخدام كلتا الطريقتين بنفس التردد تقريبًا.
قد يعتمد الاختيار بينهما في الغالب على اعتبارين:
(1) عدد المنتجات في المتجر الإلكتروني الخاص بك وكيف تم تصميم الواجهة الخلفية.
لكي يعمل التصنيف الديناميكي ، يجب فرز النتائج على الفور تقريبًا ، وهو ليس ممكنًا دائمًا بسبب المشكلات الفنية.
(2) حالة الاستخدام النموذجية
هل يختار المستخدمون لديك أكثر من فلتر واحد في المرة الواحدة؟ أو هل يختارون عادةً مرشحًا واحدًا فقط ، ثم يختارون مرشحًا ثانيًا إذا لزم الأمر؟
تخيل أنك تبحث عن القميص المثالي ، لكنك مهتم فقط بألوان معينة.
ربما ستغضب إذا استمرت قائمة المنتجات في التحديث بعد كل لون تختاره.
ولكن إذا كنت تتصفح موقع الويب لتأجير الفنادق وتختار الحد الأقصى للسعر في الليلة ،
فمن المحتمل أنك تفضل تحديث النتائج بشكل أسرع.
القاعدة # 4 – استخدم قائمة المنتجات لعرض المعلومات الضرورية
في متجر حيث يوجد الكثير من المنتجات ،
يمكن للمستخدمين تجربة مفارقة الاختيار بسهولة – فكلما زاد عدد الخيارات المتاحة لهم للاختيار من بينها ، زاد شعورهم بالإرهاق.
تتيح قائمة المنتجات للمستخدم اتخاذ قرار بشأن المنتجات التي يجب عرضها.
يمكنك دعم هذه العملية من خلال عرض المعلومات التي ستساعدهم في العثور على ما يبحثون عنه بسرعة أكبر.
عادة ما تكون هذه المعلومات سعرًا ، لكن ليس دائمًا.
يمكن أن يكون الحجم (أو الأحجام المتوفرة) ، واختلافات الألوان ، ونوع النموذج ، وما إلى ذلك.
بالإضافة إلى السعر ، لا تعرض أكثر من معلومة إضافية واحدة أو اثنتين ،
حيث ستجعل القائمة أكثر صعوبة في المسح الضوئي وتجعل الصفحة يشعر بالارتباك.
هناك أيضًا قرار آخر يتعين عليك اتخاذه – ما إذا كنت ستوفر (على مستوى قائمة المنتج) خيارًا لإضافة المنتج إلى السلة يعتمد ذلك فقط على نوع المنتج.
إذا كان عنصرًا قد يرغب المستخدمون في شرائه دون الخوض في التفاصيل (مثل المنتجات الغذائية) ،
فيمكنك إضافة خيار لإضافة المنتج بسرعة إلى السلة ، حتى لا يضطر المستخدمون إلى القيام بخطوة إضافية في كل مرة.
ولكن إذا كان المنتج يتطلب اختيار بعض الخصائص (مثل حجم التنورة أو لونها) أو كان منتجًا باهظ الثمن (مثل الكاميرا) ،
فليس من المنطقي أن نتوقع من المستخدمين إضافته إلى السلة دون الذهاب إلى صفحة المنتج.
القاعدة # 5 – تصميم صفحات منتج سهلة المسح
عادة ما تكون في صفحة المنتج حيث سيقرر المستخدم ما إذا كان سيشتري منتجًا أم لا.
لذلك ، من المهم للغاية عرض المعلومات التي ستدعمه في عملية اتخاذ القرار ، ولكن أيضًا لن تغمره بالتفاصيل.
يجب أن تكون المعلومات المهمة فقط مرئية للوهلة الأولى – يجب أن يكون الوصول إلى كل شيء آخر سهلاً ، ولكن دون ازدحام العرض.
يفضل بعض المستخدمين إجراء عملية شراء بناءً على معلومات النظرة العامة فقط ،
بينما يرغب الآخرون في معرفة كل شيء عن المنتج قبل الشراء.
تحتاج إلى استيعاب كلا النوعين على موقع الويب الخاص بك.
العناصر التي تدعم صفحات المنتج الجيد:
- مجموعة من الصور عالية الجودة للمنتج من زوايا مختلفة (أحيانًا حتى مع عرض 360 درجة)
- نظرة عامة على المنتج
- سعر المنتج المرئي
- زر الحث على اتخاذ إجراء
القاعدة # 6 – السداد بدون تشتيت الانتباه
يمكن أن تؤدي عملية الدفع إلى زيادة معدل التحويل أو كسره.
يعد توجيه المستخدمين من خلال الخطوات النهائية لعملية البيع أمرًا بالغ الأهمية ،
لذلك يجب أن تكون خالية من الاحتكاك قدر الإمكان.
الأخطاء الأكثر شيوعًا هي:
ازدحام عملية الدفع في صفحة واحدة طويلة
ازدحامها بالكثير من المعلومات (مثل المنتجات أو الإعلانات الموصى بها)
تزويد المستخدمين بطريقة سهلة للخروج من عملية الدفع (مثل عرض التنقل الكامل)
يمكن أن يكون لكل هذه الأخطاء تأثير هائل على عدد حالات التخلي عن سلة التسوق.
يؤدي تقسيم عملية السحب إلى خطوات أصغر إلى تقليل الحمل المعرفي ويسمح بتقدير التقدم بسهولة ، مما يجعل العملية تبدو أسرع في الاكتمال.
لعمليات الدفع ذات متوسط قيمة سلة عالية ، من الجيد عرض ملخص الطلب في كل خطوة (أو على الأقل قبل السداد) ،
لأن عملائك قد يشعرون بالقلق من ارتكاب أي أخطاء إذا كان عليهم دفع الكثير.
بعد اكتمال الطلب ، أرسل بريدًا إلكترونيًا يحتوي على ملخص الطلب واعرضه على الموقع الإلكتروني.
في ملخص الطلب ، من الجيد تضمين أشياء مثل المنتج المطلوب والمبلغ المدفوع وتقدير تاريخ وصول الحزمة وعنوان التسليم.
ملخص لأفضل الممارسات لعملية الدفع:
- لا تستخدم أبدًا الأنماط الداكنة للتلاعب بالمستخدم أو لزيادة قيمة السلة.
- إظهار المعلومات الضرورية فقط لإتمام عملية الشراء.
- اعرض الخطوات المرئية لعملية السداد وتوفير القدرة على التبديل بسهولة بين الخطوات دون فقد البيانات.
- اعرض ملخص الطلب حيثما أمكن حتى يشعر المستخدم بالتحكم والوضوح. (هذا مهم بشكل خاص للمنتجات باهظة الثمن.)
- اسمح للمستخدم بتحرير محتويات السلة بسهولة (على سبيل المثال ، تغيير الكمية ، أو الإزالة من السلة ، أو الارتباط بالمنتج).
- اعرض الحد الأدنى من التنقل في موقع الويب ، ويفضل الحد من خيارات العودة إلى صفحة المتجر.
- احتفظ بمحتويات سلة المستخدم لبعض الوقت (يفضل إلى أجل غير مسمى) ، حتى لو غادر موقع الويب.
- بهذه الطريقة ، يمكنه المتابعة بسهولة من حيث توقف ، إذا قرر العودة إلى موقعك.
ملخص
للتأكد من أن التغييرات التي تدخلها تعمل بشكل جيد ، يجب أن تركز بشدة على البيانات وأن تتحقق من نتائجك كثيرًا.
إذا لم تكن متأكدًا من بعض الأفكار التي ترغب في تجربتها ،
فيمكنك استخدام اختبار A / B للتحقق من صحة الفرضيات قبل تغيير شيء ما إلى الأبد.
وتذكر دائمًا أن تجربة المستخدم في متجرك لا تنتهي عندما يدفع العميل.
من المهم أيضًا أن:
إرسال ملخص واضح للطلب عبر البريد الإلكتروني.
تقديم تحديثات حول الشحنة.
السماح للاتصال السريع بخدمة العملاء.
قم بتعبئة الشحنة بعناية.
السماح بإرجاع سهل ، إذا لزم الأمر.
إن الاهتمام بالعميل في كل خطوة سيجلب لك عميلاً مخلصًا يتسوق في متجرك كثيرًا ويوصيك بذلك لأصدقائه.
في تقنية عندما نقدم تصميم متجر الكتروني نركز على اتقان هذه النقاط لإخراج متجر إلكتروني احترافي قادر على المنافسة.
قد يهمك أيضاً: اتجاهات التسويق الالكتروني الأحدث في 2022 لأقصى استفادة
