1 pontos por GN⁺ 2025-05-09 | 1 comentários | Compartilhar no WhatsApp
  • Encontrar exemplos realmente bons de UI com alta densidade de informação não é algo fácil
  • Os resultados dos mecanismos de busca online estão, em sua maioria, cheios de artigos vagos que repetem opiniões parecidas
  • Um post de blog de Matthew Ström foi uma exceção marcante por trazer informações concretas de forma incomum
  • Os resultados de busca por imagens também trazem muitos exemplos que não têm relação com o tipo de design de alta densidade de informação desejado
  • Enquanto a tendência recente em design de UI favorece muito espaço em branco e tons de cinza com baixo contraste de cores, a realidade é que continua difícil encontrar casos de UI com alta densidade de informação

1 comentários

 
GN⁺ 2025-05-09
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