▲

정보 밀도가 높은 UI의 우수 사례를 찾는 것이 왜 어려운가

 (news.ycombinator.com)
1P by GN⁺ 5일전 | ★ favorite | 댓글 1개
  • 고정보 밀도 UI의 실제 우수 사례를 찾는 일은 쉽지 않음
  • 온라인 검색 엔진의 결과는 대부분 비슷한 의견을 반복하는 모호한 기사로 가득함
  • Matthew Ström의 블로그 포스트는 예외적으로 구체적인 정보를 담고 있어 인상적이었음
  • 이미지 검색 결과 또한 원하는 고정보 밀도 디자인과 관련 없는 사례가 많음
  • 최근 UI 디자인은 여백이 많고 색상 대비가 낮은 그레이톤이 트렌드인 반면, 고정보 밀도 UI 사례는 찾아보기 어려운 현실임
▲
GN⁺ 5일전  [-]
Hacker News 의견

  • McMaster-Carr 웹사이트에 대한 언급이 없는 점을 지적함

  • 최고의 정보 밀집형 사이트는 아니지만, 깔끔함과 기능성이 탁월하고 한 번에 많은 정보를 잘 전달하는 모습임

  • Trader UI와 VC UI로 구분하는 용어 사용

    • Trader UI는 가능한 많은 정보를 한 화면에 담으려는 경향이 있음
    • VC가 투자한 기업들은 bootstrap을 사용하며, 가격 페이지에 둥근 모서리를 적용해 실제 정보는 적은 편임

  • 본인은 Buckaroo라는 프로젝트를 개발 중임

    • Jupyter notebook에서 작동하는 데이터프레임 테이블 UI임
    • Trader UI를 지향하며, sparkline 스타일 히스토그램과 숫자 컬럼에 최적화된 포매팅을 제공함
    • https://github.com/paddymul/buckaroo를 링크로 공유함

  • tracing, profiling, 바이너리 분석 UI 예시 제안

    • Windows Performance Analyzer 사용 예시 링크 공유함
    • tracy와 ImHex 같은 GitHub 오픈소스 프로젝트를 예시로 듦

  • 3D 모델링 및 CAD 소프트웨어를 추가로 언급함

    • Blender, Rhino 등이 언급됨

  • 오디오 관련 DAWs도 정보 밀집형 UI 예시로 추천함

  • x.com/usgraphics/media에서 다양한 소프트웨어 UI 예시 자료 확인 가능함

  • 데이터 관련은 아니지만, 예전 WMP 스킨과 aesthetics 분석 사이트를 대조적으로 참고 가능함

  • 본인의 프로젝트로 productchart.com 소개함

    • 전통적인 제품 리스트 대신 “product chart”로 대체함
    • 제품을 하나의 파라미터가 아니라 두 가지(예: 가격, 출시일)로 x/y 차트에 배치함
    • 기본 이미지만 보여주고, 마우스 오버 시 툴팁으로 추가 정보 제공, 클릭시 전체 데이터 공개함
    • 최대 300개 제품을 한 화면에 표시 가능함
    • 데스크탑 화면에서 볼 때 차트 인터페이스를 체감할 수 있음

  • 전문가용 크리에이티브 소프트웨어를 추천함

    • 많은 사용자가 하루 8시간씩 하나의 툴을 주로 활용함
    • 사진, 인쇄, 비디오, 사운드 등 다양한 편집 소프트웨어에서 UX와 정보 밀도가 우수함
    • Blender가 대표 사례로, 공식 매뉴얼에서 UI 챕터 링크를 공유함

  • 본인은 Curiosity 로버 드라이버이자 암 오퍼레이터임

    • JPL에서는 여러 훌륭하고 정보 밀집형 툴 사용 중임
    • 가장 대표적으로 RSVP Hyperdrive를 꼽음
    • 5번째 스크린샷을 참고하라고 안내함
    • 본인도 RSVP 개발팀에서 bug fix 및 기능 기여를 함
    • 언젠가 오픈소싱 해보고 싶다는 개인 의견임

  • 햄라디오 분야는 정보 밀집형 UI가 풍부함

    • 대부분 파워 유저를 위한 설계라 매뉴얼 독립적 학습이 필요함
    • WSJT-X, VOACAP 같은 툴 예시 제시함
    • 본인은 실시간 신호 분석 웹 UI(ft8.live)를 개발한 경험이 있음
    • Ant Design과 Deck.gl을 활용하여 정보 밀집형 UI와 데이터 시각화 구현에 적합하였음

  • old.reddit.com이 정보가 풍부하게 나타나는 UI로 꼽힘

    • 예전에는 더욱 정보가 많은 디스플레이가 있었으나 지금은 더 이상 제공하지 않음
    • 원래 모바일용 reddit 웹 인터페이스 스크린샷이 블로그 포스트에 남아있음

  • htop, atop, btop 등과 같은 커맨드라인 시스템 모니터링 도구가 정보 밀도가 매우 높음

    • btop 스크린샷 제공함

  • 본인의 사이트의 정보 밀도에 대한 의견 피드백 요청함

답변달기