ควรพื้นที่หรือความยาวของสี่เหลี่ยมควรเป็นสัดส่วนกับข้อมูลที่กำลังมองเห็น?

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

หากคุณผู้สร้างไม่แน่ใจว่าผู้อ่านจะรู้ได้อย่างไรว่ามันคืออะไร?

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

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

หากคุณใช้พื้นที่เป็นตัวชี้วัดฉันขอแนะนำอย่างยิ่ง:

• รู้ว่าทำไมคุณกำลังใช้พื้นที่ โดยการใช้พื้นที่แทนมิติเชิงเส้นเช่นความยาวคุณ:

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

• พิจารณาใช้วงกลมสำหรับพื้นที่ไม่ใช่สี่เหลี่ยมจัตุรัสตรงกลาง :

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

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

แวดวงไม่ได้เชิญการเปรียบเทียบแบบนี้มันเป็นระดับที่สูงกว่าในทันที "หยดนั้นค่อนข้างใหญ่กว่าหยดถัดไป"

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

อย่าเลือกระหว่างหนึ่งมิติ (ความยาวหรือระยะทาง) และสองมิติ (พื้นที่) เพื่อเหตุผลด้านสุนทรียภาพ: เลือกระหว่างพวกเขาตามผู้ชมและข้อความของคุณ

ข้อใดที่เหมาะสมกว่าสำหรับการสื่อสาร: การเปรียบเทียบระดับ gut แบบทันทีที่ระดับ "ใหญ่กว่ามาก" หรือเปรียบเทียบการคำนวณเชิงตัวเลขที่ระดับ "ที่ประมาณ 80% ของอีกรายการหนึ่ง"

หรือมีเหตุผลจริงที่คุณต้องใช้พื้นที่?

จากนั้นเมื่อคุณเลือกด้วยเหตุผลเชิงปฏิบัติให้ใช้ความสวยงาม

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

ตัวอย่างที่ดีคือกราฟในตำนานโดยRandall Munroe ของxkcd :

( เวอร์ชั่นใหญ่และชัดเจน )

เราไม่สามารถตัดสินความแตกต่างในด้านต่างๆได้ดีเท่าที่เรามีความยาว เราใช้ความยาวเป็นพร็อกซีดังนั้นจึงมีแนวโน้มที่จะประเมินความแตกต่างในพื้นที่ต่ำเกินไป

ด้วยเหตุผลนี้วงกลมที่มีพื้นที่อีกอันที่ 2 เท่าเล็กเกินไปเนื่องจากสมองของเรามีความสัมพันธ์กับรัศมีซึ่งแตกต่างกันด้วยปัจจัย 1.4x

มีความพยายามที่น่าสนใจในการกระทบยอดปรากฏการณ์นี้เช่นProportional Symbol Mapping in Rซึ่งเสนอการปรับขนาดสัญลักษณ์เพื่อให้สอดคล้องกับวิธีที่เราใช้ตัดสินความยาวและพื้นที่

นี่คือรูปที่ 2 จากบทความนี้

โดยส่วนตัวฉันไม่มีประสบการณ์ใด ๆ กับสิ่งนี้และหลีกเลี่ยงการใช้พื้นที่หากจำเป็นต้องมีการตัดสินเชิงปริมาณ

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

เมื่อถึงเวลาที่คุณจะได้รับดาวที่ใหญ่ที่สุดซึ่งเป็นเรื่องเกี่ยวกับ 1,700x เส้นผ่าศูนย์กลางของดวงอาทิตย์คุณจะเหลือความรู้สึกว่ามันเป็นมากมีขนาดใหญ่กว่า 1,700x

หากต้องการดูข้อผิดพลาดของเราอย่างเป็นระบบมากขึ้นในการรับรู้ความแตกต่างในพื้นที่และความยาวให้ดูการรับรู้กราฟิกของ Crowdsourcing: การใช้ Mechanical Turk เพื่อประเมินการออกแบบการสร้างภาพโดย Jeffrey Heer และ Michael Bostock

ในความคิดของฉันพื้นที่ (D) ไม่ใช่แต่ละด้าน (E)

หากคุณใช้ความยาวด้าน 2 พื้นที่จะเป็น 4 เท่าของค่าและคุณจะมีกราฟซ้อนทับกันมาก (E)

เมื่อคุณมีกราฟแท่งปกติ (A) ข้อมูลจะเป็นเส้นตรงและด้วยแถบนั้นก็เพื่อความสวยงาม (B)

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

Tufte จัดการกับสิ่งนี้อย่างกว้างขวาง ดู:

• การแสดงผลข้อมูลเชิงปริมาณ
• จินตนาการข้อมูลและอื่น ๆ

หลักการบางประการของความซื่อสัตย์แบบกราฟิก:

1. การแสดงตัวเลขที่วัดได้ทางกายภาพบนพื้นผิวของกราฟนั้นควรเป็นสัดส่วนโดยตรงกับปริมาณตัวเลขที่แสดง
2. การติดฉลากที่ชัดเจนมีรายละเอียดและละเอียดควรใช้เพื่อกำจัดความเพี้ยนและความคลุมเครือของกราฟิก เขียนคำอธิบายของข้อมูลบนกราฟเอง ติดป้ายกำกับเหตุการณ์สำคัญในข้อมูล
3. แสดงความแปรผันของข้อมูลไม่ใช่การออกแบบความแตกต่าง
4. ในการแสดงชุดเวลาเงินหน่วยเงินและมาตรฐานของการวัดทางการเงินมักจะดีกว่าหน่วยเล็กน้อย
5. จำนวนข้อมูลที่มีขนาด (ตัวแปร) ที่บรรยายไม่ควรเกินจำนวนมิติข้อมูล กราฟิกต้องไม่อ้างข้อมูลจากบริบท

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