كيف تصنع الخرائط والرسوم البيانية الجميلة لمواقعك؟

محدث: 21 آب (أغسطس) 2020 / مقال بقلم: جيري لو

إذا كان الإنترنت شيء واحد ، فهو مرئي.

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

وفقًا لمخطط معلومات تخطيطية من قِبل مدارس Top Marketing ، هناك رسم تخطيطي قادر على الوصول إلى حوالي 15 مليون شخص.

لماذا الرسوم البيانية؟

شهدت شركة التسويق ، Bell Pottinger ، زيادة بنسبة 55 ٪ في ميزانيات الأعمال للعناصر الرقمية مثل الرسوم البيانية.

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

صالح # 1- الزوار الجدد

تؤدي إضافة الرسوم البيانية إلى جذب زوّار جدد للموقع بطريقتين.

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

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

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

التحدي الفني لخدمة الرسوم البيانية الغنية بالمعلومات

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

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

صالح # 2- الاحتفاظ بالزوار

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

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

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

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

فائدة # 3 - إضافة سلطة

يشارك 50٪ من الدماغ في المعالجة البصرية (مصدر).

معظم الناس متعلمون بصريون. NeoMam جمعت أبحاثًا من مصادر مثل Google Trends و Nielson و Pearson تقترح أن 70 في المائة من المستقبلات الحسية تقع في العين ويمكن للناس استيعاب وفهم المشهد المرئي في أقل من 1 / 10th من الثانية.

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

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

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

ماذا تلاحظ أكثر؟ هل تلاحظ رسمًا عاديًا على الصفحة أو صورة تتحرك أو تومض أو ربما يبدأ الفيديو؟

 


 

ما الذي يصنع مخططًا معلوماتيًا جيدًا؟

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

المعلومات الهندسة المعمارية

بشكل عام ، يتكون جزء جيد من تمثيل البيانات من ثلاثة عناصر رئيسية:

  1. بيانات ذات مغزى
  2. التصاميم المعلومات المناسبة ، و
  3. رسومات جميلة.

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

ومن ثم ، من قبل إنشاء رسم بياني أو رسم بياني للمعلومات، ستحتاج إلى 1) تنظيم بياناتك وتصفيتها وتنقيتها ؛ 2) قرر كيفية تقديم البيانات الخاصة بك (ويعرف أيضا باسم تصميمات البيانات المرئية).

بيانات التعدين

أدخل OpenRefine - أداة استخراج بيانات قوية تنقذنا من تنظيم بياناتنا صفًا تلو الآخر في ورقة عمل Excel. كانت هذه الأداة ، المعروفة سابقًا باسم Google Refine (و Freebase Gridworks) ، تساعد المستخدمين على استكشاف البيانات وتنظيفها ، وتحويل البيانات من تنسيق إلى آخر ، وتوسيعها بخدمات الويب المختلفة.

إذا كنت تعمل مع بعض البيانات غير مرتبة بشكل كبير ، فيجب بالتأكيد أن يكون OpenRefine في مجموعة الأدوات الخاصة بك. يتم استضافة الأداة حاليًا على GitHub ، يمكنك ذلك زيارة هذه الصفحة لجميع المعلومات الضرورية ويساعد. لمزيد من المتابعة وآخر الأخبار ، يجب عليك أيضًا الاطلاع على موقع الويب الذي تم إطلاقه مؤخرًا على http://openrefine.org/

عرض بيانات

بمجرد أن تكون جاهزًا لبياناتك ، فقد حان الوقت لتحديد كيفية تقديمها للمشاهدين.

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

كيف يجب عليك تقديم بياناتك ، بحيث تكون إحصائياتك جميلة وملفتة للنظر وسهلة الفهم؟

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

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

Periodic Table On Data Visualization

في حال كنت تبحث عن مقاربات غير تقليدية ، فعليك التحقق من ذلك هذه المادة الرائعة على Smashing Magazine. تم نشر المنشور منذ بعض الوقت ولكن لا يزال ، أجد أنه مفيد للغاية.

 


 

أدوات معلوماتية وشحن للاستخدام

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

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

لأسباب عملية ، سننظر في كلا الجانبين وسنضع العديد من الأدوات الرسومية للمستخدمين المتقدمين وغير الرسميين.

أدوات الرسوم المتقدمة

أولاً ، دعنا ننظر إلى بعض المواد المتقدمة.

1. ggPlot2 و R

R and ggplot2

R هي لغة كمبيوتر وبيئة لمعالجة البيانات والحساب وعرض الرسومات. ggplot2من ناحية أخرى ، هو نظام رسم لـ R يساعد على إنتاج رسومات معقدة متعددة الطبقات. تم تصميم خريطة HeatMap أعلاه ، على سبيل المثال ، باستخدام ggplot2 و R.

إذا كنت حريصًا على تعلم R و ggplot2 ، LearnR هي مدونة رائعة لمزيد من القراءة (على الرغم من أن المدونة لم يتم تحديثها لبعض الوقت).

2. jqPlot

jqPlot

jqPlot هو مكوّن إضافي للتخطيط والتخطيط لإطار عمل jQuery Javascript. تنتج jqPlot مخططات خطية وشريطية ودائرية جميلة. تأتي الأداة مع بعض الميزات الرائعة مثل إنشاء نقاط تفاعلية يمكن تعديلها بواسطة المستخدمين على متصفحات الويب. ومع ذلك ، تجدر الإشارة إلى أن هذه الأداة لم يتم اختبارها بدقة وقد لا تكون مدعومة من قبل بعض متصفحات الويب - وبالتحديد Chrome و IE أدناه 7.

3. JP رسم بياني

JP رسم بياني

JP رسم بياني هي أداة تخطيط يحركها PHP التي تدعم أنواع مختلفة من المؤامرة. إذا كنت تكتب برنامج PHP يحتاج إلى مكتبة لإنشاء رسم بياني ، فهذا شيء يجب أن تبحث فيه. لن أقول إن JP Graph هي أداة سهلة للمبتدئين ولكن الأداة (أو مكتبة PHP) مفيدة جدًا عندما تحتاج إلى إنشاء رسوم بيانية ومخططات من خادم الويب الخاص بك. JP Graph مجاني للاستخدام غير التجاري وستحتاج إلى خادم ويب يدعم PHP 4.3.x أو أعلى.

4. JS InfoVis Toolkit

JavaScript InfoVis Toolkit

جافا سكريبت InfoVis Toolkit هي مكتبة طورها نيكولاس غارسيا بلمونت. تحتوي المكتبة على مجموعة واسعة من خيارات التصور وهي مجانية تمامًا للاستخدام.

 5. تحليلات IBM (المعروفة سابقًا باسم العديد من العيون)

تحليلات IBM هي أداة مجانية تمكن المستخدم من إنشاء تصورات من أي نوع من أنواع البيانات تقريبًا.

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

6. مخطط جوجل

Google Chart

الرسم البياني جوجل مجاني ، قوي ، مرن ، ومدعوم بالكثير من أدوات المطور الأخرى.

يعتمد الرسم البياني على Google Chart بحت على تقنية HTML5 / SVG ؛ تساعد الأداة في إنشاء المخططات بتنسيقات مختلفة مع عناصر تحكم متحركة وجميلة.

7. محور

Axis

Axiis هو إطار لتصور بيانات مفتوح المصدر تم تطويره بواسطة Tom Gonzalez و Michael VanDaniker. تم تصميم الأداة خصيصًا للمطورين المبتدئين والخبراء على حد سواء. يوفر Axiis مكونات تصور مسبقة الصنع بالإضافة إلى أنماط تخطيط مجردة وفئات تجسيد تتيح لك إنشاء تصوراتك الفريدة الخاصة بك.

أدوات معلومات سهلة للمبتدئين

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

مع ما يقال ، توجد هنا قائمة أدوات الإنشاء التي تتطلب القليل جدًا من جهود التعلم وسهولة الاستخدام.

1. Visme

visme

Visme هي عبارة عن منصة DIY تتيح للمستخدمين إنشاء عروض تقديمية ورسوم بيانية احترافية.

يستخدم أكثر من 350,000 فرد ومنظمة (بما في ذلك مستخدمون من الشركات الكبرى مثل IBM و Disney) الأداة للتواصل بشكل أفضل من خلال الرسومات التفاعلية والعروض التقديمية.

2. Venngage

Venngage هي أداة مرئية سهلة الاستخدام موجودة منذ 2011. توفر الأداة طريقة سهلة لإنشاء رسم توضيحي باستخدام محرر السحب والإفلات ولوحة قماش حرة و 1,000 + من الأمثلة والقوالب التي تم إنشاؤها مسبقًا.

3. Easel.ly

Easel.ly

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

4. Vizualize.me

VIsualize.me

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

5. Hohli

Hohli

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

6. Piktochart

Piktochart هي عبارة عن أدوات معلومات مستندة إلى قالب تساعد غير المصممين على إنشاء رسومات ورسوم بيانية جميلة.

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

 


 

قبل أن تبدأ: Infographics Inspirations

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

فيما يلي بعض من الرسوم البيانية والرسوم البيانية الأكثر شعبية التي تم التقاطها من الإنترنت.

أنا متأكد من أنك رأيت بعضًا منهم على شبكات التواصل الاجتماعي في الماضي - مما يثبت أن الرسومات الجميلة مع بيانات ذات مغزى!

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

من خلال الإشارة إلى أعمال الآخرين ، نتعرف على ما ينجح بشكل جيد مع الجماهير.

  • ما هو متوسط ​​حجم مخطط المعلومات المشهور؟
  • ما نوع الموضوع الأكثر رواجًا من المشاهدين؟
  • هل يجب تضمين أكبر عدد ممكن من البيانات في المخططات؟
  • كم عدد النقاط يجب أن تغطي في الرسوم البيانية الخاصة بك؟
  • ما الذي يجعل هذه الشعارات شعبية؟

أمثلة على الحياة الحقيقية: أنواع Infographic

هذه هي الأسئلة التي يجب طرحها عندما تتصفح العينات.

مشروبات القهوة المصور

مشروبات القهوة المصور
المصدر lokeshdhakar.com

الدليل الميداني للفان بويز 

الكمبيوتر العالمي مروحة الأولاد الميداني الدليل
المصدر عالم الحاسوب

أفضل بيرة في أمريكا 2008

أفضل بيرة في أمريكا
المصدر Mikewithart.com

الجداول الدورية للخطوط

Typefaces Table

إنقاذ المقتفي

إنقاذ المقتفي
المصدر نيويورك تايمز

تطور الهاتف

المخطط الزمني Infographics
المصدر: باو واو الآن

 

تحقق في الرسم البياني

رسم بياني رسومية
المصدر: فور سكوير

التعمق في

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

إذا كنت تبدأ فقط في التمثيل البصري للبيانات ، فإنني أوصي بشدة بزيارة المواقع والمدونات المذكورة أعلاه.

إذا لم تكن قد استفدت من قوة تصورات البيانات في حملتك التسويقية ، فقد حان الوقت للبدء.

عن جيري لو

مؤسس WebHostingSecretReveals.net (WHSR) - مراجعة استضافة موثوق بها ويستخدمها مستخدمو 100,000. خبرة تزيد عن 15 في مجال استضافة المواقع والتسويق التابع لها وكبار المسئولين الاقتصاديين. مساهم في ProBlogger.net ، Business.com ، SocialMediaToday.com ، وأكثر من ذلك.