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

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

تصميم الويب الجيد هو أكثر من مجرد تجربة مستخدم

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

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

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

لتبدأ ، إليك خمسة "أسرار" لتصميم المحتوى الذي يتم تحويله.

1. تخلص من النص الوهمي

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

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

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

2. قم بعمل خريطة الموقع قبل الموقع

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

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

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

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

3. لديك دعوة واضحة للعمل

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

سواء كانت دعوتك إلى العمل تأخذ نغمة روح الدعابة (اشترك اليوم أو يفهمها الأرنب!) ، أو تستدعي الصداقة الحميمة (انضم إلى القضية) ، أو محملة بالإلحاح (معروضة للبيع اليوم فقط!) ، يجب تصميمها بطريقة هذا مقنع للجمهور المستهدف ويتوافق مع الرسائل العامة للموقع. للحصول على بعض الأفكار والأمثلة الرائعة ، تحقق من كتابة Helga Moreno حول دعوة العمل لـ Just Creative.

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

4. تأكد من أن العناوين جيدة

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

إذا كانت مسؤولية إنشاء العناوين الرئيسية ونصوص H1 الأخرى في تصميم تقع على عاتقك في أي وقت ، فأنت بحاجة إلى صقل مهاراتك في كتابة العناوين. مواردي المفضلة هي هذه المنشور السريع من Copyblogger و Headline Hacks PDF المجاني من Jon Morrow. تم تطوير كلا هذين المصدرين للكتّاب ، لكنهما يقدمان أساسيات كتابة عناوين جيدة بطريقة يمكن لأي شخص يتقن اللغة الإنجليزية استيعابها واستخدامها على الفور إلى حد كبير.

5. استخدم صورًا متعددة الاستخدامات لالتقاط الاهتمام والحفاظ عليه

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

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

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

مفاتيح النسخ التي تتحول

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