Unlimited Powerpoint templates, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Business
  2. BigCommerce
Business

15+ نصيحة تصميمية لـ BigCommerce لمواقع تجارة إلكترونية أفضل

by
Length:LongLanguages:
This post is part of a series called How to Use BigCommerce to Make Your Online Store (Starter Guide).
How to Use a BigCommerce Theme to Design Your Online Store
BigCommerce vs Shopify: How to Choose the Best Online Store Software

Arabic (العربية/عربي) translation by Mohammad Al Tahan (you can also view the original English article)

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

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

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

Is your online store optimized for sales
هل متجرك الإلكتروني مصمم لرفع مبيعاتك إلى أقصى حد؟ (مصدر الرسم)

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

في الدرس القادم من هذه السلسلة، تعلمت كيفية تنصيب ثيم BigCommerce عالية الجودة وكيفية تخصيص متجرك الإلكتروني:

في منشور اليوم، سنشارك 15+ نصيحة تصميمة ستساعدك على نقل متجر BigCommerce خاصتك إلى المستوى التالي. لا تكتفي بجعل تصميم BigCommerce خاصتك بارزاً من الناحية الجمالية، بل قم بكسب المشترين أيضاً.

+15 نصيحة تصميمية لـ BigCommerce: لكي تجعل متجرك الإلكتروني رائعاً

كل عنصرٍ على موقعك الإلكتروني، من صور المنتجات وإلى قوائم التنقل؛ تلعب دوراً في تقرير الزائر ما إذا كان سيشتري المنتج أو لا. إليك بعضاً من أفضل نصائح BigCommerce لتصميم الويب والتي ستساعد متجرك على جذب المزيد من الزوار وتحويلهم إلى مشترين.

1. ابق تصميم BigCommerce خاصتك أنيق ومرتب

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

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

2. اجعل التنقل في موقع BigCommerce خاصتك سهلاً

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

تجنب إضافة الكثير الكثير من الروابط في قائمتك الرئيسية وبدلاً من ذلك استعمل قائمة منسدلة أو قائمة عملاقة* تسمح لك بإضافة المزيد من الروابط التي تؤدي إلى أصناف متنوعة من المنتجات. طريقة فعالة أخرى لتسهيل التنقل في موقعك هي استعمال قائمة طائرة* تظهر عندما يحوم مؤشر الفأرة عليها.    (*المترجم: القائمة العملاقة أو Mega-Menu، قائمة تظهر عند النقر على الزر او المرور حوله، ولكن تتميز بحجمها الكبير، تقسيم عناصرها الى مجموعات، وظهور كل الخيارات بنفس الوقت، بالإضافة الى خصائص اخرى لها.) (**المترجم: القائمة الطائرة أو Fly-out Menu، وهي نسخة أفقية من القائمة المنسدلة، بمعنى أن القوائم الفرعية تنبثق بعيداً (أو تطير) عن الجانب بشكل أفقي.)

لحسن الحظ، هنالك وفرة من ثيمات BigCommerce مثل Modez والتي تأتي مع قائمة مبنية مسبقاً والتي ستساعد على جعل تجربة الشراء أفضل بالنسبة لزبائنك.

Modez BigCommerce theme
ثيمة Modez لـ BigCommerce تتضمن قائمة بخيارات بديهية.

اكتشف المزيد من ثيمات BigCommerce الرائعة على ThemForest، أو تصفح مجموعتنا المنتقاة من أفضل الثيمات لعام 2017:

3. اجعل التواصل معك سهلاً

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

Austin Bazzar هو موقع يتسعمل منصة BigCommerce، وينفذ هذه الخطوة بشكلٍ مثالي عن طريق وضع رقم الهاتف في مكان واضح بشكلٍ كبير بالإضافة إلى ساعات العمل الخاصة بهم:

Austin Bazaar
موقع Austin Bazzar يعرض بشكلٍ دائم رقم الهاتف.

4. قم بإضافة مراجعات الزبائن

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

موقع Josie Maran، موقع تجارة إلكترونية آخر يستعمل BigCommerce، يقوم بعرض مراجعات المنتجات تحت الأوصاف الخاصة بالمنتجات، مما يضيف المزيد من المصداقية إلى كلٍ من المتجر والمنتجات بحد ذاتها:

Josie Maran
موقع Josie Moran يعرض مراجعات المنتجات

5. استعمل شريط بحث

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

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

6. قم بإضافة صور عالية الجودة

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

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

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

7. قم بتبسيط عملية الدفع

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

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

8. قم بجعل متجرك مناسباً للأجهزة المحمولة

نصيحة هامة أخرى لكي تتذكرها هي التأكد من أن متجرك يعمل بشكلٍ ممتاز على أجهزة الهواتف. الأمر يتعدى امتلاكك لثيم بتصميم مستجيب*. يتضمن الأمر التأكد من أن حجم الصور يتغير بشكلٍ ملائم على الشاشات الصغيرة بالإضافات إلى حقول النماذج خاصتك. هذا يسهل على الزبائن النقر على الحقل الصحيح ومن ثم ملؤه بالمعلومات.    (*المترجم: التصميم المستجيب أو Responsive Design، هو منهج لتصميم صفحات الويب، الهدف منه هو عرض الصفحات بشكلٍ جيد على عددٍ مختلف من الأجهزة وأحجام الشاشات، لضمان سهولة الاستعمال ورضا المستخدم.)

استعمل ميزات BigCommerce المضمنة فيها والخاصة بالتسوق على الهاتف وقم بإضافة حلول للدفع عن طريق الهاتف إلى متجرك الإلكتروني. هذا سيسهل إمكانية الدفع لك باستخدام PayPal One Touch أو Apple Pay ويمكن أن يزيد معدل تحول الزوار إلى الزبائن الخاص بك بما مقداره 12%.

BigCommerce mobile features
استفد من ميزات BigCommerce للأجهزة المحمولة.

9. اختر ثيم BigCommerce مستجيبة

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

10. قم بإضافة معاينة للمنتجات

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

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

يؤدي موقع Carolina Panthers عملاً رائعاً باستعمال ميزة الرؤية السريعة. لا يمكنك فقط أن ترى الأحجام والأسعار بالإضافة إلى صورة مكبرة، بل يمكنك أيضاً إضافة المنتج فوراً إلى سلة المشتريات.

Panthers site
موقع Carolina Panthers يتضمن ميزة الرؤية السريعة.

11. قم بتوضيح سياسات متجرك الإلكتروني

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

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

12. قم بإظهار أسعار الشحن مسبقاً

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

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

13. قم بإشراك علامتك التجارية بشكلٍ مستمر

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

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

مجموعة Envato Market من المتاجر الإلكترونية توفر تجربة علامة تجارية ثابتة في كامل متاجرنا المتعددة على الإنترنت.

Envato Marketplace eCommerce branding
العلامة التجارية لمتجر Envato.

14. ابق "أضف إلى سلة المشتريات" مرئياً

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

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

15. اجعل الزبائن يفرزون المنتجات بسرعة

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

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

تقريباً كل ثيمات BigCommerce تأتي مع خيارات لفرز المنتجات بحيث كل ما يكون عليك القيام به هو اختيار الثيم التي تناسب المظهر الجمالي لمتجرك.

اعرف أكثر عن بيع المنتجات بشكلٍ ناجح على الإنترنت:

16. قم بإضافة أختام الثقة إلى متجر BigCommerce خاصتك

يمكن للناس أن يترددوا عندما يتعلق الأمر بالتسوق على الإنترنت. واحدة من أكبر مخاوفهم هي ما إذا كان بإمكانهم الوثوق بموقعك ومنحه معلومات حساسة. يمكنك مباشرة زيادة ثقة الزبون عن طريق إضافة أختام الثقة* إلى موقعك.    (*المترجم: ختم الثقة أو Trust Seal، هو ختم يتم منحه من جهة معينة لموقع إلكتروني أو لعمل معين، وغالباً ما يتطلب هذا الختم استعمال طرق دفع آمنة أو وجود الشركة التي تطلب الختم على أرض الواقع.)

هذا سيساعدك على أن تضمن لهم أن كل العمليات التجارية تتم معالجتها بشكلٍ آمن وأن معلوماتهم الشخصية ومعلومات بطاقة الائتمان لن تصل إلى أيدي المخترقين أو المخادعين. الشعارات من علامات تجارية مختصة بالحماية ومعروفة جيداً مثل VeriSign, McAfee Secure, TrustE أو Better Business Bureau غالباً ما تستعمل في مواقع التجارة الإلكترونية لزيادة الثقة. يقوم موقع Man Crates بإظهارهم في التذييل الخاص بكل صفحة.

Man Crates
موقع Man Crates يعرض أختام الثقة في التذييل.

17. ابق النصوص الإعلانية الخاصة بك قصيرة وفي صميم الموضوع

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

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

قم بتحسين تصميم متجر BigCommerce خاصتك باستخدام هذه النصائح

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

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.