设计与产品worrydream.com编辑精选
Magic Ink
Magic Ink
2009 — 2025，它一次次回到首页
黑点是上首页（≥ 50 分）的那次投稿，空心点是没冲上去的投稿，点越大分数越高。
导读
《Magic Ink》是 Bret Victor 的经典长文，探讨软件的本质是“信息环境”而非“机器”，主张界面设计应像信息设计一样，根据用户意图主动呈现最相关的信息。文中以航班时刻表等重设计示例，展示了上下文感知、响应式界面的可能性。
为什么经久不衰：它提出了至今仍未被主流实现的信息化界面设计理念，十五年来反复登上 HN 首页，是每个做产品和交互的人都该读的思想源头。
HN 评论精选
质疑为什么这类界面设计理念难以落地，认为实现难度是主因
我的问题是：为什么我们不这样设计界面？现在是 2009 年，我看未来几年也不会改变。我花了一整天思考这个问题，最好的答案是：太难了。做桌面应用时，放几个单选按钮和下拉框很简单，但要做出文中那种航班时刻表重设计根本无从下手。是我们的期望太低了吗？还是缺乏接触这类思想的机会？总之，为什么 30 年了我们展示选项的方式几乎没变？
cubicle67查看英文原文
Here's my question, why aren't we designing interfaces like this? It's 2009 now, and I don't see things changing in the next few years. I've spent the best part of the day mulling over this question (it's evening here now), and the best I can come up with, it that it's hard. With desktop apps, which is where most of my experience lies, there's simply no easy way to do much of what he's suggesting. Putting a few radio buttons and drop-down lists on a form is simple, but to create something like the flight schedule http://worrydream.com/MagicInk/p/flight_redesign.png is not. Why is this? Is it because it really is too hard to do this on an individual basis? Are our expectations too low? Is it lack of exposure to ideas like this? In short, why are we still displaying choices pretty much the same way we have been for the last 30 years?
高度推荐作者及其其他作品，认为此文值得反复阅读收藏
这位作者（Bret Victor）几年前还写过一篇很棒的文章 Alligator Eggs。我大概每年会有两次遇到好到值得打印收藏的文章，这篇就是其中之一。
tumult查看英文原文
This guy (Bret Victor) also wrote an excellent article a few years back, Alligator Eggs http://worrydream.com/AlligatorEggs/ Every now and then, probably about twice a year, I come across something so good I print it out and keep it. This is one of those articles. (apologies if only cubicle67 gets this joke)
盛赞这是史上最佳的人机交互文章
这显然是我读过的最好的人机交互文章。很棒的东西，谢谢。
niels查看英文原文
This is clearly the best Human Computer Interaction article I've ever read. Great stuff. Thanks.
特别欣赏文中某个具体交互设计细节
我很喜欢星级评分“须状图”的点子。
Hexstream查看英文原文
I really like the the idea of star-rating "whiskers": http://worrydream.com/MagicInk/#p115
历次讨论
同类还值得读
贝塞尔曲线入门
A Primer on Bézier Curves
Pomax 编写的贝塞尔曲线在线教程，从基础概念一路讲到曲线求交、投影、曲率等进阶内容，并配有可交互的示例和配套的 bezier.js 库。
设计与产品上首页 7 次 · 2014–2022pomax.github.io编辑精选WebGL 水面模拟
WebGL Water
Evan Wallace 制作的 WebGL Water 演示：在浏览器里实时渲染一片水面，展示折射、反射和焦散等 GPU 图形效果。
设计与产品上首页 6 次 · 2011–2025madebyevan.com设计建议：永远不要使用黑色
Design Tip: Never Use Black
设计随笔提出“永远不要用纯黑”的建议，主张在界面和绘画中改用深灰或带色相的暗色，并借阴影与色彩关系来论证。
设计与产品上首页 5 次 · 2012–2021ianstormtaylor.com用于思考不可想象之物的媒介
Media for Thinking the Unthinkable
Bret Victor 的这个页面围绕《Media for Thinking the Unthinkable》展开，探讨我们用来思考和表达复杂问题的媒介，以及以文字/符号为主的传…
设计与产品上首页 5 次 · 2013–2020worrydream.com编辑精选页面重量很重要
Page Weight Matters
博文讲 YouTube 工程师 Chris Zacharias 的一次页面瘦身实验：团队做了一个更轻量的页面版本，起初从整体平均加载时间看反而更慢；按地理区域分层后才发现，轻量版…
设计与产品上首页 4 次 · 2012–2022blog.chriszacharias.com