Live data from Hacker News

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

news.ycombinator.com

341–350 of 392 posts

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

#341

Earlier quoted context omitted.

On first look this looks slightly more usable that hckrnews.com, which I'm currently using(mostly). It would be perfect(for me) if it had some more (light)themes, with yellow-brownish background, like 'manila paper', or something like that. Will continue trying it out. Anyways, thumbs up so far...

Added a manilla theme, let me know what you think of it!

Yes. Acceptable. Though it's looking slightly orange/apricot/peachy. But that's in line with HN, so be it ;>

Thank You!

Edit: After a few minutes I'm thinking its better than both hckrnews.com, because that has too bright BG, and less disturbing than HN, because no jump between grey borders and that pale yellow they use. MUCH LESS annoyance/eyestrain.

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

#342

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.

Palantir's Blueprint UI toolkit might scratch the same itch if you're looking to build very functional, dense UIs: https://blueprintjs.com/docs/

Not even close to the IBM one. Think of icons/pictograms or animations, you can have use a library for that but you'll have to do your own custom styling to match it with your theme. Carbon is the most encompassing one that comes with lots of things you might need that are already integrated in style and patterns with the core framework.

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

#343

I'm working on a Hacker News front page with the idea of UI density as a foundational concept. https://hcker.news I haven't did a Show HN yet but I'd love to get some feedback on it first. It'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. It's got a lot of filtering knick knacks li…

One of my biggest gripes against HN's front page is that there's so little context to go on --- just an My own news-page rewrite includes several paragraphs of lede context, which is probably a bit on the overkill side. But a hundred characters or so should help. I'm also wrestling with the sort-order aspect. Current cut is time-ordered within sections (another thing I wish HN had), but I'm going to be extending the…

Thanks! Great to hear it.

  > My own news-page rewrite includes several paragraphs of lede context, which is probably a bit on the overkill side. But a hundred characters or so should help.
Stay tuned, I've been thinking about the right way to do something like this too.

  > I'm also wrestling with the sort-order aspect. Current cut is time-ordered within sections (another thing I wish HN had), but I'm going to be extending the article count in the next iteration.
Hope you don't mind if I email you later for new feature feedback.

  > That said, your design is clean and light, I like it.
Thank you.

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

#344

For weather data, I'm partial to Wunderground's 10-Day forecast[0] view. In one component you can see temp highs/lows, precipitation, cloud cover, humidity, wind speed, etc. by the hour, for the next week. Full disclosure: I worked on this as a junior engineer, the lead engineer was fantastic. The code hasn't changed in 10+ years. [0] https://www.wunderground.com/forecast/us/ca/san-francisco/37...

So sad when I remember Wunderground and that it's basically dead now :( I still send PWS data though.

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

#345

Earlier quoted context omitted.

Added a manilla theme, let me know what you think of it!

Yes. Acceptable. Though it's looking slightly orange/apricot/peachy. But that's in line with HN, so be it ;> Thank You! Edit: After a few minutes I'm thinking its better than both hckrnews.com, because that has too bright BG, and less disturbing than HN, because no jump between grey borders and that pale yellow they use. MUCH LESS annoyance/eyestrain.

Awesome. I'll try use the manila theme and tone it down if the peachiness bothers me too.

Also, I'll also have to fix the fact that I've been misspelling "manila". Feel free to email me (in the about page) if there are any other features you'd like to see.

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

#346

Earlier quoted context omitted.

The low lag part is especially impressive. Here is Wes Bos taking a deeper dive into the intricacies of technologies used to accomplish this: https://www.youtube.com/watch?v=-Ln-8QM8KhQ

I've always assumed that making a fast and responsive website isn't a technical problem, but a social/political one. It's easy to create a website where interactions simply fetch the necessary resources and update the DOM as required. But managers then insist on adding 20 trackers so every little click and interaction gets logged somewhere for analytics. Or are frameworks REALLY that slow?

> Or are frameworks REALLY that slow?

Of course they are. There's a significant overhead from a virtual DOM and reconciliation with the real DOM. Then there's the larger overhead from relying on JavaScript for everything. The JS VM in modern browsers is very performant, but it can't optimize poorly written code, whether that's from frameworks, the gazillion libraries modern web sites depend on for analytics, trackers, ads, shims, helpers, etc., and, of course, any custom JS specifically written for the web site.

Browsers can enable very rich and responsive interfaces, but web development is bogged down by the insane state of popular frontend stacks. There's a recent trend of rejecting this insanity (htmx, Nue, Datastar), which I hope gets us on a track where we optimize for user experience using native web technologies.

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

#348

I'm working on a Hacker News front page with the idea of UI density as a foundational concept. https://hcker.news I haven't did a Show HN yet but I'd love to get some feedback on it first. It'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. It's got a lot of filtering knick knacks li…

That's great! An API for the filters would be nice so i could bookmark it.

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

#350
post #81

https://old.reddit.com 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). There is a screenshot on this blog post (by one of the guys who worked on it): https://pdx.su/blog/2023-04-06-rip-reddit-compact/

Came here to say the same. Old Reddit is such a fantasticly dense, yet readable UI. It doesn't have too much whitespace, but there is enough so there's always room to click on nothing. It is absolutely my preferred UI for consuming large amounts of information quickly.

It's not quite like the old Reddit, but I created a userscript[1] that makes the new Reddit interface denser by displaying posts in multiple columns.

[1] https://greasyfork.org/en/scripts/371490-reddit-multi-column

Post reply on HN