في حين أنه من الصحيح أن المحتوى يعزز بشكل كبير التأثير الذي تحدثه على زوار موقعك على الويب، فقد تبين أن جزءًا كبيرًا منه يُنسى في غضون أيام قليلة. ويعتمد مقدار ما يتذكره الناس وينسونه على الطريقة التي تختارها لتوزيع المحتوى.
ووفقا ل دراسة علميةمن المرجح أن ينسى البشر 90٪ من المعلومات التي يسمعونها خلال ثلاثة أيام فقط. ومن المثير للاهتمام أن المعدل يقل بشكل كبير إلى 35٪ عند إقران المعلومات مع الصور ذات الصلة.
أنت تتسائل لماذا؟
حسناً ، صدقوا أو لا تصدقوا - يتم توصيل الدماغ للتصفية 99% من كل المعلومات الحسية تقريبا مباشرة. تتم معالجة 1٪ فقط في نهاية المطاف ، وهذا يشمل الرسوم البيانية.
كما أثبتت دراسات تتبع العين أن زوار الويب يبدون مزيدًا من الاهتمام بالمعلومات المضمنة بالصور. 81٪ منهم عبارة عن كاشطات ، وعادةً ما تنتهي القراءة فقط 20-28٪ من الكلمات.
ماذا يعني هذا؟
بكل بساطة ، يجب عليك تحديد الأولويات في دمج الرسوم البيانية في تخطيط محتوى موقعك الإلكتروني. كما واقع الأمر ، محتوى مقترن مع الرسوم البيانية يجذب 94٪ من المشاهدات من أنواع المحتويات الأخرى. ونتيجة لذلك ، يمكن للرسومات المعلوماتية تعزيز موقعك الحركة العامة بنسبة 12٪.
لذلك ، لمساعدتك على تصميم إطار عمل مثالي للرسوم البيانية ، إليك أدوات مجانية من 10 يمكنك استخدامها لتحويل بيانات المحتوى بفاعلية إلى تصورات ذات صلة:
WebDataRocks
اسم مثير للاهتمام لدينا هنا لبدء لنا. ومن المؤكد أن البرنامج يرقى إلى مستوى ذلك من خلال عرض البيانات الدقيقة بشكل فعال من ملفات JSON و CSV.
WebDataRocks هو أساسا جدول محوري على شبكة الإنترنت أجد أن تكون واضحة بشكل مُرضي ، لا سيما عندما يتعلق الأمر بتصور البيانات في الوقت الحقيقي. بعد تغذية القيم الحرجة من المصدر الرئيسي ، يمكنك الاستفادة من WebDataRocks لفرز البيانات وفرزها وبلوغها ، قبل عرض كل شيء في النهاية كمعلومات مختصرة على الشبكة.
الشيء الذي يعجبني أكثر حول هذه الأداة هو سهولة الاستخدام. يوفر إطار JavaScript هنا عناصر تحليلية متعددة لتبسيط وإثراء الإبلاغ عبر الويب. كما واقع الأمر ، يمكنك حفظ التقارير الناتجة ثم استردادها على راحتك.
وتعلم ماذا؟ أنت لست بحاجة إلى أن يكون الطالب الذي يذاكر كثيرا التقنية لتشغيل جهد WebDataRocks. ما عليك سوى المضي قدمًا وإدخال ملفات JSON أو CSV في النظام ثم تركه يتعامل مع الرفع الثقيل. إذا كنت بحاجة إلى العمل على القيم ، استفد من التمرير إلى أسفل ، التصفية ، الفرز ، بالإضافة إلى سحب وإفلات الحقول.
هو حقا بهذه البساطة. وما هو أكثر؟ يمكنك تضمين WebDataRocks في إطار Angular.
تابلوه العامة
سمعت من التابلوه لوحة حية Desktop؟ إنه نظام تصوّر بيانات قوي متوفر فقط للمستخدمين المدفوعين.
حسنا ، اتضح أن لديها نسخة مجانية- Tableau Public. وإذا كنت تتساءل، فالإجابة هي نعم، فهي فعالة بشكل لا يصدق. ولكن التحذير الوحيد هنا هو أن كل التصورات المرئية عامة. وكل ما تولدها يمكن الوصول إليه من المعرض العام للنظام. لذا لا تتعجل الانضمام إلى هذه المجموعة عندما تتعامل مع معلومات حساسة للغاية.
ولكن مرة أخرى ، قد تجد أيضًا مرئيات منظّمة من المستخدمين الآخرين لتكون مفيدة لمشاريعك. فكر في الأمر على أنه وضع يفوز فيه الجميع.
إذا كان توفير بياناتك للجمهور ليس مشكلة على الإطلاق ، فستستمتع بالعمل مع واجهة السحب والإفلات في Tableau Public ، والتي يمكنها عرض خرائط ومخططات ورسوم بيانية محسنة بالإضافة إلى المزيد. يمكنك أيضًا دعوة أعضاء الفريق للتعاون والبقاء على اطلاع بالمعلومات في الوقت الفعلي.
بدل التخزين هنا صلبة إلى حد كبير لأنه يمتد إلى 10GB. لذلك ، بالطبع ، يجب أن يأخذك بعض الوقت وآلاف من تصورات البيانات حتى تقترب من ذلك.
Tableau Public فعال بشكل خاص عندما يتعلق الأمر بالراحة. تتصل مباشرة بنطاق واسع من مصادر البيانات ، بما في ذلك جداول بيانات Google و Excel. ثم يتم تحسينها بشكل ملائم للأجهزة المحمولة لمساعدة المستخدمين على تقطيع البيانات ونزعها أثناء التنقل.
D3.js
D3.js بارز بشكل خاص في عالم البرمجة ، والعديد من المطورين يشيرون إليه ببساطة باسم "D3". ومع ذلك ، فإن الاسم يمثل رسميًا الثلاثة "D" s في "المستندات المستندة إلى البيانات".
الخبر السيئ بشأن D3.js هو أنه ليس مثاليًا للمبتدئين لأنه يتطلب كتابة أكواد. ولكن إذا كنت على استعداد لبذل القليل من العمل الإضافي، فستلاحظ أن إطاره مرن للغاية. يمكنك الاستفادة منه لإنشاء رسوم بيانية ومخططات معقدة جذابة، وهو ما قد يكون مستحيلًا في أدوات أخرى أكثر سهولة.
لحسن الحظ ، فإن D3.js تدور حول تقنيات الويب المفتوحة - CSS و SVG و HTML. هذا يعني أنه يمكنك الاعتماد عليه للتكامل بسلاسة مع العديد من الأنظمة الأساسية ومتصفحات الويب. Desktopيمكن أن تدعم تطبيقات Android و iOS جميع التقنيات الثلاثة بشكل مريح.
وبالحديث عن المتصفحات ، ستحتاج إلى جهاز حديث للتعامل بسلاسة مع D3.js. قد لا يكون أي شيء جاء قبل Internet Explorer 9 متوافقًا تمامًا مع إطار العمل بأكمله.
لكن هذا ليس كل شيء. يحدث ذلك فقط حتى تتعرف على واجهة D3 API قبل الشروع في استخدام هذه الأداة. على الرغم من أن هذا قد يستغرق بعض الوقت ، فإنه يستحق كل جهد من أي وقت مضى منذ D3.js قوية بشكل لا يصدق.
FusionCharts
على الرغم من أن D3 متوافق فقط مع أحدث إصدارات المتصفحات ، إلا أن FusionCharts يمكنها أن تتوافق مع الإصدارات الأقدم - بقدر ما تعود إلى Internet Explorer 6. لذلك ، يمكنك أن تتوقع العمل بدون أي مشاكل معها دون مواجهة مشاكل التوافق.
عادل بما يكفي. ولكن ، ما مدى قوة ذلك؟
حسنًا ، بالنسبة إلى المبتدئين ، تنجح FusionCharts في الحصول على خرائط 960 وأكثر من مخططات 90. وهذا أبعد ما يحتاجه معظم محترفي التصوّر والمطورين.
بالإضافة إلى ذلك ، تم تصميم الأداة لدعم ملفات XML و JSON بالإضافة إلى التكامل مع مجموعة واسعة من المنصات والأجهزة.
لكن هناك مشكلة. لسوء الحظ ، فإن FusionCharts ليست مجانية تمامًا. إنه يسمح فقط للمستخدمين بتجربة جميع المخططات بدون دفع. أي شيء بعد ذلك لا يتوفر إلا بعد شراء ترخيص. لذا ، فإن أفضل نهج هنا هو الاستفادة من الأداة بضع مرات فقط.
Datawrapper
على الرغم من أن Datawrapper مسجل بشكل رسمي تحت شركة مقرها ألمانيا ، إلا أنه أداة مفتوحة المصدر تم تطويرها من قبل العديد من الصحفيين والمطورين والمصممين في العديد من البلدان.
شارك الصحفيون لأنه تبين أنهم المستهدفون الأساسيون. تم تحسين Datawrapper من أجل إنشاء تصورات جذابة مناسبة بشكل استثنائي للقطع الإخبارية.
لكن لا تفهمني خطأً. لا يزال بإمكان أنواع أخرى من المستخدمين الاستفادة من ميزاته لعرض بياناتهم. ما عليك سوى تقديم بياناتك بتنسيق CSV والمضي قدمًا في إنشاء تصورات مخصصة مثل الرسوم البيانية الخطية والعمودية.
للأسف ، عدد الأشخاص الذين يمكنهم عرض المخططات الناتجة محدودة. يُسمح لك باستضافة عروض 10,000 في كل مخطط. يتطلب أي شيء يتجاوز ذلك الترقية إلى الإصدار المدفوع.
تعال إلى التفكير في الأمر ، ومع ذلك ، 10,000 هو عدد ثابت تماما. سوف تستغرق الأعمال التجارية الصغيرة القياسية بعض الوقت لتصل إلى ذلك. الشركات الكبيرة ، من ناحية أخرى ، هي أفضل حالا في النسخة المدفوعة.
ليس منحنى التعلم هنا حادًا ، بفضل قسم "الأكاديمية" من الأداة المستندة إلى الويب. المستخدمين الاستفادة منه لفصول على الانترنت مفصلة للتعرف على Datawrapper. بالإضافة إلى ذلك ، يأتي النظام أيضًا مع قسم "النهر" لمشاركة الصور المرئية.
Chartbuilder
إذا كنت تبحث عن واجهة مستخدم نظيفة بشكل رائع ، فيجب أن تكون شركة Chartbuilder واحدة من أهم أولوياتك. هذه أداة بارزة أخرى بنيت لصحفيين من قبل دار إعلامية مالية شهيرة تدعى كوارتز.
في البداية ، قاموا بتصميمه لمساعدة صحفيينهم في تحويل قيمهم الرقمية بسرعة إلى إشراك مرئيات - لدعم قصصهم المنشورة. ثم تم إصدارها لاحقًا للجمهور كأداة مجانية مفتوحة المصدر.
ومع ذلك ، فإن المفارقة هنا أن صحافيًا نموذجيًا سيجد في الواقع صعوبة في استخدام Chartbuilder. لن يتمكن سوى مطور البرامج من إعداده منذ عملية التنشيط بعد أن يتضمن تنزيل التطبيق ترميز Python.
ومع ذلك ، بمجرد الانتهاء من ذلك ، كل ما هو مطلوب هو ببساطة تحميل البيانات في نموذج CSV ، أو الحصول عليها مباشرة من رابط Google Sheets. سيعرض النظام فيما بعد الصور المقابلة ، والتي يمكن تخصيصها من خلال أوراق الأنماط أو الأداة نفسها.
لسوء الحظ ، لن تكون التصورات الناتجة ديناميكية وتفاعلية. يبدو أن شركة Chartbuilder قادرة فقط على دعم المخططات الثابتة. ولكن ، الحصول على هذا - يمكنك الاعتماد عليها للقيام بعملها بشكل شامل. الرسومات النهائية عادةً مصقولة بشكل جيد وجاهزة للنشر.
مخططات Google
وغني عن القول أن Google ستعرض دائمًا ميزة في كل مرة نناقش فيها أدوات البيانات. انها تحظى باحترام كبير لتحليلات البيانات قوية للغاية وقدرة الإبلاغ. وعلى واجهة التصور ، يوفر متجر Google مخططات Google مجانًا.
الآن ، هناك العديد من الأشياء التي يجب أن تعجبك حول هذه الأداة ، بدءًا من واجهة المستخدم البسيطة والودية للغاية. وتعلم ماذا؟ لقد طورتها Google كنظام محمول يمكن أن يعمل بشكل جيد على جميع الأنظمة الأساسية والمتصفحات. كما يمضي قدمًا لتقديم معرض غني بشكل متزايد يمكن تعديله ديناميكيًا استنادًا إلى تفضيلاتك.
لتقدمه ، يقدم Google Chart مجموعة كبيرة من أوضاع التمثيل البصري للبيانات - بدءًا من الرسوم البيانية للخطوط القياسية وحتى الصور ثلاثية الأبعاد الهرمية المعقدة. الآن ، بالإضافة إلى المجموعة المقابلة من أدوات التحكم الهائلة في البيانات ، يجعل Google Charts مثاليًا بشكل استثنائي لجميع أنواع المشروعات.
رسمت
إذا كنت تبحث عن البساطة التي تتفوق على مخططات Google ، فقد ترغب في الاطلاع على Charted. إنها ، إلى حد بعيد ، أبسط أداة تصور البيانات في هذه القائمة.
يتطلب إنشاء صور هنا فقط لصق رابط ملفك ثم النقر على "go". هو حقا بهذه البساطة. يمكنك تقديم ملف Google Spreadsheet ، أو TSV ، أو CSV ، وسيعرض النظام الرسومات المناظرة لاحقًا في بضع ثوانٍ.
تكمن المشكلة هنا في أن Charted فقط ينشئ المخططات الشريطية والرسوم البيانية الخطية ، بما في ذلك المخططات المكدسة. لا يمكنك الاستفادة منه لرسم بياني معقد. ولكن مرة أخرى ، عادةً ما ينتهي المطاف بمعظم مشاريع التمثيل البصري للبيانات مع هذين النوعين من العناصر المرئية.
لمزيد من إثراء مشروعك ، فإن Charted تأتي مكونات مضمنة مثل GeoJS المرئيات الجغرافية ، تصورات Vega ، مكون Onset ، مكون Upset ، ومكون LineUp. ولكن ، لن تتمكن من حفظ البيانات أو تخصيصها.
OpenHeatMap
تعتبر الخرائط الحرارية تصورات تستخدم بشكل كبير ألوانًا مختلفة لتشكيل عرض بديهي للبيانات الجغرافية. حسنًا ، قد تفكر في استخدام أداة عامة لإنشاء واحدة. ولكن قد يستغرق ذلك ساعات من الترميز الثقيل للوصول إلى صور دقيقة وديناميكية.
لتوفير هذه المشكلة ، رأينا المطورين إدخال الأدوات المختلفة التي تم تحسينها بشكل خاص لخرائط الحرارة. واحدة من أبرزها مجانية هي OpenHeatMaps.
الأداة ضغطت إلى حد كبير الإجراء الكامل لإنشاء خرائط الحرارة الوظيفية في بنقرة واحدة فقط. بعد استيراد البيانات من جداول بيانات Google أو Excel أو CSV ، ما عليك سوى النقر على الزر والزر الصوت! سيكون لديك خريطة الحرارة الخاصة بك في بضع ثوان.
Google Data Studio
كجزء من إطار Google التسويقي ، تم تصميم Google Data Studio لتحسين عملية اتخاذ القرار من خلال إنشاء تصورات تفصيلية للبيانات.
الآن ، وهنا الشيء المثير للاهتمام حول هذه الأداة. على الرغم من أن الخدمات التي قمنا بتغطيتها بالفعل عادة ما تنشئ تصورات مرئية جاهزة للنشر ، إلا أن Google Data Studio يستخدم أسلوبًا مختلفًا بعض الشيء. يساعد المستخدمين على إعداد العديد من وجهات نظر البيانات بالإضافة إلى لوحات المعلومات. وهذا يجعله مثاليًا للمشاركة الشاملة وتتبع مقاييس الوقت الفعلي.
ولزيادة تحسين تقاريرها ، يمكنك إقران Google Data Studio بخدمات Google الأخرى مثل Google Analytics و Adwords و Youtube وما إلى ذلك.
وفي الختام
في حين أن جميع هذه الخيارات فعالة بشكل لا يصدق ، يجب أن يستند اختيارك النهائي بشكل أساسي إلى نوع الرسوم المعلوماتية التي تريد تضمينها للمسافات الطويلة ، والتخطيط العام لموقعك ، ونوع البيانات ومصدرها ، بالإضافة إلى تفضيلات الزوار العامة.
مرحبًا ، أعتقد أن استخدام كل هذه الأدوات معًا سيساعدنا في الحصول على نتائج أفضل ومقارنة النتائج