省时高效!苹果官方的设计流程和实用工具推荐 - 网页设计 - yinxi.net
author:一佰互联 2019-04-11   click:150

苹果公司一直以其先进的设计理念和独特的创新精神而领先于市场。相信每个有追求的公司都希望可以像苹果一样做出设计精湛,富有创新精神的产品。你是不是也一直好奇,苹果是怎样设计一款产品的?其实,仅有创意是远远不够的,创意必须付诸实践才能成就一款产品。苹果首席设计师,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/。这个网站让公司可以把有争议的一些设计细节放在上面,让用户票选出他们认为更好的选择。

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

「完整的设计流程合集」

  1. UI 设计丨http://yinxi.net/full-ui-design-process
  2. 品牌设计丨http://yinxi.net/complete-design-work-flow
  3. 交互设计丨http://yinxi.net/complete-interactive-design-workflow
  4. 图标设计丨http://yinxi.net/icon-design-flow-skills
  5. UED 团队设计丨http://yinxi.net/china-ued-teams-workflow

【网页设计 原创文章 投稿邮箱:yuanhttp://www.yinxi.net/】

================关于网页设计================“网页设计uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。【特色推荐】设计师需要读的100本书:史上最全的设计师图书导航:http://www.yinxi.net//book/。设计微博:拥有粉丝量200万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。设计导航:全球顶尖设计网站推荐,设计师必备导航:http://www.yinxi.net/

巅云大课堂