TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Show HN: Density userstyle to remove spacing from popular websites

92 点作者 phil294超过 2 年前

13 条评论

ftio超过 2 年前
At a previous company, we had strong feedback from sales that prospects thought our legacy, cash-cow product looked old and outdated. They were right, and those first impressions are hard to shake. We lost deals (in part) because of design.<p>We did a minor design update in a beta release that introduced ~30% more vertical padding in lists. Beta testers (long-time customers) <i>hated</i> it. They were pros. They could not only handle the density, but the density enabled key workflows that the additional padding broke.<p>We ended up making the whitespace preference-controlled. Defaulted to on for new users; defaulted to off for existing users. Solved the sales problem while keeping our long-time customers happy.<p>For infrequently-used tools, especially transactional ones (e.g., Google Maps), additional whitespace seems to improve legibility, usability, and ultimately engagement. For power-user tools like GitHub in which users spend hours of their time every week, I want to see an industry shift &quot;back&quot; to denser UIs. Power users can handle them and typically benefit from them greatly.
评论 #32629558 未加载
评论 #32630457 未加载
phil294超过 2 年前
Hello,<p>imo the trend of websites adding more spacing (padding) as the years go by is annoying, so I decided to do something about it. I hope this to become a manually curated, collaborative effort, but so far the 500 lines CSS are for GitHub, GitLab, Reddit and Twitter only.
评论 #32631794 未加载
评论 #32628746 未加载
inasmuch超过 2 年前
Love it.<p>I just wanna say if anyone is looking for a designer whose tastes diverge from the other in this thread and who is dying for a chance to design an attractive, effective, and dense app (Ableton Live, anyone?), please let me know.
评论 #32631561 未加载
radiojasper超过 2 年前
As a web designer, I love the white space. Calms the web down. Your screenshot is giving me the heebie jeebies.
评论 #32628668 未加载
评论 #32630313 未加载
评论 #32628969 未加载
评论 #32629025 未加载
评论 #32629619 未加载
ohCh6zos超过 2 年前
This is awesome. I can&#x27;t think of a website I visit that would not benefit from higher density.
评论 #32629772 未加载
cwillu超过 2 年前
Now we just need userstyles to eliminate floating headers&#x2F;footers.
评论 #32629551 未加载
akrymski超过 2 年前
All of these are CRUD apps. Can we not standardize a universal interface for such apps? Something like Norton Commander for the web? I can imagine using the same UI to browse HN&#x2F;Twitter&#x2F;GitHub ...
yewenjie超过 2 年前
This is a super cool idea but I wish this project becomes popular so that there emerges a consistent style that does not look &#x27;broken&#x27;.
zagrebian超过 2 年前
I had no idea that you could put an Install button on a web page that opens Stylus’s editor.
Yahivin超过 2 年前
Next steps:<p>- Get rid of the rounded buttons - Add some sick drop shadow - Party like it&#x27;s 1999
UIUC_06超过 2 年前
I have a Chrome extension that disables JS for a specific site. It&#x27;s for getting around (some) paywalls. If you want to be pedantic, let me save you the trouble: no, it doesn&#x27;t work for all of them.<p>So I picture a &quot;Densify&quot; browser extension as well. How exactly that would work is left as an exercise for the reader.
6510超过 2 年前
wonderful! Stuff on the right is overly spacious now.
barnabee超过 2 年前
Great idea, thanks!