Ask HN: Quais são bons exemplos de UI com alta densidade de informação (capturas de tela, apps, sites)?

• Há a percepção de que é difícil encontrar bons exemplos de UI com alta densidade de informação, e que os resultados de busca estão cheios de textos vagos e muito parecidos entre si
• Como exceção, é mencionado o texto UI Density de Matthew Ström, e até mesmo a busca por imagens geralmente mostra resultados pouco relevantes
• Em meio à tendência de elementos de tela amplamente espaçados e seções delimitadas principalmente por cinza, a pessoa procura exemplos de UI que concentrem muita informação, na forma de capturas de tela, apps ou sites

[GN⁺]

Comentários do Hacker News

• Aponta a falta de menção ao site da McMaster-Carr

• Não é necessariamente o melhor site em densidade de informação, mas se destaca pela limpeza e funcionalidade, transmitindo muita informação de uma vez

• Usa os termos Trader UI e VC UI para diferenciar estilos

  • Trader UI tende a colocar o máximo possível de informação em uma única tela
  • Empresas financiadas por VCs usam bootstrap e aplicam cantos arredondados na página de preços, mas acabam mostrando pouca informação de fato

• Está desenvolvendo um projeto chamado Buckaroo

  • É uma UI de tabela de dataframe que funciona em notebooks Jupyter
  • Segue a proposta de Trader UI, oferecendo histogramas no estilo sparkline e formatação otimizada para colunas numéricas
  • Compartilha o link https://github.com/paddymul/buckaroo

• Sugere exemplos de UIs para tracing, profiling e análise binária

  • Compartilha um link com exemplo de uso do Windows Performance Analyzer
  • Cita projetos open source no GitHub como tracy e ImHex

• Também menciona software de modelagem 3D e CAD

  • Blender e Rhino são citados

• Recomenda DAWs relacionadas a áudio como exemplos de UI com alta densidade de informação

• Em x.com/usgraphics/media é possível ver materiais com exemplos de UI de vários softwares

• Não é relacionado a dados, mas sugere comparar skins antigas do WMP com sites de análise de estética

• Apresenta o próprio projeto productchart.com

  • Substitui a lista tradicional de produtos por um “product chart”
  • Em vez de um único parâmetro, posiciona os produtos em um gráfico x/y com duas variáveis (por exemplo, preço e data de lançamento)
  • Mostra apenas imagens básicas e, ao passar o mouse, exibe mais informações em tooltip; ao clicar, revela os dados completos
  • Consegue exibir até 300 produtos em uma única tela
  • Dá para perceber bem a interface de gráfico quando vista em uma tela de desktop

• Recomenda softwares criativos profissionais

  • Muitos usuários passam 8 horas por dia usando principalmente uma única ferramenta
  • Em vários softwares de edição de foto, impressão, vídeo e som, a UX e a densidade de informação são excelentes
  • Blender é citado como caso representativo, com compartilhamento de link para o capítulo de UI no manual oficial

• É motorista do rover Curiosity e operador do braço robótico

  • No JPL, usam várias ferramentas excelentes e com alta densidade de informação
  • A principal delas seria o RSVP Hyperdrive
  • Indica consultar a quinta captura de tela
  • Também contribuiu com correções de bugs e funcionalidades para a equipe de desenvolvimento do RSVP
  • Comenta que gostaria de tornar isso open source algum dia

• A área de rádio amador tem muitas UIs densas em informação

  • A maioria é projetada para usuários avançados, exigindo aprendizado sem depender do manual
  • Apresenta ferramentas como WSJT-X e VOACAP como exemplos
  • Já desenvolveu uma UI web de análise de sinais em tempo real (ft8.live)
  • Ant Design e Deck.gl foram adequados para implementar UI com alta densidade de informação e visualização de dados

• old.reddit.com é citado como uma UI rica em informação

  • Antigamente havia layouts com ainda mais informação, mas eles não são mais oferecidos
  • Uma captura de tela da interface web móvel original do reddit ainda permanece em um post de blog

• Ferramentas de monitoramento de sistema em linha de comando como htop, atop e btop têm densidade de informação muito alta

  • Compartilha uma captura de tela do btop

• Pede feedback sobre a densidade de informação do próprio site

  • Compartilha o link https://ont.fyi/entity/Q6109517