التجارة الإلكترونية المتنقلة: تصميم الموقع وتخطيطه

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

تحليل سلوك العملاء

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

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

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

استخدم الأساس الصحيح

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

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

تحديد أولوية المحتوى

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

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

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

استخدام واجهات بسيطة

تصميم استجابة التجارة الإلكترونية

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

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

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

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

الصور المهنية التجارة الإلكترونية

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

لديك عملية الخروج الفعال

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

  • قائمة المنتجات مع سهولة + و - أزرار لإدارة الكميات
  • حقل لرموز القسائم (إن وجدت)
  • زر "الخروج" كبير وواضحة
  • مرئي "الاستمرار في التسوق" زر

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

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

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

النتيجة

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

الصورة ميزة curtsey من nadrosia

كاتالين زورزيني

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