แม้ว่าเนื้อหาจะช่วยเพิ่มผลกระทบที่มีต่อผู้เยี่ยมชมเว็บไซต์ของคุณได้อย่างมาก แต่ปรากฏว่าเนื้อหาจำนวนมากถูกลืมไปภายในเวลาเพียงไม่กี่วัน ผู้คนจะจดจำและลืมเนื้อหาได้มากเพียงใดนั้นขึ้นอยู่กับวิธีการเผยแพร่เนื้อหาที่คุณเลือก
ตาม การศึกษาทางวิทยาศาสตร์มนุษย์น่าจะลืมข้อมูล 90% ที่ได้ยินในสามวัน น่าสนใจอัตรานี้ลดลงเหลือ 35% เมื่อจับคู่ข้อมูลกับรูปภาพที่เกี่ยวข้อง
คุณสงสัยว่าทำไม
เชื่อหรือไม่ว่าสมองมีสายในการกรองออก 99% ของข้อมูลทางประสาทสัมผัสทั้งหมด เกือบจะในทันที ในที่สุดจะมีการประมวลผลเพียง 1% เท่านั้นและนั่นรวมถึงอินโฟกราฟิก
การศึกษาที่น่าติดตามได้พิสูจน์แล้วว่าผู้เยี่ยมชมเว็บไซต์ให้ความสำคัญกับข้อมูลที่ฝังอยู่กับภาพมากขึ้น 81% ของพวกเขาเป็น skimmers และพวกเขามักจะจบลงด้วยการอ่านเท่านั้น 20-28% ของคำทั้งหมด
นี้หมายความว่าอย่างไร
ค่อนข้างง่ายคุณต้องจัดลำดับความสำคัญในการรวมอินโฟกราฟิกเข้ากับเลย์เอาต์เนื้อหาของเว็บไซต์ของคุณ อันที่จริงแล้วเนื้อหานั้นจับคู่กับอินโฟกราฟิก ดึงดูดจำนวนการดูเพิ่มขึ้น 94% กว่าประเภทเนื้อหาอื่น ๆ และทำให้อินโฟกราฟิกส์สามารถเพิ่มไซต์ของคุณได้ ปริมาณการใช้งานโดยรวม 12%
ดังนั้นเพื่อช่วยคุณออกแบบกรอบงานที่สมบูรณ์แบบสำหรับ infographics นี่คือ 10 เครื่องมือฟรีที่คุณสามารถใช้เพื่อแปลงข้อมูลเนื้อหาของคุณให้เป็นภาพข้อมูลที่เกี่ยวข้องได้อย่างมีประสิทธิภาพ:
เว็บดาต้าร็อคส์
ชื่อที่น่าสนใจค่อนข้างเรามีที่นี่เพื่อเริ่มเราออก และซอฟต์แวร์ยังมีชีวิตอยู่อย่างแน่นอนโดยการแสดงข้อมูลที่ถูกต้องแม่นยำที่สร้างจากไฟล์ JSON และ CSV
WebDataRocks เป็นเว็บตารางสาระสำคัญที่ฉันพบว่าตรงไปตรงมาพอใจโดยเฉพาะอย่างยิ่งเมื่อมันมาถึงการแสดงข้อมูลแบบเรียลไทม์ หลังจากป้อนค่าวิกฤตจากแหล่งข้อมูลหลักคุณสามารถใช้ประโยชน์จาก WebDataRocks สำหรับการนับการเรียงลำดับและข้อมูลเฉลี่ยก่อนที่จะแสดงทุกอย่างเป็นข้อมูลสรุปในตาราง
สิ่งที่ฉันชอบมากที่สุดเกี่ยวกับเครื่องมือนี้คือใช้งานง่าย เฟรมเวิร์ก JavaScript ที่นี่มีองค์ประกอบการวิเคราะห์หลายอย่างเพื่อทำให้การรายงานบนเว็บง่ายขึ้น ตามความเป็นจริงคุณสามารถบันทึกรายงานผลลัพธ์แล้วเรียกดูได้ตามความสะดวกของคุณ
และคุณรู้อะไรไหม คุณไม่จำเป็นต้องเป็นผู้ใช้เทคโนโลยีเพื่อใช้งาน WebDataRocks ได้อย่างง่ายดาย เพียงไปข้างหน้าและป้อนไฟล์ JSON หรือ CSV ลงในระบบจากนั้นให้จัดการกับการยกของหนัก หากคุณต้องการทำงานกับค่าใช้ประโยชน์จากการเจาะลึกการกรองการเรียงลำดับรวมทั้งเขตข้อมูลลากและวาง
มันง่ายจริงๆ และมีอะไรเพิ่มเติม คุณสามารถฝัง WebDataRocks ไว้ใน Angular framework
Tableau สาธารณะ
เคยได้ยิน ฉาก Desktop? มันเป็นระบบสร้างภาพข้อมูลที่ทรงพลังที่มีให้เฉพาะผู้ใช้ที่ชำระเงินเท่านั้น
มันกลับกลายเป็นว่ามันมีเวอร์ชั่นฟรี - Tableau สาธารณะ และหากคุณสงสัยว่าใช่แล้ว มันยังมีประสิทธิภาพอย่างเหลือเชื่ออีกด้วย อย่างไรก็ตาม ข้อควรระวังประการเดียวคือข้อมูลทั้งหมดเป็นข้อมูลสาธารณะ ทุกสิ่งที่คุณสร้างสามารถเข้าถึงได้จากแกลเลอรีสาธารณะของระบบ ดังนั้นอย่ารีบร้อนเข้าร่วมกระแสนี้เมื่อคุณต้องจัดการกับข้อมูลที่ละเอียดอ่อนมาก
แต่จากนั้นอีกครั้งคุณอาจพบการสร้างภาพข้อมูลที่รวบรวมไว้จากผู้ใช้รายอื่นเพื่อเป็นประโยชน์ต่อโครงการของคุณ คิดว่ามันเป็นสถานการณ์ที่ชนะ
หากการให้ข้อมูลของคุณเป็นประโยชน์ต่อสาธารณะนั้นไม่เป็นปัญหาคุณจะสนุกกับการทำงานกับส่วนต่อประสานการลากและวางของ Tableau Public ซึ่งสามารถแสดงแผนที่แผนภูมิกราฟและอื่น ๆ อีกมากมาย นอกจากนี้คุณยังสามารถเชิญสมาชิกในทีมให้ทำงานร่วมกันและติดตามข้อมูลในแบบเรียลไทม์
ค่าเผื่อการจัดเก็บที่นี่ค่อนข้างแข็งเนื่องจากมันขยายได้ถึง 10GB ดังนั้นแน่นอนว่าคุณต้องใช้เวลาพอสมควรและการสร้างภาพข้อมูลเป็นพันเพื่อให้เข้าใกล้ความเหนื่อยล้านั้น
Tableau Public นั้นมีประสิทธิภาพเป็นพิเศษเมื่อพูดถึงความสะดวกสบาย มันเชื่อมต่อโดยตรงกับแหล่งข้อมูลที่หลากหลายรวมถึง Google ชีตและ Excel จากนั้นจึงได้รับการปรับให้เหมาะสมอย่างเพียงพอสำหรับอุปกรณ์พกพาเพื่อช่วยให้ผู้ใช้ฝานและลูกเต๋าข้อมูลในระหว่างการเดินทาง
D3.js
D3.js มีความโดดเด่นเป็นพิเศษในโลกของการเขียนโปรแกรมและนักพัฒนาจำนวนมากก็อ้างว่าเป็น "D3" อย่างไรก็ตามอย่างเป็นทางการชื่อนี้แทน“ D” สามตัวใน“ Data Driven Documents”
ข่าวร้ายเกี่ยวกับ D3.js ก็คือว่ามันไม่เหมาะสำหรับมือใหม่เลย เนื่องจากต้องมีการเขียนโค้ด แต่ถ้าคุณเต็มใจที่จะทำงานเพิ่มเติมอีกเล็กน้อย คุณจะสังเกตเห็นว่ากรอบงานของมันมีความยืดหยุ่นอย่างมาก คุณสามารถใช้ประโยชน์จากมันเพื่อสร้างกราฟและแผนภูมิที่ซับซ้อนซึ่งไม่สามารถทำได้ในเครื่องมือที่เป็นมิตรกว่านี้
โชคดีที่ D3.js เป็นข้อมูลเกี่ยวกับเทคโนโลยีเว็บแบบเปิด - CSS, SVG และ HTML นั่นหมายความว่าคุณสามารถวางใจได้ในการผสานรวมกับแพลตฟอร์มและเว็บเบราว์เซอร์ต่างๆ ได้อย่างราบรื่น Desktopแอปพลิเคชัน Android และ iOS สามารถรองรับเทคโนโลยีทั้งสามได้อย่างสะดวกสบาย
และเมื่อพูดถึงเบราว์เซอร์คุณจะต้องมีเครื่องมือที่ทันสมัยเพื่อจัดการ D3.js ได้อย่างราบรื่น สิ่งใดก็ตามที่มาก่อน Internet Explorer 9 อาจเข้ากันไม่ได้กับกรอบทั้งหมด
แต่นั่นไม่ใช่ทั้งหมด มันเกิดขึ้นเมื่อคุณต้องทำความคุ้นเคยกับ D3 API ก่อนที่จะเริ่มใช้เครื่องมือนี้ แม้ว่าอาจใช้เวลาสักครู่ แต่ก็คุ้มค่ากับความพยายามทุก ๆ ออนซ์เนื่องจาก D3.js แข็งแกร่งอย่างเหลือเชื่อ
FusionChart
ในขณะที่ D3 เข้ากันได้กับเบราว์เซอร์รุ่นล่าสุดเท่านั้น FusionCharts สามารถรองรับเวอร์ชั่นเก่า - จนถึง Internet Explorer 6 ดังนั้นคุณสามารถทำงานได้อย่างไร้ที่ติโดยไม่มีปัญหาความเข้ากันได้
ยุติธรรมพอสมควร แต่มันมีพลังแค่ไหน?
สำหรับผู้เริ่มต้น FusionCharts มีแผนที่มากกว่า 960 แผนที่และมากกว่า 90 ชาร์ต และนั่นคือสิ่งที่เหนือกว่าสิ่งที่ผู้เชี่ยวชาญด้านการสร้างภาพและนักพัฒนาส่วนใหญ่ต้องการ
นอกจากนั้นเครื่องมือดังกล่าวสร้างขึ้นเพื่อรองรับไฟล์ XML และ JSON รวมเข้ากับแพลตฟอร์มและอุปกรณ์ที่หลากหลาย
แต่มีปัญหา น่าเสียดายที่ FusionCharts ไม่ได้ฟรีทั้งหมด มันช่วยให้ผู้ใช้ทดลองใช้แผนภูมิทั้งหมดโดยไม่ต้องจ่าย สิ่งอื่น ๆ นอกเหนือจากนั้นจะใช้ได้หลังจากซื้อสิทธิ์ใช้งานเท่านั้น ดังนั้นวิธีที่ดีที่สุดที่นี่จะใช้ประโยชน์จากเครื่องมือเพียงไม่กี่ครั้ง
เครื่องห่อข้อมูล
แม้ว่าจะมีการจดทะเบียนอย่างเป็นทางการภายใต้ บริษัท ในเยอรมนี แต่ Datawrapper เป็นเครื่องมือโอเพนซอร์ซที่พัฒนาขึ้นโดยนักข่าวนักพัฒนาและนักออกแบบหลาย ๆ คนในหลายประเทศ
นักข่าวมีส่วนร่วมเพราะปรากฎว่าพวกเขาเป็นผู้ใช้เป้าหมายหลัก Datawrapper ได้รับการปรับให้เหมาะสมสำหรับการสร้างการสร้างภาพข้อมูลที่น่าสนใจซึ่งเหมาะอย่างยิ่งสำหรับชิ้นข่าว
แต่อย่าเข้าใจฉันผิด ผู้ใช้ประเภทอื่น ๆ ยังสามารถใช้ประโยชน์จากคุณลักษณะต่าง ๆ ของโปรแกรมเพื่อแสดงข้อมูลของตนเองได้ เพียงแนะนำข้อมูลของคุณในรูปแบบ CSV แล้วดำเนินการสร้างการแสดงภาพแบบกำหนดเอง เช่น กราฟเส้นและกราฟแท่ง
น่าเศร้าที่จำนวนคนที่สามารถดูแผนภูมิผลลัพธ์มี จำกัด คุณได้รับอนุญาตให้โฮสต์ 10,000 วิวต่อแผนภูมิ สิ่งใดที่เกินกว่าที่คุณต้องการอัปเกรดเป็นรุ่นที่ต้องชำระเงิน
ลองคิดดูสิว่า 10,000 คนเป็นจำนวนที่ค่อนข้างทึบ ธุรกิจขนาดเล็กที่ได้มาตรฐานอาจต้องใช้เวลาพอสมควร ในทางกลับกันธุรกิจขนาดใหญ่นั้นดีกว่ารุ่นที่จ่ายเงินไปมาก
ช่วงการเรียนรู้ที่นี่ไม่ใช่ที่ชันเนื่องจากส่วน "สถาบัน" ของเครื่องมือบนเว็บ ผู้ใช้ใช้ประโยชน์จากคลาสออนไลน์อย่างละเอียดเพื่อทำความคุ้นเคยกับ Datawrapper นอกจากนั้นระบบยังมาพร้อมกับส่วน "แม่น้ำ" สำหรับการแบ่งปันภาพที่อัปโหลด
ผู้สร้างชาร์ต
หากคุณกำลังมองหาอินเทอร์เฟซผู้ใช้ที่สะอาดหมดจด Chartbuilder ควรเป็นหนึ่งในลำดับความสำคัญสูงสุดของคุณ นี่เป็นเครื่องมือที่โดดเด่นอีกประการหนึ่งที่สร้างขึ้นเพื่อนักข่าวโดยสำนักสื่อการเงินที่มีชื่อเสียงชื่อ ผลึก
ตอนแรกพวกเขาออกแบบมันเพื่อช่วยนักข่าวของพวกเขาเปลี่ยนค่าตัวเลขของพวกเขาเป็นภาพที่น่าสนใจสำหรับการสำรองเรื่องราวที่ตีพิมพ์ จากนั้นจึงเผยแพร่สู่สาธารณะในภายหลังเป็นเครื่องมือโอเพนซอร์ซฟรี
ที่กล่าวมาประชดที่นี่คือว่านักข่าวทั่วไปจะพบว่ามันยากที่จะใช้ Chartbuilder เฉพาะนักพัฒนาเท่านั้นที่จะสามารถตั้งค่าได้เนื่องจากกระบวนการเปิดใช้งานหลังจากดาวน์โหลดแอปนั้นเกี่ยวข้องกับการเข้ารหัส Python
อย่างไรก็ตามเมื่อเสร็จสิ้นสิ่งที่จำเป็นต้องทำก็คืออัปโหลดข้อมูลในรูปแบบ CSV หรือรับโดยตรงจากลิงก์ Google ชีต ระบบจะแสดงภาพที่สอดคล้องกันซึ่งสามารถปรับแต่งผ่านสไตล์ชีทหรือเครื่องมือเอง
น่าเสียดายที่การสร้างภาพข้อมูลผลลัพธ์จะไม่เป็นแบบไดนามิกและโต้ตอบ ดูเหมือนว่า Chartbuilder สามารถรองรับแผนภูมิคงที่เท่านั้น แต่รับสิ่งนี้ - คุณสามารถพึ่งพาได้เพื่อทำงานของมันอย่างครอบคลุม กราฟิกสุดท้ายมักจะขัดเงาอย่างดีและพร้อมสำหรับการเผยแพร่
Google แผนภูมิ
มันไปโดยไม่บอกว่า Google จะมีคุณสมบัติเกือบทุกครั้งที่เราหารือเกี่ยวกับเครื่องมือข้อมูล เป็นที่ยอมรับอย่างดีสำหรับการวิเคราะห์ข้อมูลที่มีประสิทธิภาพสูงและความสามารถในการรายงาน และในส่วนของการสร้างภาพโรงไฟฟ้าให้บริการชาร์ต Google ฟรี
ตอนนี้มีหลายสิ่งที่คุณต้องการให้ชอบเกี่ยวกับเครื่องมือนี้โดยเริ่มจากส่วนติดต่อผู้ใช้ที่เรียบง่ายและเป็นมิตร และคุณรู้อะไรไหม Google ได้พัฒนาเป็นระบบพกพาที่สามารถทำงานได้ดีกับทุกแพลตฟอร์มและเบราว์เซอร์ นอกจากนี้ยังมีการนำเสนอแกลเลอรีที่สมบูรณ์ยิ่งขึ้นซึ่งสามารถปรับได้แบบไดนามิกตามการตั้งค่าของคุณ
ยิ่งไปกว่านั้น Google Chart นำเสนอโหมดการสร้างภาพข้อมูลที่หลากหลาย - จากกราฟเส้นมาตรฐานไปจนถึงทรีแม็พที่ซับซ้อน ตอนนี้เมื่อผนวกกับชุดควบคุมข้อมูลขนาดใหญ่ที่สอดคล้องกันทำให้ Google Charts เป็นอุดมคติสำหรับโครงการทุกประเภท
สถานที่เกิดเหตุ
หากคุณกำลังมองหาความเรียบง่ายที่เกินกว่าชาร์ตของ Google คุณอาจต้องการดูชาร์ต มันเป็นเครื่องมือสร้างภาพข้อมูลที่ง่ายที่สุดในรายการนี้
การสร้างภาพที่นี่ต้องการให้คุณวางลิงค์ไฟล์ของคุณจากนั้นกด“ ไป” มันง่ายจริงๆ คุณแนะนำไฟล์ Google Spreadsheet, TSV หรือ CSV และระบบจะแสดงกราฟิกที่เกี่ยวข้องในเวลาไม่กี่วินาที
ปัญหาที่นี่คือที่ชาร์ตสร้างเฉพาะแผนภูมิแท่งและกราฟเส้นรวมถึงแผนภูมิที่ซ้อนกัน คุณไม่สามารถใช้ประโยชน์จากแผนภูมิที่ซับซ้อนได้ แต่แล้วอีกครั้งโครงการสร้างภาพข้อมูลส่วนใหญ่มักจะจบลงด้วยภาพสองประเภทนี้
เพื่อเสริมสร้างโครงการของคุณเพิ่มเติม Charted มามีส่วนประกอบแบบฝังเช่นการสร้างภาพข้อมูลเชิงพื้นที่ GeoJS, การสร้างภาพเวก้า, การสร้างภาพเวก้า, องค์ประกอบที่โจมตี, องค์ประกอบที่ไม่ดีและส่วนประกอบ LineUp แต่คุณจะไม่สามารถบันทึกหรือปรับแต่งข้อมูลได้
OpenHeatMap
แผนที่ความร้อนคือการสร้างภาพข้อมูลที่ใช้สีที่แตกต่างกันอย่างมากเพื่อสร้างการแสดงผลข้อมูลทางภูมิศาสตร์อย่างง่าย คุณอาจพิจารณาใช้เครื่องมือทั่วไปเพื่อสร้างด้วย แต่นั่นอาจใช้เวลาหลายชั่วโมงในการเขียนโค้ดจำนวนมากเพื่อให้ได้ภาพที่แม่นยำและมีชีวิตชีวา
เพื่อช่วยคุณในการแก้ไขปัญหาดังกล่าวเราได้เห็นนักพัฒนาซอฟต์แวร์แนะนำเครื่องมือต่าง ๆ ที่ได้รับการปรับให้เหมาะกับแผนที่ความร้อน และหนึ่งในฟรีที่โดดเด่นที่สุดคือ OpenHeatMaps
เครื่องมือนี้ได้บีบอัดขั้นตอนทั้งหมดของการสร้างแผนที่ความร้อนที่ใช้งานได้ในการคลิกเพียงครั้งเดียว หลังจากนำเข้าข้อมูลจาก Google ชีต Excel หรือ CSV เพียงกดปุ่มและ voila! คุณจะมีแผนที่ความร้อนภายในไม่กี่วินาที
Google Data Studio
เป็นส่วนหนึ่งของกรอบการตลาดของ Google Google Data Studio ถูกสร้างขึ้นเพื่อปรับปรุงการตัดสินใจโดยการสร้างภาพข้อมูลอย่างละเอียด
ทีนี้นี่คือสิ่งที่น่าสนใจเกี่ยวกับเครื่องมือนี้ ในขณะที่บริการที่เรากล่าวถึงแล้วมักจะสร้างการสร้างภาพข้อมูลที่พร้อมสำหรับการเผยแพร่ Google Data Studio ใช้วิธีการที่แตกต่างกันเล็กน้อย ช่วยให้ผู้ใช้ตั้งค่ามุมมองข้อมูลจำนวนมากเช่นเดียวกับแดชบอร์ด ทำให้เหมาะสำหรับการแบ่งปันและติดตามตัวชี้วัดแบบเรียลไทม์
และเพื่อปรับปรุงรายงานให้ดีขึ้นคุณสามารถจับคู่ Google Data Studio กับบริการอื่น ๆ ของ Google เช่น Google Analytics, Adwords, Youtube และอื่น ๆ
สรุป
ในขณะที่ตัวเลือกทั้งหมดเหล่านี้มีผลอย่างไม่น่าเชื่อตัวเลือกสุดท้ายของคุณควรขึ้นอยู่กับประเภทของ infographics ที่คุณต้องการฝังในระยะยาวรูปแบบโดยรวมของไซต์ประเภทข้อมูลและแหล่งที่มารวมทั้งการตั้งค่าทั่วไปของผู้เข้าชม
สวัสดี ฉันคิดว่าการใช้เครื่องมือเหล่านี้ร่วมกันจะช่วยให้เราได้ผลลัพธ์ที่ดีขึ้นและเปรียบเทียบผลลัพธ์