TE
TechEcho
StartseiteTop 24hNeuesteBesteFragenZeigenJobs
GitHubTwitter
Startseite

TechEcho

Eine mit Next.js erstellte Technologie-Nachrichtenplattform, die globale Technologienachrichten und Diskussionen bietet.

GitHubTwitter

Startseite

StartseiteNeuesteBesteFragenZeigenJobs

Ressourcen

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. Alle Rechte vorbehalten.

Ask HN: What are good high-information density UIs (screenshots, apps, sites)?

340 Punktevon troupovor etwa 9 Stunden
Just yesterday I tried to find examples of good high information density UIs... and seems to be an impossible task.<p>Search engines are full to the brim with vague articles repeating each other&#x27;s talking points, and exception being this blog post by Matthew Ström: <a href="https:&#x2F;&#x2F;matthewstrom.com&#x2F;writing&#x2F;ui-density&#x2F;" rel="nofollow">https:&#x2F;&#x2F;matthewstrom.com&#x2F;writing&#x2F;ui-density&#x2F;</a><p>Image search is no better, with largely irrelevant results.<p>In the age when everything is spaced out and zoned out gray on gray, what are your go-to examples of UIs that pack a lot of info?

114 comments

aboundvor etwa 8 Stunden
I didn&#x27;t see anyone mention the McMaster-Carr website [1]. It may not be the &quot;densest&quot; out there, but it&#x27;s clean, functional, and nicely presents a lot of information at once.<p>[1] <a href="https:&#x2F;&#x2F;www.mcmaster.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.mcmaster.com&#x2F;</a>
评论 #43926466 未加载
评论 #43927187 未加载
评论 #43931276 未加载
评论 #43926735 未加载
评论 #43928050 未加载
评论 #43930356 未加载
评论 #43926366 未加载
评论 #43926556 未加载
评论 #43926858 未加载
评论 #43926776 未加载
评论 #43930146 未加载
评论 #43926743 未加载
评论 #43926329 未加载
评论 #43928853 未加载
评论 #43926544 未加载
评论 #43926722 未加载
foobarbecuevor 6 Minuten
I&#x27;m a rover driver &#x2F; arm operator for Curiosity and we have several excellent tools that fit your description here at JPL. Chief among them, in my opinion, is RSVP Hyperdrive. See the 5th screenshot on <a href="https:&#x2F;&#x2F;www-robotics.jpl.nasa.gov&#x2F;what-we-do&#x2F;applications&#x2F;user-interfaces&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www-robotics.jpl.nasa.gov&#x2F;what-we-do&#x2F;applications&#x2F;us...</a> . I&#x27;m also a developer on RSVP and have contributed bug fixes and features to Hyperdrive. I&#x27;m hopeful we can open-source it someday. (This is my opinion, not JPL or Caltech or NASA&#x27;s opinion)
paddy_mvor etwa 4 Stunden
I call it Trader UI vs VC UI. Traders want as much info jammed onto the screen as possible. VC backed companies use bootstrap, and want rounded corners on a pricing page with little actual information.<p>I have been working on Buckaroo, a table UI for dataframes that runs in jupyter notebooks. It&#x27;s much more TraderUI, with sparkline size histograms, and decent baked in formatting for numeric columns.<p><a href="https:&#x2F;&#x2F;github.com&#x2F;paddymul&#x2F;buckaroo">https:&#x2F;&#x2F;github.com&#x2F;paddymul&#x2F;buckaroo</a>
评论 #43930717 未加载
评论 #43931015 未加载
评论 #43929857 未加载
评论 #43930223 未加载
chromyvor etwa 8 Stunden
Look for tracing&#x2F;profiling&#x2F;binary analysis UIs:<p>- <a href="https:&#x2F;&#x2F;superuser.com&#x2F;questions&#x2F;1117466&#x2F;using-windows-performance-analyzer-to-identify-slow-windows-10-shutdown" rel="nofollow">https:&#x2F;&#x2F;superuser.com&#x2F;questions&#x2F;1117466&#x2F;using-windows-perfor...</a><p>- <a href="https:&#x2F;&#x2F;github.com&#x2F;wolfpld&#x2F;tracy">https:&#x2F;&#x2F;github.com&#x2F;wolfpld&#x2F;tracy</a><p>- <a href="https:&#x2F;&#x2F;github.com&#x2F;WerWolv&#x2F;ImHex">https:&#x2F;&#x2F;github.com&#x2F;WerWolv&#x2F;ImHex</a><p>3D modeling &#x2F; CAD software:<p>- Blender&#x2F;Rhino etc<p>- Similar for audio you can search for &#x27;DAWs&#x27; (<a href="https:&#x2F;&#x2F;blog.landr.com&#x2F;best-daw&#x2F;" rel="nofollow">https:&#x2F;&#x2F;blog.landr.com&#x2F;best-daw&#x2F;</a>)<p>Many examples on <a href="https:&#x2F;&#x2F;x.com&#x2F;usgraphics&#x2F;media" rel="nofollow">https:&#x2F;&#x2F;x.com&#x2F;usgraphics&#x2F;media</a> only some software.<p>Not on the data side but can be useful just for contrast from todays software:<p>- <a href="https:&#x2F;&#x2F;www.zachtronics.com&#x2F;wmp-skins&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.zachtronics.com&#x2F;wmp-skins&#x2F;</a><p>- <a href="https:&#x2F;&#x2F;cari.institute&#x2F;aesthetics" rel="nofollow">https:&#x2F;&#x2F;cari.institute&#x2F;aesthetics</a>
评论 #43926443 未加载
评论 #43929774 未加载
评论 #43929331 未加载
评论 #43929650 未加载
评论 #43927871 未加载
评论 #43926669 未加载
评论 #43926354 未加载
mgvor etwa 8 Stunden
I am developing this project, which replaces product lists with what I call &quot;product charts&quot;:<p><a href="https:&#x2F;&#x2F;www.productchart.com" rel="nofollow">https:&#x2F;&#x2F;www.productchart.com</a><p>The idea is to sort products not by one parameter (like price or release date) but by two - which creates an x&#x2F;y chart. The product info is displayed dynamically - by default only the image is show. On hover, more info is displayed in a tooltip. And when you click &quot;details&quot;, all data is shown.<p>This way, 300 products easily fit on the screen.<p>You need to watch it on a monitor to see the chart interface. On mobile, I just display a normal list.
评论 #43930714 未加载
评论 #43929264 未加载
评论 #43928454 未加载
评论 #43927500 未加载
评论 #43926596 未加载
评论 #43926147 未加载
评论 #43930209 未加载
评论 #43926349 未加载
评论 #43926823 未加载
thih9vor etwa 8 Stunden
Programs used by pro creatives. Some people regularly spend 8h&#x2F;day using a single such product as their primary work tool.<p>E.g. pro desktop versions of photo, print, video, sound, etc editing software usually feature good UX and high information density.<p>One well known example of that is Blender - here is a chapter from their manual about its user interface: <a href="https:&#x2F;&#x2F;docs.blender.org&#x2F;manual&#x2F;en&#x2F;latest&#x2F;interface&#x2F;window_system&#x2F;introduction.html" rel="nofollow">https:&#x2F;&#x2F;docs.blender.org&#x2F;manual&#x2F;en&#x2F;latest&#x2F;interface&#x2F;window_s...</a>
评论 #43928026 未加载
评论 #43931632 未加载
评论 #43927843 未加载
评论 #43927091 未加载
fauriavor etwa 8 Stunden
Command line system monitoring tools like htop, atop, btop, etc: <a href="https:&#x2F;&#x2F;static.linuxblog.io&#x2F;wp-content&#x2F;uploads&#x2F;2021&#x2F;11&#x2F;btop.png" rel="nofollow">https:&#x2F;&#x2F;static.linuxblog.io&#x2F;wp-content&#x2F;uploads&#x2F;2021&#x2F;11&#x2F;btop....</a>
评论 #43927317 未加载
评论 #43929182 未加载
评论 #43926234 未加载
评论 #43926161 未加载
jedbergvor etwa 7 Stunden
<a href="https:&#x2F;&#x2F;old.reddit.com" rel="nofollow">https:&#x2F;&#x2F;old.reddit.com</a><p>We used to have an even denser display, but they sadly got rid of it. It was the original reddit mobile interface (served as a webpage, not an app).<p>There is a screenshot on this blog post (by one of the guys who worked on it): <a href="https:&#x2F;&#x2F;pdx.su&#x2F;blog&#x2F;2023-04-06-rip-reddit-compact&#x2F;" rel="nofollow">https:&#x2F;&#x2F;pdx.su&#x2F;blog&#x2F;2023-04-06-rip-reddit-compact&#x2F;</a>
评论 #43927925 未加载
评论 #43930457 未加载
评论 #43927841 未加载
tintorvor 6 Minuten
<a href="https:&#x2F;&#x2F;news.ycombinator.com">https:&#x2F;&#x2F;news.ycombinator.com</a>
coffeeindexvor etwa 8 Stunden
I recall seeing some discussion about the UI density Japanese websites (specifically Japanese news sites). For example: <a href="https:&#x2F;&#x2F;www.asahi.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.asahi.com&#x2F;</a> Now that I think about it, news sites in general have fairly high density UIs, not that I consider them to be shining examples of great UIs. <a href="https:&#x2F;&#x2F;www.yahoo.com" rel="nofollow">https:&#x2F;&#x2F;www.yahoo.com</a> <a href="https:&#x2F;&#x2F;www.bloomberg.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.bloomberg.com&#x2F;</a>
评论 #43926352 未加载
评论 #43926848 未加载
mbovor 24 Minuten
Rate Your Music has a famously divisive UI which would send the userbase into open revolt if ever changed. Primary examples:<p>An artist page: <a href="https:&#x2F;&#x2F;rateyourmusic.com&#x2F;artist&#x2F;stereolab" rel="nofollow">https:&#x2F;&#x2F;rateyourmusic.com&#x2F;artist&#x2F;stereolab</a><p>An album page: <a href="https:&#x2F;&#x2F;rateyourmusic.com&#x2F;release&#x2F;album&#x2F;stereolab&#x2F;dots-and-loops&#x2F;" rel="nofollow">https:&#x2F;&#x2F;rateyourmusic.com&#x2F;release&#x2F;album&#x2F;stereolab&#x2F;dots-and-l...</a><p>I personally adore it - RYM is permanently open on my 3rd monitor throughout the work day as I churn through new music.
kccqzyvor etwa 6 Stunden
The desktop version of Charles Schwab&#x27;s expert trading platform, thinkorswim. Or TWS from Interactive Brokers. Basically these are trading platforms designed for day traders and the highest end of the retail investors market. These necessarily have to good high-information density UIs: imagine trading an option showing all strikes (SPX has hundreds of strikes), both calls and puts, and showing the option Greeks (delta&#x2F;gamma&#x2F;vega) and pricing information (bid&#x2F;ask) for each option. Then you need to give users ability to quickly send trades. You need to support complex strategies: an iron condor has four legs for example. You need to support complex orders like stops and limits and combinations thereof and these need to be built via an UI with THEN&#x2F;AND&#x2F;OCO relationships. Some will want a fast-updating candlestick chart; others will want to see the order book; still others will want to plot probabilities or expected prices using Black Scholes model. It&#x27;s complex.<p>You should sign up for paper trading and see these UIs feel like.
评论 #43931070 未加载
smoevor etwa 8 Stunden
Ableton Live digital audio workstation, is a good example in my opinion. As with many professional tools, there is a steep learning curve, but once you get the hang of it, it becomes very productive. There are many nested collapsible sections, so you can choose to have an all-at-once view or focus on fewer elements.<p>Here is a blog post talking about the different ui elements <a href="http:&#x2F;&#x2F;nenadmilosevic.co&#x2F;ableton-live-redesign&#x2F;" rel="nofollow">http:&#x2F;&#x2F;nenadmilosevic.co&#x2F;ableton-live-redesign&#x2F;</a>
radiorentalvor etwa 7 Stunden
Grafana can get pretty info dense very quickly. Try some of the dashboards or the Explore feature here <a href="https:&#x2F;&#x2F;play.grafana.org&#x2F;" rel="nofollow">https:&#x2F;&#x2F;play.grafana.org&#x2F;</a><p>I worked there as a product designer for a couple of years, I now work on even more data dense UI in the cyber security domain, e.g. <a href="https:&#x2F;&#x2F;elastio.com&#x2F;blog&#x2F;cyber-recovery&#x2F;three-clicks-to-ransomware-recovery&#x2F;" rel="nofollow">https:&#x2F;&#x2F;elastio.com&#x2F;blog&#x2F;cyber-recovery&#x2F;three-clicks-to-rans...</a><p>As with almost all UI design the answer is &quot;It Depends&quot;. If you could provide a little more context around the domain you&#x27;re working in I&#x27;m sure I could point you at some specific examples
seanhuntervor etwa 8 Stunden
Bloomberg is the obvious example.<p>It is an extremely well-designed and effective high-information density UI designed to be very efficient to use but requiring some skills to get the most out of it.
评论 #43926465 未加载
评论 #43928290 未加载
csomarvor etwa 6 Stunden
If you are looking for a UI framework, checkout IBM Carbon: <a href="https:&#x2F;&#x2F;carbondesignsystem.com" rel="nofollow">https:&#x2F;&#x2F;carbondesignsystem.com</a><p>I used it to build a merge conflict tool: <a href="https:&#x2F;&#x2F;codeinput.com" rel="nofollow">https:&#x2F;&#x2F;codeinput.com</a> and while it required a much deeper understanding than just reading the docs (tons of bugs), it is by far the most comprehensive UI framework out there. Most UIs either lack <i>lots</i> of components or are made by a couple front-end&#x2F;react&#x2F;css guys. This inevitably means that they lack research into things like typography, accessibility, patterns, etc..
评论 #43931421 未加载
评论 #43928047 未加载
yzmtf2008vor etwa 2 Stunden
Garmin&#x27;s GI-275: <a href="https:&#x2F;&#x2F;www.garmin.com&#x2F;en-US&#x2F;p&#x2F;719027" rel="nofollow">https:&#x2F;&#x2F;www.garmin.com&#x2F;en-US&#x2F;p&#x2F;719027</a><p>This one 3-1&#x2F;8&quot; inch instrument displays more than 15 pieces of information, is somehow perfectly legible even in turbulent flight, _and_ is more reliable and accurate than a whole 6-pack[1]. Synthetic vision unlock is only $500. This is all without switching different pages.<p>Get two of them, and the FAA considers the possiblities of both of them failing at the same time so low, that you can cover one of them to satisfy partial panel failures in a checkride - well, all you do is to switch the &quot;working&quot; one to the PFD page, and you haven&#x27;t really lost any capabilities!<p>[1]: <a href="https:&#x2F;&#x2F;pilotinstitute.com&#x2F;six-pack-instruments&#x2F;" rel="nofollow">https:&#x2F;&#x2F;pilotinstitute.com&#x2F;six-pack-instruments&#x2F;</a>
评论 #43931006 未加载
评论 #43930990 未加载
jumploopsvor etwa 3 Stunden
For weather data, I&#x27;m partial to Wunderground&#x27;s 10-Day forecast[0] view.<p>In one component you can see temp highs&#x2F;lows, precipitation, cloud cover, humidity, wind speed, etc. by the hour, for the next week.<p>Full disclosure: I worked on this as a junior engineer, the lead engineer was fantastic. The code hasn&#x27;t changed in 10+ years.<p>[0]<a href="https:&#x2F;&#x2F;www.wunderground.com&#x2F;forecast&#x2F;us&#x2F;ca&#x2F;san-francisco&#x2F;37.78,-122.42" rel="nofollow">https:&#x2F;&#x2F;www.wunderground.com&#x2F;forecast&#x2F;us&#x2F;ca&#x2F;san-francisco&#x2F;37...</a>
julikvor 35 Minuten
Anthony is building MarketMonkey - <a href="https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=XPYLx1RtvAU" rel="nofollow">https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=XPYLx1RtvAU</a> Autodesk Flame is a great example of fixed-layout high-density UI - (look for tutorial videos and screenshots). Maya, Houdini - most apps from the high-end VFX space.
CodeIsTheEndvor 38 Minuten
I initially built <a href="https:&#x2F;&#x2F;plaintextsports.com" rel="nofollow">https:&#x2F;&#x2F;plaintextsports.com</a> because I was annoyed with how slowly other sports websites loaded, but since then I have come to appreciate it more for the density of the information, and how few clicks it takes to get to the info you care about (usually at most two or three).
rftvor etwa 8 Stunden
I find Geizhals&#x27; filtering options reasonably compact and information dense. <a href="https:&#x2F;&#x2F;geizhals.de&#x2F;?cat=gra16_512&amp;xf=132_16384&amp;pg=1&amp;view=list" rel="nofollow">https:&#x2F;&#x2F;geizhals.de&#x2F;?cat=gra16_512&amp;xf=132_16384&amp;pg=1&amp;view=li...</a><p>I like the simple table view of RPiLocator. Only a few columns, but lots of rows, no unneeded clutter. <a href="https:&#x2F;&#x2F;rpilocator.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;rpilocator.com&#x2F;</a><p>Not as compact as possible, but at least shows quite some information: GSMArena. It could fit more phones into the comparison table with less whitespace&#x2F;greyspace though. <a href="https:&#x2F;&#x2F;www.gsmarena.com&#x2F;compare.php3?idPhone1=10386&amp;idPhone3=12937&amp;idPhone2=12170" rel="nofollow">https:&#x2F;&#x2F;www.gsmarena.com&#x2F;compare.php3?idPhone1=10386&amp;idPhone...</a><p>All sites as viewed on desktop, on mobile this would likely not work out.<p>I also want to echo the command line tools mention in another comment. GDB&#x27;s TUI is reasonable for my use, but after some experience this recently posted terminal debugger might be better: <a href="https:&#x2F;&#x2F;github.com&#x2F;al13n321&#x2F;nnd">https:&#x2F;&#x2F;github.com&#x2F;al13n321&#x2F;nnd</a> via <a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=43905185">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=43905185</a><p>Also the hex editor I am currently using, despite some problems: <a href="https:&#x2F;&#x2F;github.com&#x2F;WerWolv&#x2F;ImHex">https:&#x2F;&#x2F;github.com&#x2F;WerWolv&#x2F;ImHex</a><p>An example of an information dense GUI that might be a bit overwhelming is Ghidra: <a href="https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Ghidra" rel="nofollow">https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Ghidra</a> (page includes a basic screenshot, you can fill your screen(s) with as many sub windows and information panes as you want)<p>As a side note, while trying to find examples I realized just how few websites there are (any more?) that show a lot of information at the same time. Worst recent offender is YouTube&#x27;s redesign with only 3 video tiles in a row on a 1440p screen, luckily easily fixed via a ublock rule.
评论 #43926802 未加载
drinkzimavor etwa 2 Stunden
I think the home buying sites do a decent job here for both search and drill down.<p>Redfin search: <a href="https:&#x2F;&#x2F;www.redfin.com&#x2F;zipcode&#x2F;94110" rel="nofollow">https:&#x2F;&#x2F;www.redfin.com&#x2F;zipcode&#x2F;94110</a> Redfin listing: <a href="https:&#x2F;&#x2F;www.redfin.com&#x2F;CA&#x2F;San-Francisco&#x2F;3000-3006-26th-St-94110&#x2F;home&#x2F;193405573" rel="nofollow">https:&#x2F;&#x2F;www.redfin.com&#x2F;CA&#x2F;San-Francisco&#x2F;3000-3006-26th-St-94...</a>
meew0vor etwa 6 Stunden
Any EMR (electronic medical record) would probably fit this description. For example Epic, the leading one in the US: <a href="https:&#x2F;&#x2F;www.emrsystems.net&#x2F;epic-ehr-software&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.emrsystems.net&#x2F;epic-ehr-software&#x2F;</a> Or Orbis, the leading one in Europe: (there&#x27;s not many good screenshots of it online but this PDF has a few) <a href="https:&#x2F;&#x2F;www.bfarm.de&#x2F;SharedDocs&#x2F;Kundeninfos&#x2F;DE&#x2F;09&#x2F;2023&#x2F;32261-23_kundeninfo_de.pdf?__blob=publicationFile" rel="nofollow">https:&#x2F;&#x2F;www.bfarm.de&#x2F;SharedDocs&#x2F;Kundeninfos&#x2F;DE&#x2F;09&#x2F;2023&#x2F;32261...</a><p>There&#x27;s a myriad of other ones as well, they all have similar UIs, with the primary goals being to never hide any important info from the user, and to let the user take important actions quickly. That naturally leads to high density. Nevertheless it needs to be reasonably intuitive, since doctors and nurses tend to not be very tech-savvy, which leads to some interesting design constraints.
评论 #43927823 未加载
评论 #43929835 未加载
评论 #43927836 未加载
sxpvor etwa 6 Stunden
Edward Tufte had a good series of books on how to create high density infographics: <a href="https:&#x2F;&#x2F;www.edwardtufte.com&#x2F;books&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.edwardtufte.com&#x2F;books&#x2F;</a><p>However, the books are old and specifically call out the low resolution computer displays at the time. Does anyone have an updated list of references for high density visual information?<p>Bret Victor&#x27;s <a href="https:&#x2F;&#x2F;worrydream.com&#x2F;MagicInk&#x2F;" rel="nofollow">https:&#x2F;&#x2F;worrydream.com&#x2F;MagicInk&#x2F;</a> was a good starting point for me.
nitwit005vor etwa 4 Stunden
Try doing a Google search for &quot;Call center software&quot; or &quot;workforce scheduling software&quot; and clicking images.<p>They have also been victimized by the designers wanting a ton of whitespace, but those are both spaces where the customers push back.
exiguusvor etwa 4 Stunden
<a href="https:&#x2F;&#x2F;www.bahn.de&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.bahn.de&#x2F;</a> &#x2F; <a href="https:&#x2F;&#x2F;www.webpagetest.org&#x2F;result&#x2F;250508_AiDc5H_8VR&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.webpagetest.org&#x2F;result&#x2F;250508_AiDc5H_8VR&#x2F;</a> Huge functionality with minimum cognitive load. IMO a mix of google and yahoo. Also the Android&#x2F;iOS app of bahn.de is very intresting.<p>Articles:<p>- Density and Audition: <a href="https:&#x2F;&#x2F;www.nngroup.com&#x2F;articles&#x2F;windows-8-disappointing-usability&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.nngroup.com&#x2F;articles&#x2F;windows-8-disappointing-usa...</a><p>- Density is Cultural: <a href="https:&#x2F;&#x2F;www.nngroup.com&#x2F;articles&#x2F;china-website-complexity&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.nngroup.com&#x2F;articles&#x2F;china-website-complexity&#x2F;</a><p>- Conventions: <a href="https:&#x2F;&#x2F;www.nngroup.com&#x2F;articles&#x2F;breaking-web-conventions&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.nngroup.com&#x2F;articles&#x2F;breaking-web-conventions&#x2F;</a><p>- Information per cm² <a href="https:&#x2F;&#x2F;www.nngroup.com&#x2F;articles&#x2F;designing-effective-infographics&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.nngroup.com&#x2F;articles&#x2F;designing-effective-infogra...</a>
SkyeCAvor etwa 7 Stunden
I think e621 would count. (Disclaimer it&#x27;s a highly NSFW furry booru so I&#x27;m not going to provide a link on HN)<p>It has has one of (if not) the best tagging systems of any website and between the tags and search filters you can find <i>anything</i> you like.<p>Each page has a header with useful links, a list of tags to the left, and a grid of paginated images with basic stats on the rest of the page. Click an image and you get a bigger version of it with download options, all of the tags that apply to it specifically, and comments from users.<p>It&#x27;s basically as good as it can be.
bluefirebrandvor etwa 5 Stunden
I worked on software for doctors to use at clinics for a while and hands down those programs have some of the most information dense UIs I have ever seen. Doctors want everything possible on a single screen, it&#x27;s wild<p>Unfortunately I don&#x27;t really know how to get screenshots or examples for you, given the nature of healthcare data privacy and such<p>But I would suggest searching around and seeing what you can find for clinic software. I bet you can turn something up
评论 #43928446 未加载
jcalxvor etwa 7 Stunden
The Bloomberg Terminal [0] has been very high-density and high-contrast since its early days of being an 80x25 terminal interface. Some would say it&#x27;s not the prettiest UI (although as a former employee I still have a soft spot for it) but it&#x27;s incredibly functional and also unmistakeable at a distance.<p>[0] <a href="https:&#x2F;&#x2F;assets.bbhub.io&#x2F;image&#x2F;v1&#x2F;resize?width=auto&amp;type=webp&amp;url=https:&#x2F;&#x2F;assets.bbhub.io&#x2F;company&#x2F;sites&#x2F;51&#x2F;2022&#x2F;05&#x2F;LaunchPad-1536x864.png" rel="nofollow">https:&#x2F;&#x2F;assets.bbhub.io&#x2F;image&#x2F;v1&#x2F;resize?width=auto&amp;type=webp...</a>
VladVladikoffvor etwa 7 Stunden
Google now forces designers to make huge interfaces on mobile. Tap targets smaller than 54px get a “tap target too small” penalty applied to the sites usability score. This score in turn can hurt your rankings for mobile searches. Which can in turn damage your business. So what are we to do?
评论 #43928361 未加载
throwaway_x031vor etwa 1 Stunde
This webshop is legendary and haven&#x27;t changed much since the 90s.<p><a href="https:&#x2F;&#x2F;arngren.net&#x2F;" rel="nofollow">https:&#x2F;&#x2F;arngren.net&#x2F;</a><p>It&#x27;s extremely dense, but not very good
dbl000vor etwa 6 Stunden
It&#x27;s not just information density but rather intended use design. A lot of engineering&#x2F;manufacturing parts suppliers tend to have good information dense websites that are really catered to their customers for finding parts.<p>Take mouser.com, digikey.com, grainger.com rockauto.com or mcmaster.com. They all have a bit of a &quot;landing page&quot; but once you go to search for parts you&#x27;ve got something that was really designed to be an intuitive parts search. Compare that with jameco.com which competes with mouser&#x2F;digikey but has a more classic webshop search system. It’s a bit more frustrating to use.<p>Some news sites also do a great job of presenting headlines and highlights well in a small area. I think semafor.com is probably my current favorite, but I&#x27;ll readily admit that it&#x27;s not the most information dense.<p>CAD software also tends to be good at this, but that might be just because the UI has chugged along since the 90&#x27;s. AutoCAD&#x2F;Inventor&#x2F;Solidworks&#x2F;SolidEdge&#x2F;KiCAD&#x2F;Altium&#x2F;Virtuoso are all great examples where if you&#x27;ve got prior experience with them (or even similar software) you can sit down and quickly get up to speed on a project and see what&#x27;s been done. I think the distinction is that a lot of software&#x2F;websites are designed to keep the average user focused on a single aspect and so they are designed to either remove or hide the complexity but for more “professional” level tools you need all that data and information. You can probably blame (for better or for worse) material UI for a lot of this spaced-out thing. In my mind that was the first mobile first UI scheme that really took off and it&#x27;s basically influenced everything that&#x27;s come sense then. Computer first software might be your best bet to get some examples. Because a lot of the web is mobile first&#x2F;mobile forward now you probably aren&#x27;t going to find a lot of examples on that. I would love to see examples of information dense mobile first sites.<p>A few other examples I just wanted to brain dump:<p>- labgopher.com<p>- tld-list.com<p>- The Bloomberg Terminal<p>- Ghidra<p>- Most plane cockpits, especially modern fighter planes if you ever get to see&#x2F;sit on one.<p>- A lot of “professional level creative software” – Reaper, Affinity<p>- Train control and monitoring systems
MrCoffee7vor etwa 9 Stunden
News aggregators: <a href="https:&#x2F;&#x2F;sciurls.com" rel="nofollow">https:&#x2F;&#x2F;sciurls.com</a> <a href="https:&#x2F;&#x2F;techurls.com" rel="nofollow">https:&#x2F;&#x2F;techurls.com</a> <a href="https:&#x2F;&#x2F;mathurls.com" rel="nofollow">https:&#x2F;&#x2F;mathurls.com</a> <a href="https:&#x2F;&#x2F;devurls.com" rel="nofollow">https:&#x2F;&#x2F;devurls.com</a> <a href="https:&#x2F;&#x2F;skimfeed.com" rel="nofollow">https:&#x2F;&#x2F;skimfeed.com</a> <a href="https:&#x2F;&#x2F;hackurls.com" rel="nofollow">https:&#x2F;&#x2F;hackurls.com</a>
tnoletvor etwa 8 Stunden
The basic, classic Salesforce UI. In this screenshot the classic is on the left, the new one they pushed already years ago on the right: <a href="https:&#x2F;&#x2F;www.newfangled.com&#x2F;wp-content&#x2F;uploads&#x2F;2016&#x2F;06&#x2F;LEXOpportunity.png" rel="nofollow">https:&#x2F;&#x2F;www.newfangled.com&#x2F;wp-content&#x2F;uploads&#x2F;2016&#x2F;06&#x2F;LEXOpp...</a>
mikedelfinovor etwa 8 Stunden
I&#x27;m not sure this is what you&#x27;re looking for, but these two come to mind:<p>- Mixx: <a href="https:&#x2F;&#x2F;mixxx.org&#x2F;screenshots&#x2F;" rel="nofollow">https:&#x2F;&#x2F;mixxx.org&#x2F;screenshots&#x2F;</a><p>- darktable: <a href="https:&#x2F;&#x2F;www.darktable.org&#x2F;about&#x2F;screenshots&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.darktable.org&#x2F;about&#x2F;screenshots&#x2F;</a>
评论 #43927466 未加载
Cthulhu_vor etwa 7 Stunden
Some video games have them, mostly the ones with customizable UIs like Eve Online [0], World of Warcraft and the like.<p>&quot;Pro&quot; trading websites, for stocks or cryptocurrencies (e.g. Kraken and Coinbase have different interfaces for regular and &quot;pro&quot; users)<p>[0] <a href="https:&#x2F;&#x2F;www.researchgate.net&#x2F;profile&#x2F;Panagiotis-Zaharias&#x2F;publication&#x2F;220686474&#x2F;figure&#x2F;fig2&#x2F;AS:650792453279745@1532172420453&#x2F;A-typical-screen-of-the-EVE-user-interface-while-docked-at-a-station.png" rel="nofollow">https:&#x2F;&#x2F;www.researchgate.net&#x2F;profile&#x2F;Panagiotis-Zaharias&#x2F;pub...</a><p>[1] <a href="https:&#x2F;&#x2F;mtthwx.com&#x2F;wp-content&#x2F;uploads&#x2F;2018&#x2F;11&#x2F;wowow.jpg" rel="nofollow">https:&#x2F;&#x2F;mtthwx.com&#x2F;wp-content&#x2F;uploads&#x2F;2018&#x2F;11&#x2F;wowow.jpg</a> (silly example)
postalcodervor etwa 6 Stunden
I&#x27;m working on a Hacker News front page with the idea of UI density as a foundational concept.<p><a href="https:&#x2F;&#x2F;hcker.news" rel="nofollow">https:&#x2F;&#x2F;hcker.news</a><p>I haven&#x27;t did a Show HN yet but I&#x27;d love to get some feedback on it first.<p>It&#x27;s got a lot of configurable views and can be made extremely dense (dense mode on + columns: auto). The aesthetic itself was made to deviate as little from the HN frontpage as possible.<p>It&#x27;s got a lot of filtering knick knacks like being able to view by top comments&#x2F;points, view hn as a timeline of top stories by comments or stories or view hn by top n over day&#x2F;week&#x2F;month&#x2F;year&#x2F;custom.
评论 #43929997 未加载
评论 #43928061 未加载
评论 #43928241 未加载
评论 #43930634 未加载
pentagramavor etwa 4 Stunden
Here some that comes to mind:<p>- Portmaster<p>Url: <a href="https:&#x2F;&#x2F;safing.io&#x2F;" rel="nofollow">https:&#x2F;&#x2F;safing.io&#x2F;</a><p>Screenshot: <a href="https:&#x2F;&#x2F;camo.githubusercontent.com&#x2F;2f95620e28c8369cdcf94020e614a5b280706e37f6084adcb40af049368c4309&#x2F;68747470733a2f2f736166696e672e696f2f6173736574732f696d672f706167652d73706563696669632f6c616e64696e672f706f72746d61737465722d7468756d626e61696c2e706e673f" rel="nofollow">https:&#x2F;&#x2F;camo.githubusercontent.com&#x2F;2f95620e28c8369cdcf94020e...</a><p>- UnigetUI <a href="https:&#x2F;&#x2F;www.marticliment.com&#x2F;unigetui&#x2F;#screenshots" rel="nofollow">https:&#x2F;&#x2F;www.marticliment.com&#x2F;unigetui&#x2F;#screenshots</a><p>- Mixxx <a href="https:&#x2F;&#x2F;mixxx.org&#x2F;screenshots&#x2F;" rel="nofollow">https:&#x2F;&#x2F;mixxx.org&#x2F;screenshots&#x2F;</a><p>- VMware Workstation<p>Url: <a href="https:&#x2F;&#x2F;www.vmware.com&#x2F;products&#x2F;desktop-hypervisor&#x2F;workstation-and-fusion" rel="nofollow">https:&#x2F;&#x2F;www.vmware.com&#x2F;products&#x2F;desktop-hypervisor&#x2F;workstati...</a><p>Screenshot: <a href="https:&#x2F;&#x2F;blogs.vmware.com&#x2F;wp-content&#x2F;uploads&#x2F;sites&#x2F;42&#x2F;2018&#x2F;09&#x2F;ws-vSphere-Hosts-And-Clusters.png" rel="nofollow">https:&#x2F;&#x2F;blogs.vmware.com&#x2F;wp-content&#x2F;uploads&#x2F;sites&#x2F;42&#x2F;2018&#x2F;09...</a><p>- Pi-hole (scroll down for screenshots) <a href="https:&#x2F;&#x2F;pi-hole.net&#x2F;" rel="nofollow">https:&#x2F;&#x2F;pi-hole.net&#x2F;</a><p>- The Movie Database <a href="https:&#x2F;&#x2F;www.themoviedb.org" rel="nofollow">https:&#x2F;&#x2F;www.themoviedb.org</a><p>- Steam <a href="https:&#x2F;&#x2F;store.steampowered.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;store.steampowered.com&#x2F;</a>
评论 #43931022 未加载
delamrivor etwa 2 Stunden
Very dense - <a href="https:&#x2F;&#x2F;diskprices.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;diskprices.com&#x2F;</a>
jamesflyvor etwa 3 Stunden
I’m making a new version [1] of <a href="https:&#x2F;&#x2F;www.physician.fyi" rel="nofollow">https:&#x2F;&#x2F;www.physician.fyi</a> that has this as a key trait since I&#x27;m trying to show medical practitioners&#x27; complete individual profiles as well as aggregate patterns across practitioners. I took inspiration from <a href="https:&#x2F;&#x2F;www.plasticlist.org" rel="nofollow">https:&#x2F;&#x2F;www.plasticlist.org</a>. I&#x27;m still trying to figure out how to integrate the chart(s) and map now, so I&#x27;d appreciate any ideas.<p>[1] <a href="https:&#x2F;&#x2F;ibb.co&#x2F;VYQpcz9Z" rel="nofollow">https:&#x2F;&#x2F;ibb.co&#x2F;VYQpcz9Z</a>
k2enemyvor etwa 7 Stunden
I really like the density and legibility of weather underground&#x27;s forecasts: <a href="https:&#x2F;&#x2F;www.wunderground.com&#x2F;forecast&#x2F;us&#x2F;ca&#x2F;san_jose" rel="nofollow">https:&#x2F;&#x2F;www.wunderground.com&#x2F;forecast&#x2F;us&#x2F;ca&#x2F;san_jose</a>
评论 #43927251 未加载
olalondevor etwa 6 Stunden
High density UIs are the norm in China. Check out Meituan, Taobao, <a href="https:&#x2F;&#x2F;qq.com" rel="nofollow">https:&#x2F;&#x2F;qq.com</a>, <a href="https:&#x2F;&#x2F;4399.com" rel="nofollow">https:&#x2F;&#x2F;4399.com</a>, etc.
vintagedavevor etwa 3 Stunden
&gt; Thanks to our past experience with switches, combined with the figure-ground principle, a skeuomorphic design for a toggle switch will make it obvious to a user how to instantly turn on a feature.<p>(Figure-ground is how we perceive three-dimensionality in a 2D space.)<p>This is one of the best arguments for skeuomorphism I&#x27;ve read. It doesn&#x27;t address the _look_ (ie, brushed metal) but it absolutely addresses the _style_ (looks like a real toggle switch, a real button, etc.)
codingclawsvor etwa 6 Stunden
I develop a HN&#x2F;Reddit clone [0] that has high density settings. The home page is fairly high density by default. But if you go into the settings [1], then you can really crank up the home page UI density by setting posts per page to 50 and post spacing to 2. The density is more apparent on desktop since the lines don&#x27;t wrap.<p>[0] <a href="https:&#x2F;&#x2F;www.commentcastles.org" rel="nofollow">https:&#x2F;&#x2F;www.commentcastles.org</a><p>[1] <a href="https:&#x2F;&#x2F;www.commentcastles.org&#x2F;settings" rel="nofollow">https:&#x2F;&#x2F;www.commentcastles.org&#x2F;settings</a>
RickSvor etwa 2 Stunden
Another vote for ableton. Also After Effects. Comparing legacy vs new (rush, etc) Adobe video editing UI is a good way to see both of these dynamics in action. I used to work on the UI kits for Adobe. We supported multiple densities for this reason.<p>Something you&#x27;ll find in both ableton and after effects are smart, adaptable panel abstractions&#x2F;conventions. Both have fairly rigid application frames and large distinct sections where discrete types of work happen. But they also have panels where things can get nearly to a free for all. Think custom video effect controls, or individual midi instruments. There are norms (knobs look and work similarly), but things can get totally custom as well (custom graphs, etc). Lastly, at the very edge (~1% of use cases), there are ways to escape the constraints of UI entirely. AE has a code editor for things like custom wiggle animations. Ableton has M4L (which subsequently supports JS and possibly some C, IIRC). You can get yourself into trouble here in ways you normally couldn&#x27;t: it&#x27;s possible to straight up break things.<p>Greedy whitespace nonwithstanding, the most pernicious modern UI trend you&#x27;ll need to buck is the idea that your UI should be simple because it is for simple people. Sometime UI is cluttered because of sloppy design or bad abstractions. Sometimes UI is cluttered because it&#x27;s meant to empower people who think and care about multiple things simultaneously. Modern UI trends will tell you not to serve a man a steak because a baby can&#x27;t chew it. Serve steak, babies be damned.<p>I guess that was mostly about functionality, and only adjacent to density. For actual density: vintage (2016ish?) 538 tables, vintage (pre 2010?) stockkeeping and cashier UI. These are basically TUIs with just a hair more polish. * Much less text heirarchy. This means even line heights, which means easy dense grid layouts. Achieve contrast with boldness rather than size, side borders, inverted backgrounds, etc. * The opposite extreme: very big items for very big tasks. Wide touch areas for each food item that a server can rapidfire tap through, everything else tucked to the side. * Thoughtful truncation: grid layouts often ask that things overflow. Do they elipsis at the end? Do they drop the middle? Do they condense 3 pieces of information into 3 smaller pieces of information? Etc. * Prefer text to icons for all buttons, menus, etc. A tab menu of just text is easy to parse. Icons add noise, and non-text buttons force users to speculate instead of read. * Intentionally non-responsive panels. Having fixed sizes for sidebars, panels, etc makes it easier to reason about how subcomponents snap to grid, and greatly shrinks the workload created by having to allow for fluid item reflow.
thesurlydevvor etwa 8 Stunden
Once upon a time I day traded and the go-to interface was TradingView[1]<p>[1] <a href="https:&#x2F;&#x2F;www.tradingview.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.tradingview.com&#x2F;</a>
sitkackvor etwa 2 Stunden
<a href="https:&#x2F;&#x2F;dblp.org&#x2F;pers?prefix=F" rel="nofollow">https:&#x2F;&#x2F;dblp.org&#x2F;pers?prefix=F</a><p><a href="https:&#x2F;&#x2F;www.discogs.com&#x2F;sell&#x2F;list?genre=Electronic" rel="nofollow">https:&#x2F;&#x2F;www.discogs.com&#x2F;sell&#x2F;list?genre=Electronic</a><p><a href="https:&#x2F;&#x2F;media.ccc.de&#x2F;c&#x2F;38c3" rel="nofollow">https:&#x2F;&#x2F;media.ccc.de&#x2F;c&#x2F;38c3</a>
dleeftinkvor etwa 3 Stunden
I remain appreciative of Native Instruments&#x27; original Massive VST [0], which has a good balance of dedicated interaction surfaces and tabbing. More recently, I think the Bitwig DAW has become a great contender for UI clarity and density (its layout is very configurable) [1].<p>[0]: <a href="https:&#x2F;&#x2F;www.native-instruments.com&#x2F;en&#x2F;products&#x2F;komplete&#x2F;synths&#x2F;massive&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.native-instruments.com&#x2F;en&#x2F;products&#x2F;komplete&#x2F;synt...</a><p>[1]: <a href="https:&#x2F;&#x2F;www.bitwig.com&#x2F;overview&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.bitwig.com&#x2F;overview&#x2F;</a>
beau_gvor etwa 2 Stunden
Late to the party, but no mention of Winamp? My all time favorite UI, masterwork in maximizing utility for it&#x27;s size
mvieira38vor etwa 2 Stunden
An observation from the article: I hate the Bloomberg terminal design so much. It&#x27;s impossible to read if you haven&#x27;t spent 10+ hours a day looking at it for the past decade
achr2vor etwa 7 Stunden
This is my own software, but – as a project engineering data exploration tool – high information and functional density was a key goal:<p><a href="https:&#x2F;&#x2F;engdata.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;engdata.com&#x2F;</a>
评论 #43926645 未加载
评论 #43928306 未加载
eCavor etwa 3 Stunden
This is probably the most densely packed ui I have ever used[1] to rename photos from their EXIF data. It&#x27;s not pretty, but I prefer this over a ten step wizard.<p>[1] <a href="https:&#x2F;&#x2F;www.bulkrenameutility.co.uk&#x2F;assets&#x2F;img-bru&#x2F;darkmode.png" rel="nofollow">https:&#x2F;&#x2F;www.bulkrenameutility.co.uk&#x2F;assets&#x2F;img-bru&#x2F;darkmode....</a>
评论 #43931558 未加载
评论 #43930435 未加载
somatvor etwa 4 Stunden
I vote blender.<p>High density can and often is done wrong, but it is often the hallmark of interfaces for professional users, an intricate tool designed to be used as quick as passable for hours on end, to accomplish this you try and reduce intermediate steps. this means putting everything up front, redundant panels(to do the same thing from different viewpoints), no overlap(why obscure information?) etc.<p>The end product usually ends up being intimidating as hell for new users. But is much more ergonomic for experienced ones.
emmanueloga_vor etwa 7 Stunden
Chrome debugger tools? htop? visidata [1]? Clicker games are interesting in that they start bare and end up filling the screen with controls. Rerun visualizations come to mind too [2].<p>--<p>1: <a href="https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=N1CBDTgGtOU" rel="nofollow">https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=N1CBDTgGtOU</a><p>2: <a href="https:&#x2F;&#x2F;rerun.io&#x2F;viewer" rel="nofollow">https:&#x2F;&#x2F;rerun.io&#x2F;viewer</a>
jdthedisciplevor etwa 6 Stunden
Definitely <a href="https:&#x2F;&#x2F;lichess.org" rel="nofollow">https:&#x2F;&#x2F;lichess.org</a>
threetonesunvor etwa 8 Stunden
My go to for UI inspiration especially packing in a lot of information in a small space are mobile apps in the audio editing&#x2F;creating domain. Loopy Pro is one I always bring up, but there are a lot of audio apps that have to fit a lot of information on the screen at once while being highly intuitive because the app itself is not the primary interface, a midi controller or instrument is.
abraxasvor etwa 8 Stunden
I&#x27;d say the OLD Bank of Nova Scotia page is a good example. There are a lot of details and almost everything is a hyperlink but it&#x27;s quite easy to navigate once you&#x27;ve used it a few times. The new UI they are trying to publish is the opposite of that and being resisted by long term customers. Currently both are in use. I&#x27;m sorry but can&#x27;t put a screenshot without risking leaks of my personal info. here are a couple of screenshots I found on public pages:<p><a href="https:&#x2F;&#x2F;d33v4339jhl8k0.cloudfront.net&#x2F;docs&#x2F;assets&#x2F;5be07d872c7d3a01757ace3a&#x2F;images&#x2F;5c4776912c7d3a66e32d82cc&#x2F;701308" rel="nofollow">https:&#x2F;&#x2F;d33v4339jhl8k0.cloudfront.net&#x2F;docs&#x2F;assets&#x2F;5be07d872c...</a><p><a href="https:&#x2F;&#x2F;www.scotiaitrade.com&#x2F;content&#x2F;dam&#x2F;slf&#x2F;images&#x2F;HowToAccess.png&#x2F;_jcr_content&#x2F;renditions&#x2F;cq5dam.web.1280.1280.png" rel="nofollow">https:&#x2F;&#x2F;www.scotiaitrade.com&#x2F;content&#x2F;dam&#x2F;slf&#x2F;images&#x2F;HowToAcc...</a>
haiku2077vor etwa 6 Stunden
<a href="https:&#x2F;&#x2F;www.rockauto.com" rel="nofollow">https:&#x2F;&#x2F;www.rockauto.com</a> is the best experience I&#x27;ve had finding parts for cars. It&#x27;s designed so you can find the compatible parts as quickly as possibly and organizes the options by price range.
STRMLvor etwa 3 Stunden
The crypto exchange I built 11 years ago is still pretty dense. New users don&#x27;t love it, but I do. We set the standard. <a href="https:&#x2F;&#x2F;www.bitmex.com&#x2F;app" rel="nofollow">https:&#x2F;&#x2F;www.bitmex.com&#x2F;app</a>
评论 #43931583 未加载
dejobaanvor etwa 8 Stunden
I always thought video games were a good thing to look at here. They&#x27;re NOT always an appropriate reference (being an entertainment medium), but you often have to get a pile of info up on the screen, legible, quickly. The Game UI Database is pretty cool, with 1300-ish games: <a href="https:&#x2F;&#x2F;www.gameuidatabase.com" rel="nofollow">https:&#x2F;&#x2F;www.gameuidatabase.com</a>
anilgulechavor etwa 7 Stunden
Chrome Devtools (and firebug) are classic, well thought out dense interfaces. so are VSCode, Jetbrains IDEs.
personjerryvor etwa 7 Stunden
When people talk about UI information density it always reminds me of this HN discussion about the flight controls on a plane:<p><a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=23702560">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=23702560</a>
globnomulousvor etwa 8 Stunden
<a href="https:&#x2F;&#x2F;www.weather.gov&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.weather.gov&#x2F;</a>
jFriedensreichvor etwa 6 Stunden
One of the motivations i build lanes.pm (a project management tool) was to counter that the only information dense UIs still being around seem to be spreadsheets &#x2F; table views. Tables have their place but also lots of drawbacks for many workflows. One other great example is ableton live and a few other pro video&#x2F; 3d&#x2F; music suites. Especially ableton live is as dense as possible while still feeling elegant without tripping over or feeling fiddly.
jbredechevor 23 Minuten
Bloomberg
vascovor etwa 7 Stunden
Datadog does a good job with their logs explorer and custom dashboards.
评论 #43927261 未加载
codr7vor etwa 5 Stunden
Not a web site, but the best information I&#x27;ve come across on information density is Tufte&#x27;s books.
layer8vor etwa 7 Stunden
The Outlook calendar comes to mind: <a href="https:&#x2F;&#x2F;aspisfun.com&#x2F;blog&#x2F;wp-content&#x2F;uploads&#x2F;2022&#x2F;08&#x2F;outlookcalendar-2048x1506.jpg" rel="nofollow">https:&#x2F;&#x2F;aspisfun.com&#x2F;blog&#x2F;wp-content&#x2F;uploads&#x2F;2022&#x2F;08&#x2F;outlook...</a><p>More: <a href="https:&#x2F;&#x2F;www.google.com&#x2F;search?udm=2&amp;q=outlook+calendar" rel="nofollow">https:&#x2F;&#x2F;www.google.com&#x2F;search?udm=2&amp;q=outlook+calendar</a>
maxglutevor etwa 3 Stunden
One of my hopes for AI is to read my screen and reflow it into a higher density format friendly to screen readers, custom css dialed to 11.
miffevor etwa 5 Stunden
Do an image search for SCADA, they are the most information dense systems I&#x27;ve ever worked with.
评论 #43930123 未加载
malkiavor etwa 2 Stunden
Game tools, and in-game dev menus tend to be high-information density too.
danielvaughnvor etwa 8 Stunden
I’ve been on a similar journey, and I haven’t found any good resources.<p>Much of the low-density trend can be traced back to Tailwind. I love the library, but I do find it frustrating that pretty much all designers lean towards low-density by default.<p>The problem is that it only works well for casual&#x2F;consumer applications. Once you start building for professional, productivity-driven products, you need density.<p>One shining example I can think of is: <a href="https:&#x2F;&#x2F;usgraphics.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;usgraphics.com&#x2F;</a>
评论 #43926660 未加载
评论 #43929713 未加载
antelopervor etwa 5 Stunden
<a href="https:&#x2F;&#x2F;craigslist.org&#x2F;" rel="nofollow">https:&#x2F;&#x2F;craigslist.org&#x2F;</a>
评论 #43928166 未加载
ptsptsvor etwa 5 Stunden
Is there a high information density (small font size, little whitespace, thin window borders, no transparency) GNOME theme, ready for everyday use in Ubuntu? Combined with a similar Chrome theme and Firefox theme, it would be awesome.
Curzelvor etwa 4 Stunden
Matchbook.com is a good example of something with a lot of numbers, the apps are especially good (you might need international dns depending on your region)
throwaway39875vor etwa 8 Stunden
Most ECAD software packages have very high information density - look at Altium Designer, Mentor XPedition, OrCAD Cadence, Proteus PCB, Eagle, or KiCAD for examples.
w4rh4wk5vor etwa 8 Stunden
Tracy [1] is the first thing that comes to my mind, then RenderDoc [2].<p>After that Visual Studio while debugging. In general, I think graphical debuggers and profiling tools do a relatively good job of packing lots of information into many, small windows.<p>[1] <a href="https:&#x2F;&#x2F;github.com&#x2F;wolfpld&#x2F;tracy">https:&#x2F;&#x2F;github.com&#x2F;wolfpld&#x2F;tracy</a><p>[2] <a href="https:&#x2F;&#x2F;github.com&#x2F;baldurk&#x2F;renderdoc">https:&#x2F;&#x2F;github.com&#x2F;baldurk&#x2F;renderdoc</a>
throwaway2037vor etwa 4 Stunden
<p><pre><code> &gt; What are good high-information density UIs (screenshots, apps, sites)? </code></pre> Ask that exact same question to someone from the AngloAmerican sphere and Japan&#x2F;Korea. They will answer very differently. This is a widely studied cultural communication difference. Japan&#x2F;Korea can handle incredibly dense communictation mediums, but AngloAmericans cannot. Neither is wrong, but they are both economically important cultural spheres.
rroosevor etwa 5 Stunden
Vitaly Friedman gives a great talk on complex UIs: <a href="https:&#x2F;&#x2F;youtu.be&#x2F;2hlQqMigGZg?feature=shared" rel="nofollow">https:&#x2F;&#x2F;youtu.be&#x2F;2hlQqMigGZg?feature=shared</a>
trinix912vor etwa 6 Stunden
Software made for professionals&#x2F;power users in the late 90s&#x2F;early 2000s. Microsoft Project 2000, Total Commander, Borland Delphi IDE, Final Cut before version 10, older versions of Adobe AfterEffects...
whartungvor etwa 5 Stunden
I have to add this.<p>Back in the day, we sold accounting systems.<p>Now the beauty of accounting is that everyone needs accounting, the fundamentals are all quite solid and common, but even still, everyone does accounting differently. Matter of taste of the Controller, industry specific bits, etc. While everyone has a chart of accounts, no two chart of accounts are the same.<p>So, anyway, we ate our own dog food, we used our own accounting system in house for, you know, accounting stuff.<p>But the funny thing is that when you opened up the Accounts Receivable Invoice screen, and this is on an 80x25 color terminal, I would say it was 60%+ a collection of fields regarding the invoice. Customer, dates, terms, etc. Probably 20 fields on that screen, all crammed together, because real estate was always an issue on 80x25 terminals.<p>But, we were a simple business, and the bulk of those fields are optional for specific use cases, and those options are based on the customer.<p>So, when you entered in the customer for the invoice, 80% of the fields just vanished from the screen. Feature of the system. But it made a very busy screen into something quite stark. It doesn&#x27;t resize, it just makes the field go away. The top half of the screen was, essentially, blank.<p>I always found it amusing to see all of that information vanish.
Scarblacvor etwa 8 Stunden
Airplane cockpits are an obvious example (but not on a computer screen, of course). All the controls readily available.
nathanmcraevor etwa 6 Stunden
Aeronautical charts have incredible information density. <a href="https:&#x2F;&#x2F;skyvector.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;skyvector.com&#x2F;</a> for zoomable charts
MrCoffee7vor etwa 8 Stunden
sites that allow you to build your own list of weblinks such as <a href="https:&#x2F;&#x2F;start.me" rel="nofollow">https:&#x2F;&#x2F;start.me</a> , eg. here is a specific example <a href="https:&#x2F;&#x2F;start.me&#x2F;p&#x2F;GEQXv7&#x2F;osint-us" rel="nofollow">https:&#x2F;&#x2F;start.me&#x2F;p&#x2F;GEQXv7&#x2F;osint-us</a>
coldpievor etwa 8 Stunden
I feel the Ars Technica front page in List View (you have to pick List View at the top!!) is quite nicely dense. Just a straightforward headline, blurb, and image list. <a href="https:&#x2F;&#x2F;arstechnica.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;arstechnica.com&#x2F;</a>
评论 #43926462 未加载
robinwarrenvor etwa 8 Stunden
The ft has some good stuff, this is probably a good jumping off point <a href="https:&#x2F;&#x2F;www.ft.com&#x2F;content&#x2F;c7bb24c9-964d-479f-ba24-03a2b2df6e85" rel="nofollow">https:&#x2F;&#x2F;www.ft.com&#x2F;content&#x2F;c7bb24c9-964d-479f-ba24-03a2b2df6...</a>
sltrvor etwa 4 Stunden
<a href="https:&#x2F;&#x2F;www.dict.cc&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.dict.cc&#x2F;</a>
khaki54vor etwa 7 Stunden
Netvibes if you set it up that way. I use it for RSS feeds by Federal Agency, filtered by some concepts and keywords.<p><a href="https:&#x2F;&#x2F;imgur.com&#x2F;a&#x2F;TtruELg" rel="nofollow">https:&#x2F;&#x2F;imgur.com&#x2F;a&#x2F;TtruELg</a>
borisvor etwa 8 Stunden
In our package repository web interface we aimed for high information density over design fluff: <a href="https:&#x2F;&#x2F;cppget.org" rel="nofollow">https:&#x2F;&#x2F;cppget.org</a> Especially our builds page.
shpingbingvor etwa 2 Stunden
dmbalmanac.com<p>very old and not optimized for modern screens, but the density always was impressive to me
nottorpvor etwa 9 Stunden
&gt; Search engines are full to the brim with vague articles repeating each other&#x27;s talking points<p>You just described the modern search experience on any topic.<p>As much as I hate it, i&#x27;d suggest asking a few &quot;AI&quot;s and trying Kagi.
theyknowitsxmasvor etwa 6 Stunden
PeopleSoft imo, but I haven&#x27;t tried it since college and have no idea if they jumped on the modern, big button for grandpa bandwagon.
Jotaleavor etwa 5 Stunden
The Geometry Dash level editor. It is far from perfect, but it is pretty solid.
santa_boyvor etwa 5 Stunden
Great post. Would love some good samples of &quot;news paper&quot; like sites too
1970-01-01vor etwa 8 Stunden
There are 3 hands on a clock because 4 is too many to be useful and 2 is not quite enough to launch a tactical military strike.
toddwpricevor etwa 8 Stunden
<a href="https:&#x2F;&#x2F;www.edwardtufte.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.edwardtufte.com&#x2F;</a>
评论 #43926597 未加载
评论 #43927213 未加载
ferguess_kvor etwa 5 Stunden
Try telecom custom service software. Very dense.
dredmorbiusvor etwa 5 Stunden
I&#x27;m building my own (for news):<p>&lt;<a href="https:&#x2F;&#x2F;toot.cat&#x2F;@dredmorbius&#x2F;114356066459105122" rel="nofollow">https:&#x2F;&#x2F;toot.cat&#x2F;@dredmorbius&#x2F;114356066459105122</a>&gt; and &lt;<a href="https:&#x2F;&#x2F;diaspora.glasswings.com&#x2F;posts&#x2F;e919db600cb8013eb7b8448a5b29e257" rel="nofollow">https:&#x2F;&#x2F;diaspora.glasswings.com&#x2F;posts&#x2F;e919db600cb8013eb7b844...</a>&gt; show screenshots and describe the interface.<p>It&#x27;s a locally-hosted, personal system, updated manually via shell scripts. The prototype is based off of CNN&#x27;s &quot;lite&quot; headlines page (&lt;<a href="https:&#x2F;&#x2F;lite.cnn.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;lite.cnn.com&#x2F;</a>&gt;), which presents 100 headlines in an unorganised fashion without context.<p>My first cut simply organised the headlines by section and date. The version linked above includes several lede &#x27;graphs for each article, along with some other formatting. It runs about 15 or so screens on either my desktop or mobile (large-format tablet) devices.<p>I&#x27;m looking at extending the concept to other &#x2F; additional news sources, largely as CNN&#x27;s article offerings are disappointingly irrelevant. (Discussed in the Diaspora* thread.)<p>Features I&#x27;m thinking of adding include:<p>- Bayesian ordering by significance. (This will be based on my own article judgements used as training data.)<p>- A &quot;best of the interval&quot; capability.<p>- Adding in articles from several alternative sources. <i>The Guardian</i> will likely be the baseline given its well-structured nature, reasonably comprehensive news, and lack of a paywall. There are likely a few other sources I&#x27;ll add. I&#x27;d like to include weather and perhaps some business ticker data as well. I&#x27;ve had previous ideas about a &quot;news dashboard&quot; which tracks significant indicators, and would like to try applying several of those concepts, if my coding chops are up to it.<p>- Possibly a bit of visual flash, though from what I&#x27;m observing, virtually all graphics used on news sites are more distraction than value.<p>- Incorporating eInk-Mode: &lt;<a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=43690828">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=43690828</a>&gt;
whalesaladvor etwa 8 Stunden
<a href="https:&#x2F;&#x2F;www.netdata.cloud" rel="nofollow">https:&#x2F;&#x2F;www.netdata.cloud</a> manages to pack quite a lot into one experience.
heraldgeezervor etwa 2 Stunden
Simply look into your past...<p>I have adhd searched for an image I have save of Classic Windows XP theme with cmd windows and old Firefox with old unknown web ui. Peak. But cant find it.<p>*Edit - I found it<p>This is the peak UI - LOOK. Just everything. Windows XP? with classic theme and some multi workspace swicther in the corner. Small icons, no combine taskbar. SSH&#x2F;console. Classic Firefox. Unknown encoder web UI &quot;BEAST&quot;. DENSE.<p><a href="https:&#x2F;&#x2F;i.imgur.com&#x2F;Sdy3Z5o.jpeg" rel="nofollow">https:&#x2F;&#x2F;i.imgur.com&#x2F;Sdy3Z5o.jpeg</a><p>This is also a collection<p><a href="https:&#x2F;&#x2F;imgur.com&#x2F;a&#x2F;gvnf8jf" rel="nofollow">https:&#x2F;&#x2F;imgur.com&#x2F;a&#x2F;gvnf8jf</a><p>Adding Wireshark<p><a href="https:&#x2F;&#x2F;i.imgur.com&#x2F;VLSspTw.png" rel="nofollow">https:&#x2F;&#x2F;i.imgur.com&#x2F;VLSspTw.png</a><p>Adding Qbittorrent<p><a href="https:&#x2F;&#x2F;preview.redd.it&#x2F;0yukk4ligh5a1.jpg?width=1907&amp;format=pjpg&amp;auto=webp&amp;s=baddabacad1b99e7a2358c0405458f336b2cf5d6" rel="nofollow">https:&#x2F;&#x2F;preview.redd.it&#x2F;0yukk4ligh5a1.jpg?width=1907&amp;format=...</a>
boznzvor etwa 2 Stunden
Winamp
intendedvor etwa 5 Stunden
Bloomberg terminals.
pinkovor etwa 7 Stunden
Craigslist!
评论 #43930487 未加载
chambersvor etwa 7 Stunden
Agoda has worked well for me.
n4kanavor etwa 8 Stunden
Project management software that includes customizable dashboards, gantt charts or kanban. Spreadsheet apps are the definition of high information density UIs that you manage through zooming.<p>Audio DAW or video production apps jam tiny buttons and indicators all over the place. A mixing console is the epitome of this. Shit, the cockpit of a plane. AutoCAD. Stock trading apps. These aren’t great in the web UI sense - the pattern that emerges is that dense UIs are for experts or people who dedicate a lot of time to learning the UI and appreciate the long-term efficiency that short term inefficient brings.
Zaheervor etwa 7 Stunden
We think about information density a lot at Levels.fyi. I don&#x27;t think we&#x27;re perfect but we do have a fairly dense UX: <a href="https:&#x2F;&#x2F;www.levels.fyi&#x2F;t&#x2F;software-engineer?countryId=254&amp;country=254" rel="nofollow">https:&#x2F;&#x2F;www.levels.fyi&#x2F;t&#x2F;software-engineer?countryId=254&amp;cou...</a>
drewcoovor etwa 8 Stunden
Does the cockpit of a 747 count as &quot;UI&quot; for this task?<p><a href="https:&#x2F;&#x2F;www.popsci.com&#x2F;747-cockpit-tour-mark-vanhoenacker&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.popsci.com&#x2F;747-cockpit-tour-mark-vanhoenacker&#x2F;</a>
downbootsvor etwa 8 Stunden
WinDirStat or QDirStat
JohnMakinvor etwa 6 Stunden
Dwarf Fortress
carlosjobimvor etwa 5 Stunden
BusyCal is a good example: <a href="https:&#x2F;&#x2F;www.busymac.com&#x2F;busycal&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.busymac.com&#x2F;busycal&#x2F;</a>
jarbootvor etwa 8 Stunden
godel terminal, prosperous universe
x86afficionadovor etwa 6 Stunden
sandpile.org<p>especially the opcode tables
obsolete_wagievor etwa 8 Stunden
apollo.io
评论 #43929753 未加载
aristofunvor etwa 8 Stunden
SOunds almost like the opposite sides of the spectrum.<p>With some exceptions and edge cases (like trading or aviation where you have to see a lot of information at once, density is the product in itself) I argue that by &quot;good&quot; UI most UI users really mean &quot;well structured and carefully prioritized information that doesn&#x27;t overwhelm you&quot; (aka &quot;low information density&quot;).<p>It is really hard to find good UI in that sense. Apple is doing okay job in their iOS and macOS UI in general. Modern car makers (some of them at least) reached a pretty good point when a lot of complexity is hidden behind a very intuitive UI.<p>Btw, Apple was expected to be good at UIs because of its history of _inheriting_ xerox&#x27;s military UI research achievements.
评论 #43929807 未加载