ความท้าทายและข้อผิดพลาดในการแสดงภาพข้อมูลที่ควรหลีกเลี่ยง

เผยแพร่แล้ว: 2023-09-25

ข้อมูลอาจยุ่งเหยิงได้ และการเปลี่ยนให้เป็นสิ่งที่สมเหตุสมผล (และดูดี) ถือเป็นรูปแบบศิลปะอย่างหนึ่ง เข้าสู่เขาวงกตแห่ง ความท้าทายในการแสดงภาพข้อมูล

ทำไมคุณควรสนใจ? ก่อนอื่นเลย ฉันใช้ชีวิตและสูดลมหายใจของการออกแบบเว็บไซต์และการแสดงข้อมูลเป็นภาพ และเชื่อฉันเถอะ แม้แต่มืออาชีพบางครั้งก็ยังสับสนเมื่อพูดถึงการแสดงข้อมูลที่ซับซ้อนอย่างมีประสิทธิภาพ ถ้าพวกเขาสามารถสะดุดได้ คุณก็ทำได้เช่นกัน

ในบทความนี้:

  • คุณจะได้เรียนรู้เกี่ยวกับสิ่ง ที่ไม่ควรมองข้ามในข้อมูล ได้แก่ โลก
  • รับข้อมูล ข้อผิดพลาดทั่วไป
  • และแน่นอนว่ามีเคล็ดลับในการ ทำให้ข้อมูลของคุณโดดเด่น (ไม่ใช่ตามตัวอักษร แต่คุณเข้าใจแล้ว)

หลักการพื้นฐานของการแสดงข้อมูลที่ดี

สุนทรียภาพเทียบกับฟังก์ชันการทำงาน

ตัวเลือกสี

แผนภูมิที่สร้างด้วย wpDataTables

สีเหล่านั้นต้องมีจุดประสงค์ เช่น เคยเห็นแผนภูมิวงกลมที่มีเฉดสีฟ้าคล้ายกันจนคุณไม่สามารถบอกได้ว่าเกิดอะไรขึ้น

นั่นเป็นความท้าทายในการแสดงภาพข้อมูลสำหรับคุณ!

การมีสีมากเกินไปหรือสีผิดอาจทำให้ผู้ชมสับสนได้ แต่เรายังทำเป็นระดับสีเทาทั้งหมดไม่ได้ เพราะสีช่วยให้ผู้ชม "เข้าใจ" ได้เร็วขึ้น ความสมดุลเป็นสิ่งสำคัญ

แบบอักษรและมาตราส่วน

เอาล่ะ เรามาเจาะลึกแบบอักษรกันดีกว่า คุณอาจคิดว่า Arial หรือ Times New Roman คือสิ่งที่คุณต้องการ แต่แบบอักษรเป็นตัวกำหนดอารมณ์

ฟอนต์เก๋ๆ อาจดูเท่สำหรับคำเชิญวันเกิด แต่อาจดูสะดุดตาในรายงานทางธุรกิจได้ นอกจากนี้อย่าทำให้คนอื่นหรี่ตาหรือดึงแว่นขยายออกมา ตรวจสอบให้แน่ใจว่าข้อความสามารถอ่านได้ในทุกอุปกรณ์

ความสมบูรณ์ของข้อมูล

ความน่าเชื่อถือของแหล่งที่มา

แหล่งข่าวที่เชื่อถือได้! นั่นคือรากฐาน หากคุณได้รับข้อมูลจากเว็บไซต์สุ่มบางเว็บไซต์ที่คู่หูของคุณส่งถึงคุณ คุณจะเข้าสู่โลกแห่งความท้าทายในการแสดงข้อมูลเป็นภาพ

แหล่งที่มาที่เชื่อถือได้สามารถสร้างหรือทำลายการแสดงภาพของคุณได้ เพราะคุณสามารถสร้างแผนภูมิที่สวยที่สุดได้ แต่หากสร้างจากข้อมูลที่สั่นคลอน มันก็ไร้ประโยชน์ใช่ไหม

ความถูกต้องของข้อมูล

พูดจริง—การเปลี่ยนแปลงข้อมูล หากคุณกำลังใช้สิ่งที่ล้าสมัย คุณกำลังสร้างความเสียหายให้กับทุกคนที่เกี่ยวข้อง อัปเดตสถิติและข้อเท็จจริงของคุณทุกครั้งก่อนที่คุณจะสร้างภาพ

สิ่งนี้ทำให้แน่ใจว่าคุณมีความเกี่ยวข้องและถูกต้องเสมอ

การเข้าถึง

การรวม

แหล่งที่มาของภาพ

ประเด็นสำคัญอยู่ที่ว่าไม่ใช่ทุกคนจะสัมผัสประสบการณ์เว็บในลักษณะเดียวกัน บางคนใช้โปรแกรมอ่านหน้าจอ บางคนอาจตาบอดสี

คุณต้องแน่ใจว่าภาพของคุณไม่เพียงแค่สวยงามเท่านั้น แต่ผู้คนจำนวนมากที่สุดเท่าที่จะเป็นไปได้สามารถเข้าถึงและเข้าใจได้ นั่นเป็นหนึ่งในความท้าทายด้านการแสดงข้อมูลเป็นภาพซึ่งมักถูกมองข้าม

ความสามารถในการปรับตัว

ดังนั้นแผนภูมิของคุณจึงดูยอดเยี่ยมบนจอภาพขนาด 27 นิ้ว แต่แล้วบนสมาร์ทโฟนล่ะ? หากไม่สามารถปรับตัวได้ คุณกำลังตัดผู้ชมกลุ่มใหญ่ออกไป

และเชื่อฉันเถอะ การบีบและซูมเพียงเพื่ออ่านแผนภูมิวงกลมไม่ใช่ช่วงเวลาดีๆ ของใคร

ข้อมูลที่สวยงามของคุณสมควรที่จะออนไลน์

wpDataTables สามารถทำให้เป็นอย่างนั้นได้ มีเหตุผลที่ดีว่าทำไมมันถึงเป็นปลั๊กอิน WordPress #1 สำหรับการสร้างตารางและแผนภูมิแบบตอบสนอง

ตัวอย่างที่แท้จริงของ wpDataTables ในป่า

และมันง่ายมากที่จะทำสิ่งนี้:

  1. คุณระบุข้อมูลตาราง
  2. กำหนดค่าและปรับแต่ง
  3. เผยแพร่ในโพสต์หรือเพจ

และไม่เพียงแต่สวยงาม แต่ยังใช้งานได้จริงอีกด้วย คุณสามารถสร้างตารางขนาดใหญ่ที่มีแถวได้มากถึงล้านแถว หรือคุณสามารถใช้ตัวกรองและการค้นหาขั้นสูง หรือคุณสามารถดำเนินการอย่างบ้าคลั่งและทำให้สามารถแก้ไขได้

“ใช่ แต่ฉันชอบ Excel มากเกินไป และไม่มีอะไรแบบนั้นบนเว็บไซต์” ใช่มี คุณสามารถใช้การจัดรูปแบบตามเงื่อนไขเช่นใน Excel หรือ Google ชีต

ฉันบอกคุณหรือเปล่าว่าคุณสามารถสร้างแผนภูมิด้วยข้อมูลของคุณได้ และนั่นเป็นเพียงส่วนเล็กๆ เท่านั้น มีคุณสมบัติอื่น ๆ อีกมากมายสำหรับคุณ

ความท้าทายทั่วไปในการแสดงข้อมูล

การนำเสนอที่ทำให้เข้าใจผิด

การจัดการขนาด

แหล่งที่มาของภาพ

การจัดการมาตราส่วนก็เหมือนกับภาพลวงตาของข้อมูล แต่ปรับขนาดเหรอ? ไม่ นั่นเป็นความท้าทายในการแสดงภาพข้อมูลที่สำคัญซึ่งจำเป็นต้องแก้ไข

ลองจินตนาการว่าคุณกำลังนำเสนอโปรเจ็กต์ที่เป็นมิตรต่อสิ่งแวดล้อม และกราฟของคุณทำให้ดูเหมือนว่าระดับ CO2 ลดลงเหมือนกับเบสไลน์ EDM

ทุกคนอิ่มแล้วใช่ไหม?

แต่แล้วปรากฏว่าคุณยุ่งกับเครื่องชั่ง สิ่งแวดล้อมยังคงร้องไห้นะเพื่อน

ข้อมูลที่ละเว้น

คุณรู้ไหมว่ามีอะไรยุ่งยากอีกอย่างหนึ่ง? กำลังทิ้งของไว้. จริงๆ นี่เหมือนกับการโกหกแบบลดน้ำหนัก ข้อมูลการเก็บเชอร์รี่สามารถส่งผลต่อความคิดเห็นของผู้คนได้โดยสิ้นเชิง และนั่นก็เป็นสิ่งที่ไม่ควรทำ

เราทุกคนมีอคติแน่นอน แต่การเลือกสรรข้อมูลที่คุณแสดงก็เหมือนกับการเล่นเกมที่มีการควบคุม

ภาวะแทรกซ้อนมากเกินไป

ข้อมูลมากเกินไป

ทีเอ็มไอ ผู้คน ไม่ใช่แค่การออกเดทที่น่าอึดอัดใจเท่านั้น นอกจากนี้ยังเป็นความท้าทายในการแสดงภาพข้อมูลขนาดใหญ่อีกด้วย เพียงเพราะคุณ สามารถ แสดงข้อมูลทั้งหมดไม่ได้หมายความว่าคุณ ควรจะแสดง

ฉันหมายถึง คุณจะผสมทุกสีในชุดสีของคุณและคาดหวังว่าจะได้ผลงานชิ้นเอกหรือไม่? นะ เลือกส่วนสำคัญ ส่วนที่บอกเล่าเรื่องราว และเก็บส่วนที่เหลือไว้ในภาคผนวกหรืออะไรก็ได้

ความซับซ้อนที่ไม่จำเป็น

ความซับซ้อนจะดีมากหากคุณสนใจวิทยาศาสตร์หรือปรัชญาแบบจรวด แต่มาทำให้มันเย็นลงในโลกแห่งการแสดงข้อมูล

ใครต้องการแผนภูมิวงกลมระเบิด 3 มิติที่มีรูปแบบที่แตกต่างกันแปดรูปแบบและคุณสมบัติไฟดิสโก้? ไม่มีใครนั่นแหละ ฉันหมายความว่ามันฟังดูสนุก แต่ก็ไม่ได้ช่วยให้ใครเข้าใจอะไรดีขึ้นจริงๆ ใช่ไหม?

ความท้าทายในการโต้ตอบ

การมีส่วนร่วมของผู้ใช้

ข้อดี: หากแผนภูมิหรือกราฟของคุณน่าเบื่อมากกว่าการดูสีแบบแห้ง ปุ่มโต้ตอบจำนวนไม่มากก็จะช่วยประหยัดได้

จริงๆ แล้ว นี่เป็นหนึ่งในความท้าทายด้านการแสดงข้อมูลที่เรามักไม่ค่อยนึกถึง เป้าหมายคือการมีส่วนร่วมใช่ไหม? แต่การใส่องค์ประกอบเชิงโต้ตอบแบบสุ่มเหมือนเครื่องปรุงรสล่ะ? ไม่ใช่ มันไม่ใช่เบอร์เกอร์ มันเป็นการแสดงข้อมูลด้วยภาพ

การใช้งาน

ทุกบิตเชิงโต้ตอบควรมีเหตุผลที่จะอยู่ที่นั่น หากคุณจะใส่ปุ่ม แถบเลื่อน หรืออะไรก็ตาม มันควรจะช่วยให้ผู้ดูได้ประโยชน์จากข้อมูลมากขึ้น

ไม่อย่างนั้นก็เป็นเพียงการตกแต่ง

ข้อผิดพลาดที่ควรหลีกเลี่ยง

โดยไม่สนใจผู้ฟัง

ขาดบริบท

แหล่งที่มาของภาพ

เอาล่ะ เคยเดินเข้าไปในภาพยนตร์ครึ่งทางไหม? สับสนใช่มั้ย? ข้อมูลก็เช่นเดียวกัน

ลองนึกภาพคุณกำลังดูกราฟแท่งที่เต็มไปด้วยศัพท์เฉพาะทางเทคโนโลยีหรือศัพท์ทางการแพทย์ แล้วเกิดอาการประมาณว่า "เกิดอะไรขึ้น" บริบทคือราชา peeps

หากผู้ชมของคุณไม่เข้าใจฉาก พื้นหลัง หรือปัจจัยว่าทำไมฉันถึงควรสนใจ แสดงว่าคุณเจอความท้าทายในการแสดงภาพข้อมูลแบบคลาสสิกแล้ว

การใช้ศัพท์แสงมากเกินไป

เราทุกคนชอบที่จะฟังดูฉลาด ใครไม่? แต่ใส่ศัพท์เฉพาะทางอุตสาหกรรมมากเกินไปลงในภาพของคุณ และมันก็เหมือนกับการพูดภาษาต่างประเทศด้วยการสะกดคำ

จริงๆ แล้ว อย่าทำให้ผู้คนใช้ Google ทุกคำเพียงเพื่อให้เข้าใจแผนภูมิวงกลมของคุณ หากคุณไม่สนใจว่าใครกำลังดูข้อมูลของคุณอยู่ คุณก็กำลังทิ้งข้อมูลนั้นลงในความว่างเปล่า

การวางแผนข้อมูลมากเกินไป

ภาพที่แออัด

แหล่งที่มาของภาพ

ในโลกแห่งภาพ ความโกลาหลเป็นหนึ่งในความท้าทายในการแสดงข้อมูลเป็นภาพซึ่งเราทุกคนสามารถอยู่ได้โดยปราศจาก

ดังนั้น ให้พื้นที่ข้อมูลของคุณหายใจบ้าง โอเคไหม?

ข้อมูลที่ทับซ้อนกัน

เกาหัวอีก. สมมติว่าคุณมีจุดข้อมูลหลายจุดซ้อนทับกัน ดูเหมือนภาพวาดนามธรรมใช่ไหมล่ะ?

ปัญหาคือ เราไม่ได้อยู่ในหอศิลป์ เรากำลังพยายามเข้าใจสิ่งที่ซับซ้อนด้วยวิธีง่ายๆ

ดังนั้น หากคุณไม่ต้องการให้ผู้ชมเล่น "Where's Waldo" ด้วยจุดข้อมูลของคุณ ให้หลีกเลี่ยงปัญหาที่ทับซ้อนกัน

การแมปข้อมูลที่ไม่ถูกต้อง

ข้อผิดพลาดทางภูมิศาสตร์

การทำแผนที่ข้อมูลจะต้องคงไว้ซึ่งความเป็นจริงกับเค้าโครงในโลกแห่งความเป็นจริง มิฉะนั้น คุณจะทำให้ผู้ชมของคุณเข้าใจผิดและเพิ่มการเข้าสู่หอเกียรติยศด้านการแสดงข้อมูลเป็นภาพ

ข้อผิดพลาดชั่วคราว

คุณรู้จักหนังที่ยุ่งเกี่ยวกับไทม์ไลน์ กระโดดไปมา จนไม่รู้ว่าอะไรคืออดีต ปัจจุบัน หรืออนาคต?

ใช่ มันอาจจะเจ๋งในภาพยนตร์แนวไซไฟ แต่ในรูปแบบกราฟล่ะ? ไม่.

คำถามที่พบบ่อยเกี่ยวกับความท้าทายในการแสดงข้อมูล

อะไรคือข้อผิดพลาดที่พบบ่อยที่สุดในการแสดงข้อมูล?

มีรายการซักผ้าอยู่ แต่คู่แข่งอันดับต้นๆ บางราย ได้แก่ การใช้สีมากเกินไป ไม่คำนึงถึงผู้ชม และปัญหาในการขยายขนาด

สิ่งเหล่านี้อาจฟังดูเล็กน้อยแต่สามารถบิดเบือนข้อความของคุณได้ครั้งใหญ่

เหตุใดการปรับขนาดที่เหมาะสมจึงมีความสำคัญ

ลองคิดดู: คุณจะไม่ใช้ค้อนขนาดใหญ่เพื่อทุบถั่วใช่ไหม การปรับขนาดมีความสำคัญเนื่องจากการปรับขนาดที่ไม่เหมาะสมอาจนำไปสู่ภาพที่ทำให้เข้าใจผิดได้

ผู้ฟังของคุณอาจเดินจากไปโดยมีมุมมองที่เบ้โดยสิ้นเชิงหากคุณไม่เข้าใจเรื่องนี้

การเลือกสีส่งผลต่อการตีความอย่างไร?

สีไม่ใช่แค่อาหารตาเพื่อนของฉัน การใช้สีแดงและสีเขียวร่วมกันอาจทำให้คนตาบอดสีสับสนได้

นอกจากนี้สียังมีน้ำหนักทางอารมณ์อีกด้วย คุณคงไม่อยากกระตุ้นให้เกิดปฏิกิริยาโดยไม่ตั้งใจ

การสร้างภาพ 3 มิติดีกว่า 2 มิติหรือไม่?

แน่นอนว่า 3D อาจดูหรูหราและล้ำสมัย แต่มักจะทำให้สิ่งที่ซับซ้อนและเข้าใจยาก

ยึดติดอยู่กับ 2D เว้นแต่คุณจะมีเหตุผลที่ดีพอที่จะเข้าสู่มิติที่สาม

แหล่งข้อมูลมีความสำคัญแค่ไหน?

สำคัญมาก! ภาพของคุณจะดีพอๆ กับข้อมูลของคุณเท่านั้น แหล่งข้อมูลที่เสียหายหรือเอนเอียงจะนำไปสู่ภาพที่เสียหายและเอนเอียง

ดังนั้นควรตรวจสอบแหล่งที่มาของคุณอีกครั้งเสมอ

ฉันต้องการซอฟต์แวร์พิเศษหรือไม่?

ไม่จำเป็น. แม้แต่ Excel หรือ Google ชีตก็สามารถช่วยคุณไปได้ไกล

แต่หากคุณเจาะลึก ซอฟต์แวร์เฉพาะทาง เช่น wpDataTables, Tableau หรือ Power BI จะให้ความยืดหยุ่นและความสามารถที่มากกว่า

ทางเลือกของคุณควรขึ้นอยู่กับความซับซ้อนของโครงการของคุณ

จะทำให้ Data Viz เข้าถึงได้อย่างไร

ความครอบคลุมควรเป็นชื่อของเกม ใช้ข้อความแสดงแทนสำหรับรูปภาพและตรวจสอบให้แน่ใจว่าผู้ที่มีความบกพร่องทางการมองเห็นสามารถเข้าถึงโทนสีของคุณได้ กำหนดให้เป็นไปตามข้อกำหนดของ ADA

บทบาทของการโต้ตอบคืออะไร?

การโต้ตอบไม่ได้มีไว้สำหรับเตะเท่านั้น มันสามารถช่วยให้ผู้ใช้มีส่วนร่วมกับข้อมูลได้ลึกซึ้งยิ่งขึ้น แต่อย่าไปมากเกินไป

กุญแจสำคัญคือการเพิ่มความเข้าใจ ไม่ใช่เปลี่ยนข้อมูลของคุณให้กลายเป็นวิดีโอเกม

การสร้างภาพข้อมูลที่ไม่ดีสามารถมีผลกระทบในโลกแห่งความเป็นจริงได้หรือไม่?

พนันได้เลย. ในภาคส่วนต่างๆ เช่น การดูแลสุขภาพ การเงิน หรือนโยบายสาธารณะ การแสดงข้อมูลที่ไม่ดีอาจนำไปสู่ความเข้าใจผิดที่ส่งผลกระทบร้ายแรง ชีวิตและเงินก้อนโตอาจเป็นเดิมพัน

บทสรุปเกี่ยวกับความท้าทายในการแสดงข้อมูล

คุณเคยเห็นข้อผิดพลาดใช่ไหม? เช่นเดียวกับการใช้สีในทางที่ผิดและทำให้ขนาดเลอะเทอะ ดูเหมือนเล็กน้อย แต่เชื่อฉันเถอะ พวกมันสามารถนำคุณไปสู่เส้นทางที่ทำให้เข้าใจผิดได้

จากนั้นเราก็เจาะเข้าไปในเครื่องมือ คุณไม่จำเป็นต้องทำลายธนาคาร บางครั้งง่ายกว่านั้นดีกว่า

การแสดงภาพข้อมูลไม่ได้เป็นเพียงการตบสีและรูปร่างบางอย่างเท่านั้น เป็นการเล่าเรื่อง ความแม่นยำ และความคิดสร้างสรรค์ที่ผสานรวมกันเป็นหนึ่งเดียว

หากคุณชอบอ่านบทความนี้เกี่ยวกับความท้าทายในการแสดงข้อมูลเป็นภาพ คุณควรอ่านบทความนี้เกี่ยวกับการสร้างภาพข้อมูลเชิงโต้ตอบด้วย

นอกจากนี้เรายังเขียนเกี่ยวกับหัวข้อที่เกี่ยวข้องบางเรื่อง เช่น ตัวอย่างการแสดงภาพข้อมูลที่ทำให้เข้าใจผิด เครื่องมือแสดงภาพข้อมูล ตัวอย่างชุดสีของการแสดงภาพข้อมูล การแสดงภาพข้อมูล WordPress และ ตัวอย่างการแสดงภาพข้อมูล