التجارة الإلكترونية UX لتجربة الهاتف المحمول

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

لا يمكنني المبالغة في تقدير الكيفية التي يغير بها الهاتف المحمول طريقة تفاعلنا مع المستهلكين ؛ علينا احتضان هذه التغييرات. - جويل أندرسون ، الرئيس التنفيذي لشركة وول مارت

كما أدى النمو المذهل للتجارة الإلكترونية إلى نمو التجارة الإلكترونية عبر الأجهزة المحمولة ، والتي تبلغ قيمتها الآن ما يقرب من 700 مليار دولار. تعد التجارة الإلكترونية عبر الهاتف المحمول حاليًا أكبر شريحة في السوق العملاق عبر الإنترنت. أجرى أكثر من 80٪ من الأمريكيين عمليات شراء في الشهر الماضي عبر الإنترنت - قبل ثلاث سنوات ، كان الرقم 11.6٪ فقط.

اقترح تقرير صادر عن Business Insider Intelligence أن التجارة عبر الهاتف المحمول ستزيد بنسبة تصل إلى 45٪ بحلول عام 2020. ووافقت أبحاث ComScore ، وفي عام 2016 ، أبلغت عن زيادة بنسبة 44٪ في الإنفاق عبر الأجهزة المحمولة مقارنة بعام 2015.

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

أفضل ممارسات التجارة الإلكترونية عبر الهاتف المحمول للنجاح

دعم تكبير الصورة بالقرص والنقر المزدوج الإيماءات

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

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

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

بعض العوامل التي يجب مراعاتها:

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

توفير ميزة "حفظ" لعربة التسوق

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

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

إليك كيفية الاحتفاظ بهؤلاء العملاء:

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

استخدم النماذج الوصفية جيدة التسمية

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

فيما يلي أفضل الممارسات لسهولة استخدام نموذج الجوال:

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

توفير اقتراح تلقائي ذكي واكتشاف تلقائي وبحث عن العنوان وأخطاء

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

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

يعمل البحث عن العنوان والتحقق من صحته على تسريع عملية الدفع - حيث تتيح واجهات برمجة التطبيقات (API) المتنوعة (مثل أماكن Google و USPS) التنفيذ السهل لهذه الميزة.

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

استخدم Microinteractions لتحسين تجربة المستخدم للتسوق عبر الأجهزة المحمولة

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

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

يمكن استخدام التفاعلات الدقيقة من أجل:

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

توفير تفاعل سهل وموجّه نحو الإبهام

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

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

التصميم حول "منطقة الإبهام":

• يحل المشاكل المحتملة مع الملاحة والاستكشاف
• يحسن التفاعل من خلال استيعاب الإيماءات بشكل أفضل ووصول الأصابع
• يحول بشكل أفضل ويحسن قابلية الاستخدام من خلال وضع العناصر المهمة في مناطق "يسهل الوصول إليها"

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

نقل شعوراً بالأمان في تطبيقات التجارة الإلكترونية على الأجهزة المحمولة

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

فيما يلي بعض تقنيات تصميم UX التي تنقل الأمان للمستخدمين وتقلل من قلق المستخدم:

• اجعل تسميات الأزرار موحية وواضحة إلى أين يتجه المتسوقون. ستعمل كلمات مثل "تابع" و "آمن" و "مشفر" على تعزيز الراحة النفسية للمستخدمين.
• استخدم رموز القفل لتأكيد للمتسوقين أن معاملاتهم آمنة.
• استخدم شارات الثقة من قبل موفري الأمان مثل McAfee Secure و Norton. يساعد هذا المستخدمين على إدراك موقع الويب بشكل إيجابي (دراسة معهد Baymard).
• طبق مبادئ علم نفس الألوان في التصميم للحصول على تصور أفضل للثقة من قبل المتسوقين. تتضمن بعض هذه المبادئ ألوانًا موجهة للجمهور وتختص بنوع الجنس.

إعطاء الأولوية للبحث (واحتفظ به في الجزء المرئي من الصفحة)

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

اعتبارات مهمة لبحث الجوال:

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

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

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

توفير عملية دفع سهلة وسريعة وسريعة

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

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

فيما يلي بعض الاقتراحات لتحسين تدفق الخروج من التجارة الإلكترونية:

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

باختصار: ما هي بعض الخصائص الرئيسية لتصميم التجارة الإلكترونية الناجحة عبر الهاتف المحمول؟

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

ستزداد مساحة التجارة الإلكترونية على الأجهزة المحمولة

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

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

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

• • •

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

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