Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

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

news.ycombinator.com

Post reply on HN
Print view View original

181–190 of 392 posts

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

#181

Post by yencabulator »

mg wrote: post #35
CamperBob2 wrote: post #29

Earlier quoted context omitted.

Good idea, but wow, the popup mechanism is obnoxious. It needs to be off to the side in a fixed location that doesn't obscure what you're looking at, or make you chase the 'Hide' button with your mouse.

Hmm... the way I use it is that when I put the mouse on an item, that is the one I am looking at. So it is fine that some others are hidden. And when I want to see all items again, I move the mouse into an empty area (usually right next to the item I just looked at) so the popup goes away. Also, I usually use the filters first. Say for laptops, I set the screen size to >=12inch and the weight to Do you use it differe…

Assumptions about how users will interact with your UX always end up badly.

I saw the "big grid" and was curious, so I hovered on the icons, moving along a line, just to get an idea of what the thing does. Doing that, I kept accidentally moving the mouse pointer off-axis so it went into the popup, and was "stuck" there, until I dragged it outside the popup again, and promptly lost track of what I had already glanced at.

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

#182

Post by soulofmischief »

csomar wrote: post #152
jFriedensreich wrote: post #146

Earlier quoted context omitted.

I thought about carbon too, but unfortunately it gives me extreme IBM cloud ptsd. The number of bad associations products building on that design system have to start with is probably not worth the time savings.

I am not sure there is that many people (beside IBM) that are using it. In fact, they have a pretty much dead Discord channel with very few users. My only explanation was either people didn't like the very corporate style or that it had a steep initial cost to implement. > but unfortunately it gives me extreme IBM cloud ptsd Sure. It did give me some of that PTSD but then every UI framework I struggled with had lacki…

I brought it to production and had to fork some packages due to incomplete APIs, and there was a lot of glue code and writing custom components because the existing ones didn't meet my needs. It looks great but in the end it took more of a backseat than I'd have wished. But under the hood, the architecture of the current major version is great. Clean, modern best practices, especially regarding styling.

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

#184

Post by Lammy »

squiggy22 wrote: post #52
WillAdams wrote: post #46

Earlier quoted context omitted.

There is (was?) an absolutely fabulous answer on quora.com which detailed how this site came to be --- from memory: - initial ecommerce site was a mess (basically a page-by-page recreation of the catalog?) which saw minimal usage - the redesign, which focused on usability --- notably reduced cognitive load --- resulted in an immediate uptick in orders which grew markedly for a long while until it represented the vast…

I wonder how much additional traffic, links, seo benefit and general brand awareness this site has generated simply off doing things to this standard. A fly wheel of benefits.

Relevant: https://twitter.com/mcmasterdaily

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

#186

Post by TiredOfLife »

abound wrote: post #21

I didn't see anyone mention the McMaster-Carr website [1]. It may not be the "densest" out there, but it's clean, functional, and nicely presents a lot of information at once. [1] https://www.mcmaster.com/

There is a project that implements the site in Next.js https://github.com/ethanniser/NextFaster

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

#187

Post by nicce »

WillAdams wrote: post #46
abound wrote: post #21

I didn't see anyone mention the McMaster-Carr website [1]. It may not be the "densest" out there, but it's clean, functional, and nicely presents a lot of information at once. [1] https://www.mcmaster.com/

There is (was?) an absolutely fabulous answer on quora.com which detailed how this site came to be --- from memory: - initial ecommerce site was a mess (basically a page-by-page recreation of the catalog?) which saw minimal usage - the redesign, which focused on usability --- notably reduced cognitive load --- resulted in an immediate uptick in orders which grew markedly for a long while until it represented the vast…

If you don't care about SEO, Single-page Applications usually reach the same feeling? when the components are well designed, and clicking something just fetches the parameters for the components that are primarily loaded on the initial render. But usually the implementations are poor or there is additional bloat so we don't see them as fast.

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

#188

Post by tbeseda »

postalcoder wrote: post #172
divbzero wrote: post #160

Earlier quoted context omitted.

The official HN front page is already pretty good on UI density, so it’s promising that you’re using that as a starting point. Is there any chance https://hcker.news is related to https://hckrnews.com ? The dense layout feels similar.

I haven't set up my about page yet but I was going to attribute much my design to their page. I've taken a ton of inspiration from hckernews.com because it's the front page I always frequented prior to making this. My primary issue with it was that I wanted more sorting capabilities (aggregate mode), and wanted to be able to see the highest engagement threads (by comments).

Very cool. I have something similar that's more of a running timeline than a view of the front page. I need to work on the controls so you can better specify thresholds.

https://hnr.app

(hckrnews.com credit in footer because I also found it helpful)

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

#189

Post by ashwinsundar »

mg wrote: post #35
CamperBob2 wrote: post #29

Earlier quoted context omitted.

Good idea, but wow, the popup mechanism is obnoxious. It needs to be off to the side in a fixed location that doesn't obscure what you're looking at, or make you chase the 'Hide' button with your mouse.

Hmm... the way I use it is that when I put the mouse on an item, that is the one I am looking at. So it is fine that some others are hidden. And when I want to see all items again, I move the mouse into an empty area (usually right next to the item I just looked at) so the popup goes away. Also, I usually use the filters first. Say for laptops, I set the screen size to >=12inch and the weight to Do you use it differe…

This makes sense. One suggestion would be to add a "Click to hold" button, which will push the dialog pop-up into a corner, maybe in a condensed view, and allow you to select more items. Then you can do a selective comparison of multiple items at once.

"Click to hold" isn't a good name for the feature, but hopefully the idea makes sense.

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

#190

Post by ashwinsundar »

fauria wrote: post #7

Command line system monitoring tools like htop, atop, btop, etc: https://static.linuxblog.io/wp-content/uploads/2021/11/btop....

Wow btop looks fantastic out-of-the-box. I spent a long time configuring htop and still don't really like how it displays info (although it is an improvement over plain-old top)
Post reply on HN