他们好我是李泽慧。在展开商品开发的这时候，是不是表述过你他们的结构设计准则？商品开发准则是提示你在日常生活工作中的犯罪行为，并辅导你作出重大决策。第一集该文会向他们如是说最差商品开发的五个特征以及商品开发准则的最差事例，在建立他们的两套结构设计准则时，能将那些杰出事例做为辅导，能启迪相关结构设计准则的文件格式和措词，为他们增添更多的协助！如何制定产品的设计原则？设计总监带你一起从经典案例中总结经验 Screenshots from Pinterest做为 SimpleSite 的结构设计项目组相关人士，我前段时间参予了一连串商品开发准则的制订。在此过程中，我耗费了大批时间来研究方法论，自学市售已近的杰出商品，并从许多获得成功的公司事例中赢得启迪。能将方法论与具体文本的、现实中的事例紧密结合对他们而言协助非常大，因为他们一直在不懈努力表述他们的结构设计准则。这就是同时也是我决定写这首诗的其原因。它由两个主要部分共同组成：最差商品开发准则的 4 个特征更详尽的文本我在《结构设计准则手册》中也提及过。商品开发准则的最差事例假如你想从 Asana、Codecademy、Medium、Pinterest 等杰出的商品中赢得意念，请继续往上看。不论是掌控最差商品开发准则的通用型点，还是从具体文本事例中赢得意念，责任编辑都具有价值！

最差商品开发准则的 4 个特征

characteristics of the best Product Design Principles

正像将在前面的事例中看到的那般，当牵涉到商品开发准则的文件格式时，没有放之四海而皆准的国际标准。不过，杰出事例或许有许多协力的特征。因此在建立他们的两套结构设计准则时，能将其做为辅导，使那些事例能启迪相关结构设计准则的文件格式和措词。

1. 管制数目

制订 3 到 5 条准则，以保证它或者说被读懂和使用。假如准则过多那将难以被掌控，你和他们都不可能读懂所有那些文本。“小量准则会使重大决策显得单纯 —— 过多准则会增加重大决策的讲透。”以 Pinterest 为例。虽然每一块文本都有几个标题和句子加以解释，但它也只是坚持三个重要准则：1）清楚它是 靠直觉而不是自学，它让用户感到更强大，它让文本尝试起来更棒。2）生动它是丰富多彩的，它是 视觉化响应 的，它是意想不到的。3）牢固它是为 探索而打造 的，它是难以误操作的，它是可撤回的。

2. 差异化

为什么人们选你而不是你的竞争对手？你的商品开发准则应该能协助你回答这个问题。

通用型结构设计准则适用于所有人 。而你的商品开发准则不是。复制一个通用型的结构设计准则并在上面贴上你的名字是多余的。应当避免使用像是“对用户友好”和“让事情变单纯”这样老生常谈的语句。“扪心自问：换一种商品的结构设计准则是否正好相反？假如不是的话，它可能太普遍了，不能成为您商品的一个很好的差异化特征。”

考虑 “[选项A] 优先于 [选项B]” 这样的文件格式，用以强调你的商品是什么或不是什么，这将有助于你对许多功能和想法说不。早期的 Medium 商品开发准则就是一个很好的例子：

[方向] 优于 [选择][恰当] 优于 [统一][进化] 优于 [成品]“假设在一个商品里优先考虑使用“选择”、“统一”、“成品”等准则，那么对于 Medium 而言，那些准则恰恰则需要先被“忽略”，这才是 Medium 与其他商品的差异化所在。” 如何制定产品的设计原则？设计总监带你一起从经典案例中总结经验

3. 明确的和可操作的商品开发准则应该提示你在日常生活工作中的犯罪行为 。它旨在消除潜在的解决方案，并辅导你作出重大决策。这就要求准则不能措词含糊或模棱两可。Codecademy 的第一个结构设计准则就是一个很好的例子。它非常具体文本，且解释了基本原理，并提供了一个具体文本的例子：只建立一栏假如允许，能将所有文本管制为 单列布局 。这有助于他们 专注于页面的核心文本，同时也使他们对准则表述有更多的控制权。在第一个响应式结构设计系统中，他们通过缩小不同屏幕尺寸（如手机和平板电脑）

之间的差异，一栏式布局也更容易实现。

Codecademy 通知的单列布局

4. 简洁而令人难忘

即使把准则管制在 3 条以内，你和项目组也难以读懂那些抽象冗长的准则。它不会停留在你的脑海里，鼓励你用某种方式思考。相反，你需要保证你的商品开发准则简洁 、令人难忘 。Asana 展示了措词良好的商品开发准则事例。以下是许多启迪意念的方法：通过清晰化来增强自信不论是应用程序中，或是项目组内部，发生了什么以及为什么会发生，都需要明确的表达。保持一致和国际标准，在合适的时机展开创新用户应该觉得 Asana 既传统又有别于传统。Asana 同时使用图标和文本标签来提高其功能的清晰度，甚至当用户悬停在任何能与之交互的对象上时，也会使用提示（见下面的屏幕截图）。他们一边坚持用户熟悉的模式，一边又探索更为新颖的结构设计，以便使用户使用更为流畅。我个人很喜欢 Asana 的结构设计。如何制定产品的设计原则？设计总监带你一起从经典案例中总结经验

一个 Asana 的截屏

商品开发准则的事例

The best examples of Product Design Principles

下面的商品是按字母顺序，并非按照其结构设计准则的优质与否排序的。它都很棒，但在文件格式和表达方式上却截然不同。看看他们，在建立他们的结构设计准则时能激发意念

！他们将如是说以下商品事例：

AsanaCodecademyDegreedFirefoxMediumPinterestWindowsWonderbly

1. Asana

Asana为什么以及如何建立他们的结构设计准则：1）让用户专注于他们的工作而不会受到干扰用户的注意力应该在他们的控制范围内，只有与个人相关的更改才会分散用户的注意力。2）通过清晰性增强信心不论是应用程序中，或是项目组内部，发生了什么以及为什么会发生，都需要明确的表达。3）培养富有成效的和情感上令人满意的人际关系用户感觉他们是项目组的一部分，在项目组中，他们能依靠彼此来完成自身任务，并感到一同朝着一个协力的目标前进。4）为快速、轻松和有意的互动而结构设计单纯和普通的任务应该是 毫不费力且显而易见的 ；复杂的任务应该让人感觉高效和愉快。但是快速不应该导致不准确。5）在不断的使用中发现每个人的能力无论使用了多少功能，每个人都应该清楚的知道如何使用 Asana，并通过不断地使用增强个人能力。6）保持一致和国际标准，并在需要时展开创新用户应该觉得 Asana 既传统又有别于传统。

2. Codecademy

保持一栏空间社会认同感更多对比更少的表单保持专注直接操控视觉层次结构视觉识别更大的目标为边缘场景而结构设计3. Degreed 如何制定产品的设计原则？设计总监带你一起从经典案例中总结经验

Degreed 有两套12条结构设计准则，太多了，不容易回忆。同时，并不是所有的结构设计准则都具有最差商品开发准则的协力特征。我在下面列出了我的最喜欢的几条准则：1）第 5 准则：使用户一次专注于一项主要操作通过将屏幕、。果断展开优先级排序，使得用户选择显得单纯。防止分心。所有不能协助用户专注于主要任务的元素和样式都会被认为是视觉上的杂乱，和对用户的巨大干扰。请注意，界面中的所有文本都必须由用户的大脑处理，处理的文本越少，认知负荷就越低。2）第 6 准则：最小化用户输入用户输入需要耗费大批的精力和时间。始终争取最少的用户输入来达到目标。用户需要的每一个输入都会增加用户体验的摩擦，并增加放弃的机会。3）第 8 准则：为用户做决定不要害怕为用户做决定 。提供更少的选项会给用户更自信的感觉，因为不用担心。要意识到选择的悖论；提供大批的选择会让用户感到不知所措，因为他/她需要评估每一个选项是否符合他/她的目标。4）第 11 准则：别说 “哇”，说 “当然”永远不要追逐 “哇效应”。当商品开发以最好的方式解决了用户的问题或需求时，商品开发就获得成功了。结构设计出高效、愉悦的产品，用户的反应是“当然，这是显而易见的。

4. Firefox（火狐）

注意他们在 Firefox 上的做法有点不同，表明在 “商品开发准则” 的文件格式上没有对与错。每个项目符号就是Firefox所称的结构设计价值，以下是相关准则：– 用户主导– 默认即隐私– 不乱搞惊喜– 可行的建议2）用户参予会帮他们做的更好– 调研协助他们的非核心社区提供了发言权– 让用户从智能的默认设置开始使用商品– 定制化不仅仅是可见的，还有隐形的– 邀请更多个性的人参予，他们不仅是用户3）一同玩，更好玩– 用户拥有重大决策权和控制权– 使你选择的服务 单纯易用– 为用户提供最差建议4）活力– 让用户感觉屏幕后有真人与其沟通– 有趣的工具更易使用– 幽默和奇思妙想– 有态度，有观点4）精工细作– 另请参阅他们的视觉结构设计手册– 视觉和感受在多平台上的延展– 可感知的品质 至关重要5）全球化– 全球化意味着本土化！6）平衡有力和单纯– 80 / 20 / 2：默认界面极尽单纯，而在需要时轻松定制。– 追求让用户易于理解，而不是追求界面的简洁。7）通情达理的网站– 很多任务在实际操作时需要其他工具配合浏览器– 快速访问你想去的网站、你想完成的任务– 不要用技术用语，用户难以理解8）卓越性能– 性能是客观的，而用户感受性能是主观的– 一个愉悦的用户更自如的使用商品5. Medium请注意，那些1）[方向] 优于 [选择]当他们结构设计 Meidum 的编辑器时，他们总是提及这个准则。他们特意提供了布局、字体、颜色的选择手册和引导。引导用户比让用户做选择更适合他们的商品，因为他们希望用户能专心写作，而不是分心于选择字号、颜色那些事。2）[恰当] 优于 [统一]这条或许有所争议，但是当他们的应用再多终端上应用，其目的很明确 ——他们愿意适当打破一致性，只为了他们的商品能更好的适用不同的操作系统、设备或其他环境。3）[进化] 优于 [成品]在 Mudim 上面分享Meidum 中的文本应该是反碎片化的，应该随着用户的使用不断进化。他们可没打算为互联网印刷成品书籍。

6. Pinterest

对于每一个准则的完整描述，以及它是如何在 Pinterest 所说的“基础”上显得更具可操作性的，请查看责任编辑。1）清楚它是靠直觉而不是自学，它让用户感到更强大，它让文本尝试起来更棒。2）生动它是丰富多彩的，它是视觉化响应的，它是意想不到的。3）牢固它是为探索而打造的，它是难以误操作的，它是可逆的。

7. Windows

Windows 有 8 个结构设计准则，所以对他们的员工而言可能太多了。但是它都是高质量的！1）减少概念以增加信心你提供了一个新概念吗？为什么？有必要吗？你能去除不必要的概念吗？你做的区分是有意义的吗？用户体验是否延续了相同的概念？2）小事有好有坏什么是被多数人认为或者经常看到的重要的 “小事”？你在解决什么小问题？少做为佳。不要把你经历中的小事删掉。计划周密的细节。修复小错误。3）擅长 “看” 和 “做”你最擅长什么？它的外观是否反映了它的优点？用户看到的第一件事是否反映了用户体验的伟大之处？用户体验是否符合预期？用户能做什么是显而易见的？你只提供必要的步骤吗？4）解决分心问题，而不是发现问题减少分心。不要让特性相互竞争。提交新功能。那些不是可发现性差的解决方案：– 在 “开始” 菜单中固定图标。– 在桌面上放置图标。– 在通知区域中放置图标。– 使用消息通知。– 初体验很重要。– 使用引导。5）在旋钮和问题之前的 UX调低用户的质疑声。仅询问一次。不需要配置便可收获价值。问题是否已经询问过？寻找整合的机会。6）个性化，而不是定制该功能是否允许用户表达他们的元素？你是否区分了个性化和定制？个性化设置必须是一个新功能，还是能利用现有的功能和信息（例如用户的位置、背景图片或色块）？7）重视体验的生命周期考虑所有阶段的用户体验：– 安装和建立。– 首次使用和定制。– 经常使用。– 管理和维护。– 卸载或升级。像使用了 12 个月一样体验一遍。它是否有：– 现实的文本。– 真实的体积。8）时间很重要，所以为忙碌的人们打造所有的用户体验准则同样适用于 12 英寸和 20 英寸的屏幕尺寸。不要打断别人。为启动和停止附加说明（快速返回，不妨碍其他用户体验）。性能是普遍用户体验的杀手。8. Wonderbly 如何制定产品的设计原则？设计总监带你一起从经典案例中总结经验

看看 Wonderbly 的结构设计系统，其中使用了那些准则。1）成为讲故事的人避免双方交谈 。通过反映客户的需求和愿望，同时给他们增添愉快的旅程，从而给客户留下更深刻的印象。吸引观众将推动销售和忠诚度。通过统一文本、社区和商业，他们能激励人们与他们一同探索、互动和购物。2）加入他们的俱乐部在他们的网站中建立商品、功能和品质，从而给客户增添信任感。倡导可发现性、可靠性和可信度将减少整个体验中的不确定性。可靠性将使客户从一次性购买者变成终身购买者。3）优化体验利用流畅的布局和能兼容不同设备的方法为每种类型的用户创造最差体验。不断不懈努力为客户简化旅程。利用本地特色推广产品，探索新技术。4）老年人优先他们的客户不仅是技术娴熟的城市妈妈，还有数码新手的祖父母。他们必须为每种类型的客户提供单纯、有效和有回报的客户体验。协助人们作出正确的决定，并引导他们在任何需要的地方展开购买。如何制定产品的设计原则？设计总监带你一起从经典案例中总结经验

原文：https://uxdesign.cc/learn-from-the-best-product-design-principles-3ca706ac7ccb作者：Christian Jensen译者：张宇旸审核：徐曼鹭、李泽慧、张聿彤编辑：孙淑雅责任编辑翻译已赢得作者的正式授权（授权截图如下）如何制定产品的设计原则？设计总监带你一起从经典案例中总结经验