عرض من التجارة الإلكترونية المتنقلة
يعد تحسين مواقع الويب للويب المحمول مهمة روتينية. ويعد تحسين مواقع التجارة الإلكترونية على الويب المحمول بمثابة وحش لم يبدأ المصممون والمطورون في ترويضه.
ليس من المستغرب أن الشركات الكبيرة تبنّى الوسيط الأول ، على الأرجح لأن لديها الموارد وموارد المبيعات لتبريرها. بعد كل شيء ، حتى إذا كان موقع التجارة الإلكترونية يحصل على عدد كبير من الزيارات ، فإن نسبة صغيرة منها ستكون قائمة على الهاتف المحمول. وستكمل نسبة صغيرة من تلك الزيارات مبيعاتهم فعليًا.
ومع بدء الزخم في هذا المجال ، فإن تجربة الناس مع معاملات التجارة الإلكترونية المحمولة الكاملة محدودة. هذا يجعل المحراب تجريبي واحد في أحسن الأحوال. ولحسن الحظ ، وبالنظر إلى طبيعة التجارة الإلكترونية ، يمكن قياس النجاح واختباره بعناية. هذا هو متوسط لا يزال في حاجة إلى تعريف.
هناك عقبة كبيرة نحو التقدم تتمثل في ندرة الأمثلة. صالات عرض ركوب الأمواج للعثور على الكثير من الأفكار المثيرة للاهتمام ليست قريبة من السرعة والسهولة. لا يوجد سوى عدد قليل من مجموعات صغيرة من تصميم الجوال ، حتى بالنسبة للتجارة الإلكترونية. لمعالجة هذا ، جمعت 10 أمثلة رائعة على التجارة الإلكترونية المتنقلة. QR تم تضمين الرموز لتسهيل التصفح. يمكنك العثور على العديد من التطبيقات لهواتفك الجوالة التي يمكنها قراءة هذه الرموز.
1. وول مارت
يتمثل أحد الأساليب الشائعة في جميع مواقع الويب المعروضة هنا في الحصول على صفحة رئيسية من نوع portal. وول مارت لا يختلف. ومع ذلك ، ففي حين تعتمد معظم مواقع الويب على قوائم تستند إلى النصوص ، إلا أن هذه الشبكة تحتوي على شبكة من الرموز ، والتي يسهل تصفحها. يحتوي العديد من مواقع ويب الجوّال المغطاة هنا على قوائم صغيرة جدًا يصعب استخدامها. يجمع Walmart بين الرموز والنصوص لتسهيل استهداف الأهداف.
أكبر مسكن على موقع Walmart هو أنه عليك الانتقال إلى الموقع الرئيسي لإتمام الصفقة. ومع ذلك ، فإن المعلومات والأزرار سهلة الاستخدام للغاية ، واضحة في الوظيفة ومنظمة تنظيما جيدا.
2. Toys-R-Us
ال الالعاب لنا الموقع خطوة في الاتجاه الصحيح. ولكن يمكن أن تفعل بعض الأشياء الأساسية بشكل أفضل. أولاً ، وجدت قائمة الأزرار الموجودة في الصفحة الرئيسية لتكون صغيرة قليلاً. أفهم إغراء تقليصها للحفاظ على المساحة ، ولكن سيكون من الأسهل استخدامها مع مساحة أكبر بقليل. بالتأكيد ، سيكون عليّ التمرير أكثر ، لكن هذه مقايضة جيدة.
بمجرد تجاوز الصفحة الرئيسية ، يصبح أفضل بكثير. على وجه الخصوص ، يحتوي هذا الموقع على واحدة من أفضل صفحات عربة التسوق. الأزرار واضحة ، ويبدو التوازن بين الكثافة وقدرة النقر صحيحًا. الكل في الكل ، مثال جيد لكيفية توصيل نقاط العمل بشكل واضح.
3. كروكس
لا يزال المطوِّرون يهيمنون بشكل كبير على تطوير الهواتف الجوالة ، لذا فإن العثور على موقع ويب للجوال مصمم بشكل جميل يعد مصدرًا للارتياح. هذا هو الحال مع التماسيح . موقعها جيد التنفيذ وجمال للنظر فيه.
عرض قائمة الكتالوج نظيف بشكل خاص. الطريقة الوحيدة لجعل أي أصغر حجما سيكون القضاء على أسماء المنتجات. بغض النظر ، يجعل كل صف هدفاً سهلاً ، مع معلومات واضحة وذات صلة.
4. جي سي بيني
مشكلة واحدة من مصممي جي سي بيني واجه متجر المحمول كان نطاق المنتج. كيف يمكنك تمكين المستخدمين من تصفح مجموعة واسعة من الخيارات بشكل فعال في قسم مثل سراويل الرجال؟ الحل ، وهو نظام بسيط يسمح للعملاء بتصفية المعايير بسرعة للوصول إلى المنتجات التي يحتاجونها.
الصور الكبيرة هي ميزة جميلة حقا كذلك. لاحظ مدى سهولة مشاهدة العناصر الفعلية في عرض تفاصيل المنتج. أظن أن معدل التحويل لمواقع الويب للجوّال منخفض للغاية ، ولا يسعني إلا أن أظن أن تصويرًا رائعًا مثل هذا هو أحد الأسلحة القليلة لمكافحة ذلك.
5. بوتري بارن
يجب أن تكون الصيغة واضحة تمامًا الآن: شعار في الأعلى ، ابحث أدناه ، رسم بياني للترويج لمنتج أو بيع ، متبوعًا بقائمة من فئات المنتجات الرئيسية. ونجد أن البنية الدقيقة على مخزن الفخار موقع الويب للجوال.
واحد من التفاصيل الرائعة على الإطلاق هو حل هذا الموقع لمشكلة فتات الخبز الطويلة. ستلاحظ في قائمة فئات المنتجات أن مسار مسار التنقل تم تقصيره بشكل كبير ليشمل فقط الجزء الأخير من السلسلة. قارن ذلك بتجسيد مسار التنقل على Toys-R-Us ، وستقدر هذا الحل الموفر للمساحة.
6. threadless
ليس من المستغرب ذلك ثردلس "موقع المحمول رائع. تتبع الصفحة الرئيسية صيغة بوابة الفئة ، ولكن مع لمسة. مثل الكثير من مواقع وول مارت ، فإن نهج الشبكة هنا أسهل بكثير من الاستخدام. التصوير الفوتوغرافي جذاب ويجعل المتجر يشبه تجربة تسوق حقيقية. شيء عن ذلك يشعر فقط الميكانيكية أقل من معظم المتاجر الأخرى المغطاة هنا.
سوف تجد هذا النهج الشبكي نفسه في عرض قائمة المنتجات ، وهو عبارة عن راحة لطيفة ويعرض المنتجات بشكل جيد للغاية. تمكن المصممون من تقليل المساحة المهدورة مع الحفاظ على سهولة الاستخدام.
7. بروكستون
Brookstone متجر الجوّال يعاني من صفحة رئيسية كثيفة. ولكن بمجرد تجاوزه ، يصبح الموقع أفضل. التصوير الفوتوغرافي الكبير هو محل تقدير كبير. لا أعرف ما إذا كانت الصور قد تم تحسينها للأجهزة المحمولة ، ولكنها بالتأكيد من بين الأسهل مشاهدتها في هذه الدفعة بأكملها.
نقطة ضعف واحدة هي مقدار التمرير المطلوب في صفحة عربة التسوق للوصول إلى زر السحب. يمكن للمحتوى القيام ببعض التقليم والتحسين لإغلاق الصفقة.
8. دوني وبورك
أنا حقا أقدر التصوير على دوني وبورك الصفحة الرئيسية. فهي تنقل بالضبط ما تبيعه الشركة بمجرد وصولك إلى الصفحة. تفاصيل دقيقة على أقل تقدير ، ولكن بالتأكيد شيء للنظر فيه.
إحدى النقاط المزعجة حول عرض تفاصيل المنتج هي أن حقل الكمية فارغ بشكل افتراضي. اضطررت لإضافة "1" لإضافة منتج إلى سلة تسوقي. ولكن من غير المحتمل أن أطلب أكثر من واحدة من نفس الكيس الواحد 150 دولار.
أيضًا ، تبدو صفحة سلة التسوق وكأنها فكرة ثانوية. لكنني سأمنح الشركة الفضل في وضع عناصر العمل الرئيسية في الأعلى. إن فرص نسيان العملاء لما وضعوه في سلة التسوق ضئيلة ، لذا فإن التركيز على مساعدتهم في الوصول إلى صفحة تسجيل المغادرة هو فكرة ذكية.
9. Buy.com
الصفحة الرئيسية ل Buy.com لديه شيء لا يوجد لديه صفحة رئيسية أخرى في هذه المقالة: منتج فعلي. يتمثل تفكير معظم متاجر التجارة الإلكترونية في إنشاء بوابة للهاتف المحمول تسمح للمستخدمين بالحفر في خط الإنتاج الكامل. في حين أن هذا قد يكون ضروريًا ، إلا أن Buy.com يلهمني بدراسة البدائل.
ماذا لو كان النهج الأفضل هو التركيز على الصفقات؟ الصفحة الرئيسية هي العقارات الرئيسية. نظراً لتحدي إغلاق المبيعات ، لماذا لا نكرس كل جهدك لوضع شيء لا يقاوم أمام العملاء. لاحظ أنه قبل الوصول إلى قائمة الإدارات على هذا الموقع ، سترى المنتج المميز وأربعة روابط منفصلة للمبيعات والصفقات والعروض الخاصة.
10. بتكو
من الميزات الرائعة لشبكة الجوال أنه يزيل الزغب. لذلك ، عندما أرى الصفحة الرئيسية ل بتكو لا أتمكن من التساؤل عن ما إذا كانت الصورة الكبيرة مفيدة بأي شكل من الأشكال. يقوم اسم الشركة ورمز الكلاب والقطط المصاحب لها بتوصيل التركيز على المنتج. إذن ، لماذا تظهر هذه الصورة السخيفة؟ بدلا من ذلك ، أود أن أضع إما صفقة خاصة أو شبكة من أيقونات الفئة. بينما أقدر تلميع الموقع ، يمكن تعديله قليلاً.
حققت الشركة فكرة مبتكرة في عرض تفاصيل المنتج من خلال تسليط الضوء على مبيعات الإنترنت فقط. لماذا لا تخطو خطوة أخرى وتجعل بعضها عروض خاصة للجوّال فقط. بغض النظر عن الصياغة ، فإن صفحة تفاصيل المنتج هي نظيفة وواضحة بشكل خيالي. يبدو أيضًا أن البحث عن الأوصاف كاملة الطول أسفل الوظائف والمعلومات الأساسية هو قرار حكيم.
استنتاج
إن تصميم مواقع الويب للجوّال أمر صعب ، وقد يكون تصميم مواقع الويب الخاصة بالتجارة الإلكترونية المحمولة مضاعفًا. إن معرفة كيفية مساعدة العملاء في العثور على المنتج المناسب وكيفية تحويل هذه العملية إلى عملية بيع ليست سهلة كثيرًا. آمل أن تجلب هذه المجموعة الصغيرة من الموارد بعض الأفكار الجديدة إلى تصميم موقعك الإلكتروني التالي (أو ربما الأول).
مكتوبة حصرا ل WDD من قبل باتريك ماكنيل . وهو كاتب مستقل ومطور ومصمم. على وجه الخصوص ، يحب الكتابة عن تصميم الويب ، وتدريب الناس على تطوير الويب وبناء المواقع. يمكن العثور على شغف باتريك لاتجاهات وتصميم أنماط الويب في كتبه في TheWebDesignersIdeaBook.com . اتبع باتريك على تويتر designmeltdown .
ما رأيك في هذه الأمثلة؟ شاركنا بالتعليق في الأسفل…