หากขณะนี้คุณไม่สามารถแสดงข้อมูลด้วยวิธีที่มองเห็นได้ง่ายแสดงว่าไม่มีประโยชน์ ไม่มีใครใช้เวลานานบนหน้าเว็บเพื่อพยายามตีความข้อมูล
วิธีทำบอทเพื่อความบาดหมางกัน
ในทางกลับกันหากการแสดงภาพของคุณมีความแยบยลโต้ตอบและใช้งานง่ายเป็นพิเศษคุณสามารถสร้างความแตกต่างให้กับตัวเองได้อย่างมาก อย่างไรก็ตามเป็นเรื่องยากที่จะทำให้ถูกต้อง Goldsberry Kirk ทำงานในโลกกีฬาเป็นหลัก แต่เป็นผู้นำด้านการแสดงข้อมูล เขาทำให้งานของเขาแตกต่างจากความชัดเจนของกราฟิกใน Grantland และตอนนี้ใน ห้าสิบแปด .
อินเทอร์เฟซและผลิตภัณฑ์ทุกประเภทอาจต้องการสิ่งที่แตกต่างจากข้อมูลของคุณ บางคนอาจเรียกร้องให้ผู้ใช้ปรับแต่งอินเทอร์เฟซข้อมูลของตนในขณะที่บางคนต้องการให้แผนภูมิตรงไปตรงมาและใช้งานง่ายที่สุด ด้านล่างนี้เป็นภาพข้อมูลที่หลากหลายจากนักออกแบบที่ดีที่สุดของโลกเพื่อสร้างแรงบันดาลใจให้คุณสำหรับโครงการของคุณเอง
จะเห็นภาพข้อมูลได้อย่างไร?
แนวคิดของ American Express
แนวคิดของ American Express นี้ช่วยให้ผู้ใช้สามารถจัดระเบียบค่าใช้จ่ายเป็นชุดหมวดหมู่และนำเสนอข้อมูลได้หลายวิธี ผู้ใช้สามารถเปรียบเทียบหมวดหมู่เพื่อให้ทราบถึงพฤติกรรมการใช้จ่ายโดยทั่วไปจากนั้นแยกชุดข้อมูลอย่างรวดเร็วเพื่อทำความเข้าใจรายละเอียด การออกแบบมีความชัดเจนและใช้งานง่ายโดยไม่มีภาพกราฟิกที่ไม่จำเป็นผู้ชมจึงสามารถรับข้อมูลที่ต้องการได้จากปลายจมูก
แผนภูมิช่องทาง
เครดิต: Jesper Hansen
รูปร่างและวรรณยุกต์ที่ตัดกันของช่องทางกราฟิกเป็นตัวอย่างที่ดีในการใช้ลำดับชั้นของภาพ ทันทีกราฟจะสื่อสารข้อมูลทั่วไปในขณะที่ตัวเลขที่ระบุจะอยู่เบื้องหลังอย่างละเอียด อย่างไรก็ตามคงจะดีไม่น้อยหากผู้ใช้สามารถแยกหมวดหมู่เหล่านี้เพื่อรับรายละเอียดเพิ่มเติมเกี่ยวกับข้อมูลได้อย่างไร
การคาดการณ์พลังงาน
นักออกแบบที่สตูดิโอ Chino Kingyo เป็นผู้เชี่ยวชาญด้านข้อมูลพลังงาน อินเทอร์เฟซนี้เป็นตัวอย่างที่ดีในงานของเขาโดยมักจะรวมสีพื้นฐานกับลำดับชั้นของภาพพร้อมกับภาพเคลื่อนไหวเพื่อให้ได้ผลลัพธ์ที่มีประสิทธิภาพ ในกรณีนี้กราฟิกจะอยู่เบื้องหน้าอย่างชัดเจนโดยมีข้อความสีแดงวาดตัวแสดงทันที คุณยังสามารถแยกแต่ละหมวดหมู่เพื่อให้ได้ข้อมูลที่เฉพาะเจาะจงมากขึ้นแทนที่จะให้ข้อมูลทั้งหมดบนหน้าจอพร้อมกัน
เป้า
เครดิต: ซัคโรบินสัน
Zach Robinson แสดงให้เราเห็นอินเทอร์เฟซที่ไม่เพียง แต่ดึงดูดความสนใจ แต่ยังช่วยให้ผู้ใช้แบ่งปันแนวคิดเกี่ยวกับข้อมูล แชทเพิ่มเติมจะถูกซ่อนไว้อย่างดีหากผู้ใช้ต้องการโต้ตอบกับตัวเลขเท่านั้น แผนภูมินั้นง่ายต่อการอ่านอันเป็นผลมาจากลำดับชั้นของภาพที่ใช้งานง่าย นอกจากนี้การเข้ารหัสสีหน้าของคุณเป็นวิธีที่ง่าย แต่มีประสิทธิภาพในการจัดระเบียบประเภทแผนภูมิโดยไม่สูญเสียพื้นที่ภาพด้วยชื่อเรื่องขนาดใหญ่
แผนภูมิงบประมาณเรดาร์
แผนภูมิเรดาร์ซ้อนทับชุดข้อมูลหลายชุดที่เปิดเผยความสัมพันธ์ระหว่างข้อมูลที่เกี่ยวข้อง แผนภูมิประเภทนี้มีประสิทธิภาพในการระดมทุนอินเทอร์เฟซนี้เนื่องจากมีการสื่อสารอย่างรวดเร็วว่าผู้ใช้ไม่ได้ใช้จ่ายงบประมาณ งบประมาณอาจเป็นสิ่งที่น่ากลัวสำหรับการใช้งานในชีวิตประจำวันดังนั้นการแสดงภาพข้อมูลจึงเป็นสินทรัพย์ที่ยอดเยี่ยมสำหรับแอปพลิเคชันประเภทนี้
การดูข้อมูลสถิติของเมือง
Bureau Oberhaeuser ขยายเรดาร์กราฟิกแบบเดิมด้วยเว็บแอปพลิเคชันแบบโต้ตอบนี้ ข้อมูลเทศบาลมีความซับซ้อน แต่อินเทอร์เฟซนี้แสดงถึงความแตกต่างระหว่างเมืองสำหรับผู้ที่ไม่ได้ศึกษาการวางผังเมืองอย่างเป็นทางการ Bureau Oberhaeuser สร้างสิ่งนี้โดยไม่มีไคลเอ็นต์ สิ่งนี้ไม่เพียง แต่แสดงถึงความปรารถนาของคุณที่จะพัฒนาทักษะการออกแบบของคุณ แต่ยังเป็นตัวอย่างของความสนใจในการทำงานเพื่อสาธารณประโยชน์
จะได้รับการรับรองจาก aws ได้อย่างไร
ข้อมูลเกมสด
เกมฟุตบอลบนมือถือนี้อนุญาตให้ผู้ใช้กำหนดค่าทีมฟุตบอลเสมือนจริงด้วยเรดาร์กลางแบบกราฟิก เกมนี้ใช้แผนภูมิเรดาร์เดียวกันเพื่อให้ข้อมูลเกี่ยวกับประสิทธิภาพของผู้เล่นแต่ละคนในสนาม ผู้ใช้สามารถปรับผู้เล่นแต่ละคนในขณะที่การแข่งขันดำเนินต่อไปเพื่อที่จะชนะ
การตรวจสอบพลังงาน
ไม่เพียง แต่การแสดงข้อมูลเกี่ยวกับการนำเสนอข้อมูลที่ซับซ้อนเท่านั้น แต่ยังเกี่ยวกับการปลดล็อกข้อมูลที่สำคัญสำหรับผู้ใช้ด้วย ในกรณีของจอภาพพลังงานนี้ผู้ใช้สนใจว่าจะประหยัดพลังงานได้มากเพียงใด ปัญหาคือ kWh ไม่ได้มีความหมายมากสำหรับคนส่วนใหญ่ สิ่งที่สำคัญคือการปรับปรุงเมื่อเวลาผ่านไปและจะเปลี่ยนเป็นค่าใช้จ่ายได้อย่างไร อินเทอร์เฟซนี้ทำงานได้อย่างสมบูรณ์
การวิเคราะห์แบบกำหนดเอง
อินเทอร์เฟซนี้เป็นตัวอย่างของข้อมูลที่น่าอ่านด้วยข้อความที่อ่านได้และรูปแบบการนำเสนอที่ดี เมนูด้านข้างแสดงให้เห็นว่าอินเทอร์เฟซสามารถปรับแต่งได้อย่างเต็มที่ ดังนั้น Cosmin Capitanu จึงได้สร้างตารางและโครงร่างสีที่แข็งแกร่งอย่างชัดเจนเพื่อให้อินเทอร์เฟซดูดีในรูปแบบต่างๆ
กราฟพลังงาน
ชุดข้อมูลพลังงานอาคารนี้ค่อนข้างตรงไปตรงมา แต่ Kingyo ทำให้การดูมีสีสันและภาพเคลื่อนไหวที่ยอดเยี่ยมเป็นเรื่องน่ายินดี กราฟิกดูเรียบง่าย แต่นักออกแบบให้ความสำคัญกับความแตกต่างเป็นอย่างมาก ตัวอย่างเช่นคลื่นความมืดในพื้นหลังทำให้ภาพเคลื่อนไหวมีเสน่ห์
จะดูข้อมูลได้อย่างไร?
ตัวอย่างอินเทอร์เฟซเหล่านี้แสดงให้เห็นว่าข้อมูลไม่จำเป็นต้องสับสน แต่ผู้ใช้สามารถดูข้อมูลได้อย่างมีประสิทธิภาพและน่าพึงพอใจ มีโซลูชันการแสดงข้อมูลที่หลากหลายไม่ว่าจะเป็นโทนสีพื้นฐานภาพเคลื่อนไหวแบบไดนามิกหรือแผนภูมิเชิงโต้ตอบ คุณจะเห็นภาพโครงการต่อไปของคุณอย่างไร?
