Ask HN: มีตัวอย่าง UI ที่ดีซึ่งมีความหนาแน่นของข้อมูลสูงอะไรบ้าง (สกรีนช็อต, แอป, เว็บไซต์)?

 (news.ycombinator.com)
1 คะแนน โดย GN⁺ 2025-05-09 | 1 ความคิดเห็น | แชร์ทาง WhatsApp
  • มีข้อกังวลว่าหาตัวอย่างที่ดีของ UI ที่มีความหนาแน่นของข้อมูลสูง ได้ยาก และผลการค้นหาก็เต็มไปด้วยบทความกำกวมที่มีเนื้อหาคล้ายกัน
  • มีการกล่าวถึงบทความ UI Density ของ Matthew Ström ว่าเป็นข้อยกเว้น และการค้นหารูปภาพก็มักแสดงผลลัพธ์ที่เกี่ยวข้องต่ำเช่นกัน
  • ท่ามกลางแนวโน้มที่องค์ประกอบบนหน้าจอถูกเว้นระยะห่างกว้างและแบ่งส่วนด้วยโทนสีเทาเป็นหลัก ผู้เขียนกำลังมองหา ตัวอย่าง UI ที่บรรจุข้อมูลได้มาก ในรูปแบบสกรีนช็อต แอป หรือเว็บไซต์

บทความที่เกี่ยวข้อง

1 ความคิดเห็น

 
GN⁺ 2025-05-09
ความคิดเห็นบน Hacker News

  • มีการทักท้วงว่าไม่มีการกล่าวถึงเว็บไซต์ของ McMaster-Carr

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

  • มีการใช้คำแบ่งเป็น Trader UI และ VC UI

    • Trader UI มีแนวโน้มจะอัดข้อมูลให้ได้มากที่สุดเท่าที่เป็นไปได้ในหน้าจอเดียว
    • บริษัทที่ VC ลงทุนมักใช้ bootstrap และทำหน้าราคาให้มีมุมโค้งมน ทำให้ข้อมูลจริงมีไม่มากนัก

  • ผู้แสดงความเห็นกำลังพัฒนาโปรเจ็กต์ชื่อ Buckaroo

    • เป็น UI ตารางดาต้าเฟรมที่ทำงานใน Jupyter notebook
    • ตั้งใจทำให้เป็นแนว Trader UI พร้อมมีฮิสโตแกรมสไตล์ sparkline และการจัดรูปแบบที่เหมาะกับคอลัมน์ตัวเลข
    • แชร์ลิงก์ https://github.com/paddymul/buckaroo

  • มีการเสนอ UI ตัวอย่างสำหรับ tracing, profiling และการวิเคราะห์ไบนารี

    • แชร์ลิงก์ตัวอย่างการใช้งาน Windows Performance Analyzer
    • ยกโปรเจ็กต์โอเพนซอร์สบน GitHub อย่าง tracy และ ImHex เป็นตัวอย่าง

  • มีการกล่าวถึงซอฟต์แวร์ 3D modeling และ CAD เพิ่มเติม

    • มีการเอ่ยถึง Blender และ Rhino เป็นต้น

  • ยังแนะนำ DAW ด้านเสียงเป็นตัวอย่างของ UI ที่มีข้อมูลหนาแน่น

  • สามารถดูตัวอย่าง UI ซอฟต์แวร์หลากหลายแบบได้ที่ x.com/usgraphics/media

  • แม้จะไม่เกี่ยวกับข้อมูลโดยตรง แต่สามารถดู WMP skins แบบเก่าและเว็บไซต์วิเคราะห์ aesthetics แบบเทียบกันได้

  • มีการแนะนำ productchart.com ซึ่งเป็นโปรเจ็กต์ของผู้แสดงความเห็นเอง

    • ใช้ “product chart” แทนรายการสินค้าแบบดั้งเดิม
    • วางสินค้าไว้บนกราฟ x/y ด้วยตัวแปรสองค่าแทนที่จะเป็นพารามิเตอร์เดียว เช่น ราคาและวันเปิดตัว
    • แสดงเพียงภาพพื้นฐานก่อน และเมื่อเอาเมาส์ไปวางจะมี tooltip ให้ข้อมูลเพิ่ม ส่วนเมื่อคลิกจะแสดงข้อมูลทั้งหมด
    • แสดงสินค้าได้สูงสุด 300 รายการในหน้าจอเดียว
    • หากดูบนหน้าจอเดสก์ท็อปจะสัมผัสรูปแบบอินเทอร์เฟซแบบกราฟได้ชัดเจน

  • มีการแนะนำซอฟต์แวร์สายครีเอทีฟสำหรับมืออาชีพ

    • ผู้ใช้จำนวนมากมักใช้เครื่องมือเดียวเป็นหลักวันละ 8 ชั่วโมง
    • ซอฟต์แวร์แก้ไขภาพ งานพิมพ์ วิดีโอ เสียง และอื่น ๆ มีทั้ง UX ที่ดีและความหนาแน่นของข้อมูลสูง
    • Blender เป็นตัวอย่างเด่น โดยมีการแชร์ลิงก์ไปยังบท UI ในคู่มือทางการ

  • ผู้แสดงความเห็นเป็นคนขับ Curiosity rover และผู้ควบคุมแขนกล

    • ที่ JPL มีการใช้เครื่องมือที่ยอดเยี่ยมและมีข้อมูลหนาแน่นหลายตัว
    • เครื่องมือที่โดดเด่นที่สุดคือ RSVP Hyperdrive
    • แนะนำให้ดูภาพหน้าจอลำดับที่ 5
    • ผู้แสดงความเห็นเองก็ร่วมแก้บั๊กและเพิ่มฟีเจอร์ให้ทีมพัฒนา RSVP ด้วย
    • และมีความเห็นส่วนตัวว่าอยากทำให้เป็นโอเพนซอร์สสักวันหนึ่ง

  • วงการวิทยุสมัครเล่นมี UI ที่มีข้อมูลหนาแน่นอยู่มาก

    • ส่วนใหญ่ถูกออกแบบมาสำหรับ power user จึงต้องเรียนรู้ได้เองโดยไม่พึ่งคู่มือ
    • ยกตัวอย่างเครื่องมืออย่าง WSJT-X และ VOACAP
    • ผู้แสดงความเห็นเคยพัฒนาเว็บ UI สำหรับวิเคราะห์สัญญาณแบบเรียลไทม์ชื่อ ft8.live
    • โดยใช้ Ant Design และ Deck.gl ซึ่งเหมาะกับการทำ UI ข้อมูลหนาแน่นและการแสดงผลข้อมูลเชิงภาพ

  • old.reddit.com ถูกยกให้เป็น UI ที่แสดงข้อมูลได้มาก

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

  • เครื่องมือมอนิเตอร์ระบบผ่านบรรทัดคำสั่งอย่าง htop, atop, btop มีความหนาแน่นของข้อมูลสูงมาก

    • มีการแนบภาพหน้าจอของ btop

  • ผู้แสดงความเห็นขอฟีดแบ็กเกี่ยวกับความหนาแน่นของข้อมูลในเว็บไซต์ของตน