نصائح موقع UI/UX Ecmerce Soil Sword التي ستنقل متاجرك إلى المستوى التالي

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

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

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

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

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

هل يمكنك اكتشاف تصميم ويب مثالي؟

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

#1 Airbnb

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

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

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

#2 الركود

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

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

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

#3 Healthline

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

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

#4 مساعدة الكشافة

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

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

#5 Crate & Barrel

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

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

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

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

أفضل نصائح للتجارة الإلكترونية واجهة المستخدم/UX التي يجب مراعاتها

#1 أوصاف المنتج المناسبة

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

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

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

#2 صور ومقاطع فيديو عالية الجودة

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

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

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

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

#3 قبلة

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

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

#4 جمالية

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

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

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

إذا أحبوا ذلك ، لا شيء يمكن أن يمنعهم من شراء المنتج. في مثل هذه الحالات ، يكون المنتج الفعلي ثانويًا. إذن كيف تجعل موقع الويب الخاص بك ممتعًا من الناحية الجمالية؟

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

ألقِ نظرة على الصورة أدناه ، أنا متأكد من أنك ستعرف بالضبط ما أحاول قوله!

#5 استجابة

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

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

#6 ابق نفسك في أحذية زوارك

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

لف الأشياء!

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

آمل أن يكون المنشور التالي يستحق القراءة ، إذا كان الأمر كذلك ، يرجى مساعدتنا في نشر الكلمة والمشاركة بين أقرانك.