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

المادة التي كتبها:
  • مقالات مميزة
  • المحدثة: أبريل 15 و 2019

إشعار: _usort_terms_by_ID هو إهمال منذ الإصدار 4.7.0! استخدم wp_list_sort () بدلاً من ذلك. في /home/218053.cloudwaysapps.com/wmdtwanpyt/public_html/wp-includes/functions.php 4435

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

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

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

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

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

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

احصائيات المعلومات

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

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

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

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

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

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

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

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

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

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

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

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

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

صالح # 3 - إضافة السلطة

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

عرض بيانات

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

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

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

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

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

الجدول الدوري في تصوير البيانات

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


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

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

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

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

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

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

1. ggPlot2 و R

R و 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

جافا سكريبت InfoVis Toolkit

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

5. العديد من العيون

العديد من العيون من آي بي إم

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

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

6. مخطط جوجل

الرسم البياني جوجل

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

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

7. محور

محور

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

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

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

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

1. Visme

visme

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

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

2. Easel.ly

Easel.ly

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

3. Vizualize.me

VIsualize.me

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

4. Hohli

Hohli

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

5. Piktochart

Piktochart Infographic

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

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

6. Infogr.am

Infogram

Infogr.am هو تطبيق ويب سهل الاستخدام لصنع الرسوم البيانية. إنشاء الرسوم البيانية التفاعلية والرسوم البيانية مع عدد قليل من النقرات ، ووضعها في مقالك ، أو بلوق وظيفة أو مشاركتها مع الأصدقاء. مع بعض الرسوم التوضيحية 200 000 التي تم إنشاؤها و 10 000 من الاشتراكات الجديدة في الأسبوع ، فهي أسرع مجتمع تصوّر للبيانات نموًا في العالم.


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

جدول الخطوط

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

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

تطور الهاتف

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

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

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

التعمق في

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

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

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

عن جيري لو

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