5 طرق لتحسين تصميم المحتوى الخاص بك

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

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

افترض أن لديك محتوى مثالي ...

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

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

1. تخطيط للأجهزة اللوحية والأجهزة المحمولة

وفقًا لإحصاءات Liveinternet.ru ، تزداد حركة المرور من الأجهزة المحمولة ... حسنًا ، باختصار ، انظر بنفسك كيف تنمو:

يوضح الرسم البياني عدد التحولات وفقًا لإحصائيات Liveinternet.ru من الأجهزة المحمولة على منصات Android و iOS. من الواضح ، أنه لم يعد من الممكن تجاهل مستخدمي الهواتف المحمولة. وفقًا لذلك ، يجب تكييف تخطيط الموقع لعرض الموقع من الأجهزة اللوحية والهواتف الذكية. (هل لديك نسخة محمولة من موقع الويب أم لا؟ إجابتنا هي: لا تفعل ، اشرح لفترة طويلة لماذا. ولكن إذا كانت قصيرة ، فإن التخطيط التكيفي يحل جميع المشاكل ، وسيتم عرض الموقع بشكل صحيح على كل من الأجهزة المحمولة وشاشات العرض العريضة)

ولكن ما هو مثير للاهتمام حقا. كشفت دراسة حديثة أجراها معهد المؤشر عن وجود نمط مثير للاهتمام. من الواضح أن القراءة على الأجهزة اللوحية أكثر ملاءمة في الوضع الأفقي.

في الوقت نفسه ، تتم قراءة المواد المطبوعة في الوضع الرأسي (الصحف والمجلات).

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

وفقًا لذلك ، الاستنتاج: يجب عرض موقعك عادةً في الموضع الرأسي والأفقي للجهاز.

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

2. التسلسل الهرمي البصري

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

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

قارن الصور التالية:

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

يمكن تحقيق التسلسل الهرمي البصري عن طريق:

  • تقسيم المحتوى الخاص بك إلى أقسام مختلفة
  • استخدام المكونات البصرية
  • إدراج مسافات بين الفقرات

3. نمط الخط والحجم

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

4. مساحة حرة

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

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

5. الألوان

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

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

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

تستند المقالة إلى: //contentmarketinginstitute.com/2012/11/content-marketing-best-practices-drive-design/

شاهد الفيديو: 15 نصيحة ساخرة لتصبح يوتيوبر ناجح (شهر نوفمبر 2019).

Loading...

ترك تعليقك