省时高效!苹果官方的设计流程和实用工具推荐

苹果公司一直以其先进的设计理念和独特的创新精神而领先于市场。相信每个有追求的公司都希望可以像苹果一样做出设计精湛,富有创新精神的产品。你是不是也一直好奇,苹果是怎样设计一款产品的?其实,仅有创意是远远不够的,创意必须付诸实践才能成就一款产品。苹果首席设计师,Jonathan Ive 在与纽约时报的访谈过程中,揭露了苹果有意思的设计流程。对于不同的流程阶段,我也会推荐一些实用的工具帮助大家更好地把想法付诸实践。

△ 苹果首席设计官 Jonathan Ive

想法阶段:纸笔手绘

这个阶段,主要是高级管理人员表达他们对创造某个新产品的兴趣,以及讨论一些基础信息。这个时候的想法是不成形的,并没有什么完整的或是视觉概念。所以这个阶段建议多讨论,采用纸笔记录想法,或是快速手绘概念。

△ 手绘的重点在于快速表达想法,而不要纠结于细节和美观

产品启动

一旦产品被定义好之后,就会有一个内部设计小组独立出来负责新产品的开发。不仅如此,这个新启动的小组还会从常规的办公室分离开来(有时还可能整栋楼的一部分都分给这个小组),从而方便该内部小组的工作。这个过程可以让产品团队从公司常规架构独立,从而专注于新产品开发流程。

原型设计阶段:Sketch + Principle / Flinto

高保真原型(pixel-perfect mockups)

这个过程需要花费大量的时间和精力。苹果(前)高级工程师 Michael Lopp 说,这个过程就是要去除所有含糊不定的地方。所以虽然前期会耗费大量的时间,但减少了在后期纠错和改正的时间。对于设计师来说,这个阶段还是推荐用 Sketch 来进行高保真原型绘制。配合 Principle 或是 Flinto 使用来加强交互动效设计。

△ 利用 Sketch 方便地制作原型

我喜欢 Sketch 的地方:

1. 操作简单、易于理解的界面

2. 一个项目文档里面可以导出多页

3. 可独立导出多个图标或元素

10 到 3 到 1(10 to 3 to 1)

10 到 3 到 1 的意思是,对于任何一项新设计,苹果的设计师们都要拿出 10 个完全不同的模拟方案。并且,不能是「其中有 7 个是为了让剩下的 3 个看起来不错」,而是希望让设计师们放开限制大胆设想。然后他们会从中挑选 3 个,花一段时间研究这 3 个方案,最终确定一个最优秀的方案。

苹果的新产品进展文档( ANPP ): Dropbox Paper

一旦设计原型方案选定,并且公司也同意进行开发,就需要开始制作苹果新产品进展文档(ANPP)。ANPP 是一份描述产品进展细节和开发阶段的文档,一般由产品技术总监(EPM)和全球供应链经理(GSM)共同负责。但每个阶段谁做什么都会有详细的文档记录。这个文档可以由在线文档协作工具,如 Dropbox 来完成。此外,对于 ANPP 里面提到的 mapping the stage details 也可以通过流程图的形式展现。一些思维导图软件,如 XMind 就可以做到这点。

△ 利用 Dropbox 实现文档共享和编辑

△ 利用 XMind 做流程图

每周两次例会

头脑风暴会议:XMind

每周,设计团队和开发团队之间会举行一次头脑风暴会议。这个会议的重点在于优化设计。每个人都可以无条件限制地大胆提出自己的想法,甚至可以「go crazy」, 从而碰撞出灵感的火花。在这个阶段,使用带有头脑风暴功能的工具最适合不过。这个阶段推荐使用 XMind 来快速记录、整理和分享会议成果给他人。

△ 利用 XMind 辅助头脑风暴会议

我喜欢 XMind 的地方:

1. 分组记录头脑风暴要点

2. 全屏演示模式

3. 方便地将成果分享给团队其他人

执行团队评估会议:Invision

光有一堆创意和想法是不够的。每周一,执行团队会对公司内部产品开发进展进行效用评估。通过研究每个小的步骤来保证团队朝着最终的目标前进。另外,苹果不会一次性评估多款产品或项目。一般一个会议只会集中在少数几个产品上,这也保证了产品评估的质量。这个阶段虽然重点已在开发和进展上,但团队还是会不断地挖掘其他潜在的可能。所以保持创造性的想法和团队的沟通协作也很重要。在这个阶段推荐 Invision 作为团队协作工具。

△ 利用 Invision 实现团队评估协作

我喜欢 Invision 的地方:

1. 在线直接制作原型共享给他人;

2. 可以通过 Photoshop 直接分享

3. 允许多人在设计里具体某个位置添加评论

产品测试和包装

产品的 Beta 版做好之后,EPM 和 GSM 会把产品带回库比蒂诺交给高层进行评估和反馈。但如果公司希望获得用户层面的反馈,那么我推荐这个网站 https://betterdesign.io/。这个网站让公司可以把有争议的一些设计细节放在上面,让用户票选出他们认为更好的选择。

苹果的设计流程值得学习的地方在于,整个流程步骤非常直接、省去了无谓的步骤。而利用这些高效工具,可以让你事半功倍,更好地专注于工作本身。