1 điểm bởi GN⁺ 2025-05-09 | 1 bình luận | Chia sẻ qua WhatsApp
  • Việc tìm các ví dụ thực sự xuất sắc về UI mật độ thông tin cao không hề dễ
  • Kết quả từ các công cụ tìm kiếm trực tuyến phần lớn đầy những bài viết mơ hồ lặp lại các quan điểm giống nhau
  • Bài blog của Matthew Ström là một ngoại lệ ấn tượng vì chứa thông tin cụ thể một cách hiếm có
  • Kết quả tìm kiếm hình ảnh cũng có nhiều ví dụ không liên quan đến kiểu thiết kế mật độ thông tin cao mong muốn
  • Trong khi xu hướng thiết kế UI gần đây là nhiều khoảng trắng và tông xám có độ tương phản màu thấp, thì thực tế vẫn rất khó tìm được các ví dụ về UI mật độ thông tin cao

1 bình luận

 
GN⁺ 2025-05-09
Ý kiến trên Hacker News
  • Chỉ ra rằng không hề có nhắc đến website McMaster-Carr

  • Dù không phải là trang có mật độ thông tin cao nhất, nhưng nó cực kỳ gọn gàng và hữu dụng, đồng thời truyền tải rất nhiều thông tin trong một lần xem

  • Sử dụng thuật ngữ để phân biệt giữa Trader UI và VC UI

    • Trader UI có xu hướng nhồi nhét càng nhiều thông tin càng tốt vào một màn hình
    • Các công ty được VC đầu tư thì dùng bootstrap, bo góc ở trang giá cả, nên lượng thông tin thực tế lại khá ít
  • Bản thân đang phát triển một dự án tên là Buckaroo

    • Đây là UI bảng dữ liệu dataframe chạy trong Jupyter notebook
    • Hướng đến Trader UI, cung cấp histogram kiểu sparkline và định dạng tối ưu cho các cột số
    • Chia sẻ liên kết tới https://github.com/paddymul/buckaroo
  • Đề xuất các ví dụ về UI cho tracing, profiling và phân tích nhị phân

    • Chia sẻ liên kết ví dụ sử dụng Windows Performance Analyzer
    • Đưa ra các dự án mã nguồn mở trên GitHub như tracy và ImHex làm ví dụ
  • Ngoài ra còn nhắc đến phần mềm dựng mô hình 3D và CAD

    • Có nhắc đến Blender, Rhino v.v.
  • Cũng gợi ý các DAW liên quan đến âm thanh như ví dụ về UI mật độ thông tin cao

  • Có thể xem tư liệu ví dụ về UI của nhiều phần mềm tại x.com/usgraphics/media

  • Dù không liên quan đến dữ liệu, vẫn có thể tham khảo đối chiếu giữa skin WMP cũ và các trang phân tích aesthetics

  • Giới thiệu productchart.com như dự án của bản thân

    • Thay danh sách sản phẩm truyền thống bằng một “product chart”
    • Đặt sản phẩm lên biểu đồ x/y theo hai biến số thay vì một tham số duy nhất, ví dụ giá và ngày ra mắt
    • Chỉ hiển thị ảnh cơ bản, đưa thêm thông tin qua tooltip khi rê chuột, và hiện toàn bộ dữ liệu khi nhấp vào
    • Có thể hiển thị tối đa 300 sản phẩm trên một màn hình
    • Có thể cảm nhận rõ giao diện biểu đồ khi xem trên màn hình desktop
  • Khuyên tham khảo phần mềm sáng tạo chuyên nghiệp

    • Nhiều người dùng sử dụng một công cụ duy nhất tới 8 giờ mỗi ngày
    • UX và mật độ thông tin rất tốt trong nhiều phần mềm chỉnh sửa ảnh, in ấn, video, âm thanh
    • Blender là ví dụ tiêu biểu, kèm liên kết tới chương UI trong tài liệu chính thức
  • Bản thân là tài xế rover Curiosity kiêm vận hành cánh tay robot

    • Ở JPL đang dùng nhiều công cụ tuyệt vời có mật độ thông tin cao
    • Tiêu biểu nhất là RSVP Hyperdrive
    • Gợi ý xem ảnh chụp màn hình thứ 5
    • Bản thân cũng từng sửa lỗi và đóng góp tính năng cho đội phát triển RSVP
    • Nêu ý kiến cá nhân rằng một ngày nào đó muốn mã nguồn mở nó
  • Lĩnh vực ham radio có rất nhiều UI mật độ thông tin cao

    • Phần lớn được thiết kế cho power user nên cần tự học mà không phụ thuộc vào manual
    • Đưa ra ví dụ như WSJT-X, VOACAP
    • Bản thân từng phát triển web UI phân tích tín hiệu thời gian thực là ft8.live
    • Dùng Ant Design và Deck.gl, rất phù hợp để triển khai UI mật độ thông tin cao và trực quan hóa dữ liệu
  • old.reddit.com được xem là một UI hiển thị rất nhiều thông tin

    • Trước đây từng có giao diện còn chứa nhiều thông tin hơn, nhưng nay không còn cung cấp nữa
    • Ảnh chụp màn hình giao diện web reddit dành cho di động ban đầu vẫn còn trong một bài blog
  • Các công cụ giám sát hệ thống dòng lệnh như htop, atop, btop có mật độ thông tin rất cao

    • Có cung cấp ảnh chụp màn hình btop
  • Xin phản hồi về mật độ thông tin trên website của bản thân