Ask HN: Những ví dụ UI tốt có mật độ thông tin cao là gì (ảnh chụp màn hình, ứng dụng, trang web)?

• Có vấn đề là rất khó tìm được những ví dụ tốt về UI có mật độ thông tin cao, và kết quả tìm kiếm đầy những bài viết mơ hồ, na ná nhau
• Ngoại lệ được nhắc tới là bài UI Density của Matthew Ström, trong khi tìm kiếm hình ảnh nhìn chung cũng cho ra các kết quả ít liên quan
• Trong bối cảnh các thành phần trên màn hình ngày càng bị giãn rộng và được phân chia chủ yếu bằng các mảng màu xám, người viết đang tìm các ví dụ UI chứa nhiều thông tin dưới dạng ảnh chụp màn hình, ứng dụng hoặc trang web

[GN⁺]

Ý 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

  • Chia sẻ liên kết https://ont.fyi/entity/Q6109517