تصميم ويب المتجر الإلكتروني: صنع حالة للطباعة
نشرت: 2017-01-18تحميل سريع؟ التحقق! التنقل البسيط؟ التحقق! أزرار الحث على اتخاذ إجراء مقنعة؟ التحقق! صور منتجات عالية الجودة؟ التحقق! محتوى منتج قوي؟ التحقق! عملية المغادرة الآمنة؟ التحقق!
الطباعة ؟ حقا؟! هل الطباعة مهمة؟ - سؤال منبثق في العديد من رؤساء رواد الأعمال في التجارة الإلكترونية الذين هم جميعًا على استعداد لإطلاق متجرهم عبر الإنترنت.
الجواب نعم - وهذا المقال سيثبت لك هذه الحقيقة!
من الناحية المثالية ، فإن رواد الأعمال الجدد في المتاجر الإلكترونية مليئون بالحماس والحماس لتحويل متجرهم من الطوب وقذائف الهاون إلى عمل تجاري مربح عبر الإنترنت. في اندفاعهم لرؤية مواقعهم على الهواء مباشرة ، قد يركز العديد من رواد الأعمال هؤلاء على أسئلة أكبر وأوسع ؛ تجاهل بعض عناصر التصميم الصغيرة ولكن شديدة التأثير مثل الطباعة.
لكن الحقيقة هي أن الطباعة هي أحد أهم عناصر تصميم الويب والتي إذا تم تجاهلها يمكن أن تؤثر بشكل سيء على الإيرادات.
لذا ، دعنا ننتقل إلى التفاصيل الدقيقة للطباعة لفهم أهميتها وتأثيرها على مبيعات المتجر الإلكتروني:
الطباعة: ما هي بالضبط؟
ها هو تعريف Wiki:
"الطباعة هي فن وتقنية ترتيب الكتابة لجعل اللغة المكتوبة مقروءة ، وجذابة عند عرضها. يتضمن ترتيب النوع تحديد المحارف وأحجام النقاط وأطوال الأسطر وتباعد الأسطر (المسافة بين السطور) وتباعد الأحرف (التتبع) وضبط المسافة بين أزواج الأحرف (تقنين الأحرف). "
تأثير الطباعة على تجربة المستخدم
الطباعة تتحدث إلى زوار موقعك.
ينظر الأشخاص إلى صفحتك الرئيسية ككل ، ويقومون بمسح النص ونوع الخط وحجم الحروف وطول الأسطر. الآن ، إذا لم يجدوا المحتوى الخاص بك قابلاً للقراءة ، فسوف يغادرون الموقع على الفور ويقفزون إلى موقع منافسك. هذا ليس قرارا واعيا. لكن تصميم موقع الويب (الذي يتضمن نوع الخط وحجمه واللون والمسافة البيضاء) يدفعهم إلى القيام بذلك.
كانت هناك دراسة بحثية تثبت حقيقة أن الخطوط لها تأثير كبير على الطريقة التي نعالج بها المعلومات. أجريت دراسة واحدة من قبل صانع الأفلام الوثائقية الحائز على جائزة الأوسكار إيرول موريس بعنوان "هل أنت متفائل أم متشائم؟" في هذه الدراسة المثيرة للاهتمام ، اكتشف أن القراء من المرجح أن يثقوا ببيان إذا كان مكتوبًا بخط Baskerville أكثر من تقديمه في أي خط آخر مثل جورجيا أو كوميك سانس أو كمبيوتر مودرن أو هيلفيتيكا أو تريبوتشيت.
يتضح من هذه الدراسة أن مجرد وجود صفحات غنية بالكلمات الرئيسية أو محتوى عالي الجودة (وصف المنتج وصور المنتج ومقاطع فيديو المنتج) لا يكفي لتحقيق المبيعات ؛ ولكن من المهم بنفس القدر أن يكون لديك نوع الخط وحجمه الصحيحين في متجر الويب الخاص بك.
سيوفر اختيار الطباعة الصحيحة تجربة مستخدم استثنائية للزائرين. سوف يساعدك على جذب انتباه الزائر لفترة طويلة ؛ ضمان تركيز الزوار الكامل على المنتجات / الخدمات التي تقدمها. سيساعدك الاهتمام المركّز على زيادة مبيعاتك.
تأثير الطباعة على تصنيفات جوجل
تعتبر خوارزمية تصنيف البحث في Google ما يقرب من 200 إشارة لترتيب موقع الويب. لم تكتسب الطباعة حاليًا مكانًا في قائمة عوامل الترتيب هذه. لذا ، فإن اختيار الخط وحجم الخط المناسبين لن يساعدك بشكل مباشر في الحصول على مرتبة عالية في SERPs.
ومع ذلك ، فإن جميع مصممي الويب في المتاجر الإلكترونية يدركون تمامًا حقيقة أن توفير تجربة مستخدم جيدة للزوار سيساعدهم في الحصول على مرتبة أعلى في Google مقارنة بالمواقع التي توفر تجربة ويب سيئة. من الواضح من النقطة المذكورة أعلاه أن الطباعة تلعب دورًا مهمًا في توفير تجربة مستخدم جيدة للمستخدمين. إذن ، المعادلة الآن هي:
ها هو ستيف جوبز تعلق بالطباعة
هذا ما قاله ستيف جوبز ، المعروف باسم عراب الخطوط ، عن الطباعة في واحدة من أكثر خطابات البدء إلهامًا التي ألقاها في جامعة ستانفورد:
العوامل التي يجب مراعاتها قبل اختيار الطباعة
الآن ، بعد أن عرفنا تأثير الطباعة على معدلات التحويل ، دعنا نتعمق في فهم كيفية اتخاذ القرارات المتعلقة بالطباعة:
لا توجد صيغة واحدة للطباعة يمكن أن تصلح لجميع المتاجر الإلكترونية. يعتمد ذلك على بعض العوامل الحاسمة مثل الجمهور المستهدف ، وصورة علامتك التجارية ، والصناعة التي يقع فيها عملك ، سواء كانت شركة B2B أو B2C ، والمنتجات / الخدمات التي تريد بيعها والرسالة التي تريد نقلها إلى زوارك. سيساعدك التقييم النقدي لجميع هذه العوامل على اختيار الطباعة المناسبة لشركتك.
على سبيل المثال ، يجب أن تختار شركة B2B خطوطًا مثل sans serif والتي تساعدها على اكتساب الاحترام والثقة في الفضاء الرقمي. Yapstone ، مزود خدمة الدفع عبر الإنترنت ، على سبيل المثال ، يستخدم محرف Gotham الذي يعطي العلامة التجارية صورة جديرة بالثقة. تم استخدام جوثام حتى في مواد الحملة الانتخابية لباراك أوباما في الانتخابات الرئاسية لعام 2008.
المصدر: Yapstone.com
من ناحية أخرى ، يجب أن يختار المتجر الإلكتروني الذي يبيع أغراض الأطفال مثل الملابس أو الألعاب الخطوط التي تضفي إحساسًا بالمرح والمرح. ألقِ نظرة على كيفية تمكن Childrensplace من كسب قلوبنا من خلال الطباعة:
المصدر: Childrensplace.com

هناك عامل مهم آخر يحتاج إلى الاعتبار وهو جمهور الجوال. نظرًا لأن المزيد والمزيد من الأشخاص يتحولون إلى التجارة الإلكترونية ، عليك أن تضع في اعتبارك جمهور الهاتف المحمول قبل التركيز على الطباعة.
باختصار ، بعد إجراء تحليل شامل للعوامل المذكورة أعلاه ، اختر الطباعة التي تناسب صورة علامتك التجارية بشكل صحيح.
عناصر الطباعة
من الواضح أن الطباعة تحسن تجربة الزائر. لقد قمت بالتفصيل هنا بعض عناصر الطباعة لتحسين الترتيب العضوي لموقعك وتجربة المستخدم:
اللون:
يعد اللون أحد أهم عناصر الطباعة. يجذب اللون المناسب انتباه الزائرين وفي نفس الوقت ستؤدي الألوان الرديئة على الصفحة الرئيسية إلى زيادة معدل الارتداد لموقعك.
تستخدم العديد من مواقع الويب الشهيرة مثل Skype و WordPress و Twitter و LinkedIn اللون الأزرق على صفحتها الرئيسية. أحد الأسباب الرئيسية وراء هذا اللون الأزرق يرمز إلى الجدارة بالثقة والصدق. لذلك من الضروري لمصممي الويب أن يكون لديهم فهم عميق لعلم نفس اللون وتأثيره على تحويلات التجارة الإلكترونية. في إحدى التجارب ، وجد Monetate أن عبارات CTA الزرقاء تتفوق على عبارات CTA البرتقالية في الأداء بنسبة 9٪.
المصدر: Monetate.com
ومع ذلك ، فقد رأينا أمازون ، أكبر بائع تجزئة للتجارة الإلكترونية في العالم لديه CTAs برتقالية على صفحات منتجاتهم. لذلك ، يُنصح بعدم إجراء أي تجارب عامة واختيار أفضل لون يناسب صورة علامتك التجارية والمُحولات.
طول الخط وتباعد الأسطر:
لن تبدو الخطوط الطويلة جدًا أو القصيرة جدًا جذابة من الناحية الجمالية. يبلغ متوسط طول السطر 45-90 حرفًا والذي يتضمن مسافات.
تباعد الأسطر هو المسافة بين سطرين من النص. تباعد الأسطر الموصى به هو ما بين 120٪ و 145٪ من حجم الخط.
وايت سبيس:
يعطي Whitespace مظهرًا أنيقًا لتخطيط موقع الويب الخاص بك. ستؤدي صفحة المنتج المليئة بجميع المعلومات حول المنتج مثل وصف المنتج والصور ومقاطع الفيديو و CTAs إلى تحويل أقل مقارنة بصفحة المنتج التي تحتوي على معلومات المنتج غير المزدحمة. علاوة على ذلك ، يسهل على المتسوقين عبر الإنترنت العثور على المعلومات المطلوبة حول المنتج بسهولة.
استفد بشكل مناسب من المسافات لجعل صفحات منتجك مذهلة بصريًا.
حجم الخط ونوعه:
تلعب الخطوط دورًا مهمًا في سهولة قراءة المحتوى. ستؤدي الخطوط التي يصعب قراءتها إلى جذب زوار موقعك. بدلاً من ذلك ، ستقنع الخطوط الصحيحة الزائرين باتخاذ الإجراء المطلوب.
اختر النوع الذي يمكن قراءته والمتوافق مع جميع المتصفحات وأحجام الشاشات والذي يناسب صورة علامتك التجارية. لا تستخدم أكثر من خطين. حدد محرفًا للعناوين وآخر لوصف المنتج.
تستهلك الخطوط الصغيرة أو الصغيرة وقتًا أطول في القراءة وبالتالي قد تؤدي إلى إبعاد زوار الموقع على الفور. لذلك ، تأكد من أن حجم الخط كبير بما يكفي لزوار الويب لقراءة المحتوى بسهولة.
على الرغم من عدم وجود حجم خط مثالي أو محرف لتصميمات التجارة الإلكترونية ، فإن القاعدة الأساسية هي تحديد الشكل الذي يجعله قابلاً للقراءة ، ويتناسب مع صورة علامتك التجارية ويتوافق مع المنتجات التي تبيعها.
على سبيل المثال ، من الخطوط الثلاثة التالية ، ما الذي تعتقد أنه سيعطي انطباعًا بالموثوقية والجدارة بالثقة لمتجر طبي عبر الإنترنت؟
ليس من الصعب تخمين أن مصممي الويب للمتاجر الإلكترونية الطبية سيختارون الخط Arial.
تقييم أداء الطباعة الخاص بك
لقد قمت بتعيين الخط وحجم الخط وألوان عبارات الحث على اتخاذ إجراء وجميع عناصر التصميم الأخرى للطباعة الخاصة بك. ولكن هل يعمل لموقع التجارة الإلكترونية الخاص بك؟
أفضل طريقة لمعرفة ما إذا كانت الطباعة المحددة تعمل في متجرك الإلكتروني أم لا ، هي إجراء بعض اختبارات تقسيم A / B. يدعي العديد من أصحاب المتاجر الإلكترونية أنه ليس لديهم الوقت لإجراء اختبار الطباعة. أليس هذا مجرد قول - "ليس لدي وقت للتوقف عن الوقود لأنني مشغول بالقيادة"؟ (تشبيه مأخوذ من كتاب Robin Sharma الأكثر مبيعًا - "الراهب الذي باع سيارته الفيراري") في النهاية ستدفع الثمن ؛ وستكون المقاييس المتأثرة - عدد الزوار ، ومعدل الارتداد ، ومعدل التحويل.
من ناحية أخرى ، سيتيح لك الاختبار معرفة ما إذا كان اختيار الألوان ونوع الخط وحجم الخط والمحارف والمسافة البيضاء له التأثير المطلوب على مبيعاتك أم لا. كن تجريبيًا واعرف ما هو الأفضل لجمهورك المستهدف!
قم بتغليفه
تعد الطباعة عنصرًا رئيسيًا في وصفة تصميم مواقع التجارة الإلكترونية. قد يرى رائد أعمال التجارة الإلكترونية الذي أنفق آلاف الدولارات في التعاقد مع وكالة تنمية باهظة الثمن لتطوير منصة تجارة إلكترونية متطورة أن شركته الناشئة في مجال التجارة الإلكترونية تفشل إذا تم تجاهل عنصر التصميم الأساسي والحاسم هذا.
يجب أن يكون بسيطًا بما يكفي بحيث يكون قابلاً للقراءة وفي نفس الوقت مقنعًا بدرجة كافية لإقناع الجمهور المستهدف بالتصفح والبقاء لفترة أطول على موقع الويب.
ستعمل الطباعة الصلبة على بناء هوية قوية للعلامة التجارية وتجذب زوارًا جددًا وتحث العملاء على زيارة موقعك مرة أخرى ؛ وبالتالي زيادة المبيعات والأرباح لعملك.
هل ترسل الرسالة الصحيحة إلى عملائك المحتملين باستخدام الطباعة؟ ما هي الخطوط التي تستخدمها لعملك لتحقيق أقصى قدر من التحويلات؟ شارك بأفكارك أو أسئلتك معنا في التعليقات أدناه.