文章怀念早期桌面软件时代的设计一致性，提出"习语设计"（idiomatic design）概念，强调统一界面元素（如复选框）的重要性。作者认为现代设计失去了这种用户熟悉的标准化交互方式，导致体验碎片化。通过"保持登录"选项的案例，说明习语设计能减少用户认知负担。

标题：回归习惯性设计

来源：https://essays.johnloeber.com/p/4-bring-back-idiomatic-design
发布时间：2023年2月27日

主要内容：

作者作为桌面软件时代（从Windows 95到Windows 7）的用户，怀念那个时代设计的一致性，尤其是习惯性设计（idiomatic design）和同质化界面（homogeneous interfaces）的普及。如今，随着软件转向互联网，界面设计变得碎片化，用户体验也因此下降。

习惯性设计的价值

• 例子：网站询问“是否保持登录状态”时，通常会使用复选框（checkbox），而不是文本框或下拉菜单。这是因为复选框已成为一种设计习惯——用户无需思考即可操作，开发者也会默认采用。
• 界面同质化的重要性：好的界面应减少用户的认知负担。例如，复制操作的快捷键（如Command+C）应在所有应用中保持一致，而非因场景不同而变化。

桌面软件时代的优势

以Windows 2000为例：
1. 标准化菜单结构（如“文件”“编辑”“视图”），用户无需重新学习。
2. 键盘导航：通过下划线提示快捷键（如ALT+F打开文件菜单）。
3. 清晰的文字标签：优先使用文字而非图标，减少猜测。
4. 状态栏信息：实时显示页面、字数等状态。

这些设计习惯不仅限于单个软件，而是贯穿整个操作系统，形成了统一的用户体验。

现代网页设计的困境

1. 界面碎片化：不同网站对日期选择、信用卡输入等常见功能的实现方式千差万别。
2. 缺乏统一标准：尽管HTML/CSS有规范，但开发者多依赖React等框架，导致原生设计习惯被忽视。
3. 移动与桌面的矛盾：为兼顾两者，设计常陷入妥协（如汉堡菜单的滥用）。

原因分析

• 技术快速迭代：前端开发更关注功能实现而非打磨细节。
• 模块化组件的泛滥：开发者复制粘贴现成组件，导致劣质设计模式蔓延。
• 浏览器功能的扩展：现代浏览器支持复杂应用（如Figma基于WebAssembly），但打破了传统的“网页即文档”模型。

解决方案与建议

作者提出以下设计原则：
1. 遵循HTML/CSS习惯（如下划线链接、原生按钮）。
2. 确保浏览器功能（如后退按钮、快捷键）正常。
3. 优先使用文字而非图标。
4. 保持内部设计一致性。
5. 参考经典设计书籍和历史解决方案。

成功案例：苹果

苹果通过统一的字体、按钮和交互逻辑，强制第三方应用遵循其设计规范，实现了“开箱即用”的体验。类似地，Substack通过限制作者的自定义选项，保证了平台的简洁性。

结语

作者希望未来能像桌面时代一样，在网页设计中形成广泛接受的习惯性模式（如统一的日期选择器），减少用户的认知负担，提升整体体验。

注：原文中的图片链接和部分技术细节（如WebAssembly）已简化，保留核心论点。

以下是评论内容的总结，平衡呈现不同观点并保留关键引用：

1. UI设计混乱问题

   • 用户批评当前UI设计不一致、功能混乱，如圆形复选框像单选按钮、隐藏滚动条、扁平化按钮等。
   • 引用："UX has really gone downhill... confusing icons, confusing ways of using drop downs" (评论4)
   • 引用："UIs are inconsistent even in the same app" (评论6)

2. 图标与文字的争议

   • 支持文字优先，认为图标识别性差（除通用图标外），文字更高效。
   • 引用："most people are just better and faster at recognising single words at a glance than icons" (评论3)

3. 过度设计批评

   • 反对华而不实的设计（如视差效果、弹窗通知），认为功能应优先于形式。
   • 引用："stop with the popups and notifications... nobody wants to subscribe to your newsletter" (评论10)
   • 引用："fancy looking design always was... functionally worthless" (评论5)

4. 设计标准化需求

   • 呼吁建立统一设计规范（如HIG），批评Web缺乏原生框架导致碎片化。
   • 引用："The web needs a HIG... webapps can replace desktop applications were never power users" (评论7)
   • 引用："The web has nothing. You gotta roll your own" (评论19)

5. 品牌与功能的矛盾

   • 部分观点认为品牌独特性阻碍了标准化设计回归。
   • 引用："companies believe... their design language is part of their brand" (评论16)

6. 开发工具争议

   • 反驳将设计问题归咎于技术栈（如React），强调是设计选择问题。
   • 引用："React is an irrelevant implementation detail... a design choice" (评论14)

7. AI设计的局限性

   • 指出AI生成设计存在不可控的 inconsistency。
   • 引用："AI-driven design is completely inconsistent" (评论17)

8. 历史对比

   • 对比2004年"神秘肉导航"现象，认为当前设计更偏离习惯用法。
   • 引用："idiomatic design seems to have been completely lost" (评论18)

关键矛盾点：品牌个性化需求与用户体验一致性之间的冲突，以及开发效率与设计严谨性的平衡问题。