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

2017/05/19 6685

苹果公司一直以其先进的设计理念和独特的创新精神而领先于市场。相信每个有追求的公司都希望可以像苹果一样做出设计精湛,富有创新精神的产品。你是不是也一直好奇,苹果是怎样设计一款产品的?其实,仅有创意是远远不够的,创意必须付诸实践才能成就一款产品。苹果首席设计师,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://www.uisdc.com/full-ui-design-process
  2. 品牌设计丨http://www.uisdc.com/complete-design-work-flow
  3. 交互设计丨http://www.uisdc.com/complete-interactive-design-workflow
  4. 图标设计丨http://www.uisdc.com/icon-design-flow-skills
  5. UED 团队设计丨http://www.uisdc.com/china-ued-teams-workflow



【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

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

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/apple-design-flow-tools

界面设计 HTML5 素材 交互设计师 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 扁平化设计 设计规范 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里