蘋果官方的設(shè)計(jì)流程和實(shí)用工具推薦，省時(shí)高效

蘋果公司一直以其先進(jìn)的設(shè)計(jì)理念和獨(dú)特的創(chuàng)新精神而領(lǐng)先于市場(chǎng)。相信每個(gè)有追求的公司都希望可以像蘋果一樣做出設(shè)計(jì)精湛，富有創(chuàng)新精神的產(chǎn)品。你是不是也一直好奇，蘋果是怎樣設(shè)計(jì)一款產(chǎn)品的？其實(shí)，僅有創(chuàng)意是遠(yuǎn)遠(yuǎn)不夠的，創(chuàng)意必須付諸實(shí)踐才能成就一款產(chǎn)品。蘋果首席設(shè)計(jì)師，Jonathan Ive 在與紐約時(shí)報(bào)的訪談過(guò)程中，揭露了蘋果有意思的設(shè)計(jì)流程。對(duì)于不同的流程階段，我也會(huì)推薦一些實(shí)用的工具幫助大家更好地把想法付諸實(shí)踐。

 

△  蘋果首席設(shè)計(jì)官 Jonathan Ive

 

想法階段：紙筆手繪

這個(gè)階段，主要是高級(jí)管理人員表達(dá)他們對(duì)創(chuàng)造某個(gè)新產(chǎn)品的興趣，以及討論一些基礎(chǔ)信息。這個(gè)時(shí)候的想法是不成形的，并沒(méi)有什么完整的或是視覺(jué)概念。所以這個(gè)階段建議多討論，采用紙筆記錄想法，或是快速手繪概念。

 

 

△  手繪的重點(diǎn)在于快速表達(dá)想法，而不要糾結(jié)于細(xì)節(jié)和美觀

 

 

產(chǎn)品啟動(dòng)

一旦產(chǎn)品被定義好之后，就會(huì)有一個(gè)內(nèi)部設(shè)計(jì)小組獨(dú)立出來(lái)負(fù)責(zé)新產(chǎn)品的開(kāi)發(fā)。不僅如此，這個(gè)新啟動(dòng)的小組還會(huì)從常規(guī)的辦公室分離開(kāi)來(lái)（有時(shí)還可能整棟樓的一部分都分給這個(gè)小組），從而方便該內(nèi)部小組的工作。這個(gè)過(guò)程可以讓產(chǎn)品團(tuán)隊(duì)從公司常規(guī)架構(gòu)獨(dú)立，從而專注于新產(chǎn)品開(kāi)發(fā)流程。

 

原型設(shè)計(jì)階段：Sketch + Principle / Flinto

 

高保真原型（pixel-perfect mockups）

這個(gè)過(guò)程需要花費(fèi)大量的時(shí)間和精力。蘋果（前）高級(jí)工程師Michael Lopp說(shuō)，這個(gè)過(guò)程就是要去除所有含糊不定的地方。所以雖然前期會(huì)耗費(fèi)大量的時(shí)間，但減少了在后期糾錯(cuò)和改正的時(shí)間。對(duì)于設(shè)計(jì)師來(lái)說(shuō)，這個(gè)階段還是推薦用 Sketch 來(lái)進(jìn)行高保真原型繪制。配合 Principle 或是 Flinto 使用來(lái)加強(qiáng)交互動(dòng)效設(shè)計(jì)。

 

 

△  利用 Sketch 方便地制作原型

 

我喜歡 Sketch 的地方：

1. 操作簡(jiǎn)單、易于理解的界面

2. 一個(gè)項(xiàng)目文檔里面可以導(dǎo)出多頁(yè)

3. 可獨(dú)立導(dǎo)出多個(gè)圖標(biāo)或元素

10 到 3 到 1（10 to 3 to 1）

10 到 3 到 1 的意思是，對(duì)于任何一項(xiàng)新設(shè)計(jì)，蘋果的設(shè)計(jì)師們都要拿出10個(gè)完全不同的模擬方案。并且，不能是「其中有 7 個(gè)是為了讓剩下的 3 個(gè)看起來(lái)不錯(cuò)」，而是希望讓設(shè)計(jì)師們放開(kāi)限制大膽設(shè)想。然后他們會(huì)從中挑選 3 個(gè)，花一段時(shí)間研究這 3 個(gè)方案，最終確定一個(gè)最優(yōu)秀的方案。

 

蘋果的新產(chǎn)品進(jìn)展文檔（ANPP）：Dropbox Paper

一旦設(shè)計(jì)原型方案選定，并且公司也同意進(jìn)行開(kāi)發(fā)，就需要開(kāi)始制作蘋果新產(chǎn)品進(jìn)展文檔（ANPP）。ANPP是一份描述產(chǎn)品進(jìn)展細(xì)節(jié)和開(kāi)發(fā)階段的文檔，一般由產(chǎn)品技術(shù)總監(jiān)（EPM）和全球供應(yīng)鏈經(jīng)理（GSM）共同負(fù)責(zé)。但每個(gè)階段誰(shuí)做什么都會(huì)有詳細(xì)的文檔記錄。這個(gè)文檔可以由在線文檔協(xié)作工具，如 Dropbox 來(lái)完成。此外，對(duì)于 ANPP 里面提到的 mapping the stage details 也可以通過(guò)流程圖的形式展現(xiàn)。一些思維導(dǎo)圖軟件，如 XMind 就可以做到這點(diǎn)。

 

△  利用 Dropbox 實(shí)現(xiàn)文檔共享和編輯

 

△  利用 XMind 做流程圖

 

每周兩次例會(huì)

頭腦風(fēng)暴會(huì)議：XMind

每周，設(shè)計(jì)團(tuán)隊(duì)和開(kāi)發(fā)團(tuán)隊(duì)之間會(huì)舉行一次頭腦風(fēng)暴會(huì)議。這個(gè)會(huì)議的重點(diǎn)在于優(yōu)化設(shè)計(jì)。每個(gè)人都可以無(wú)條件限制地大膽提出自己的想法，甚至可以「go crazy」,從而碰撞出靈感的火花。在這個(gè)階段，使用帶有頭腦風(fēng)暴功能的工具最適合不過(guò)。這個(gè)階段推薦使用 XMind 來(lái)快速記錄、整理和分享會(huì)議成果給他人。

 

△  利用 XMind 輔助頭腦風(fēng)暴會(huì)議

我喜歡 XMind 的地方：

1. 分組記錄頭腦風(fēng)暴要點(diǎn)

2. 全屏演示模式

3. 方便地將成果分享給團(tuán)隊(duì)其他人

 

 

執(zhí)行團(tuán)隊(duì)評(píng)估會(huì)議：Invision

光有一堆創(chuàng)意和想法是不夠的。每周一，執(zhí)行團(tuán)隊(duì)會(huì)對(duì)公司內(nèi)部產(chǎn)品開(kāi)發(fā)進(jìn)展進(jìn)行效用評(píng)估。通過(guò)研究每個(gè)小的步驟來(lái)保證團(tuán)隊(duì)朝著最終的目標(biāo)前進(jìn)。另外，蘋果不會(huì)一次性評(píng)估多款產(chǎn)品或項(xiàng)目。一般一個(gè)會(huì)議只會(huì)集中在少數(shù)幾個(gè)產(chǎn)品上，這也保證了產(chǎn)品評(píng)估的質(zhì)量。這個(gè)階段雖然重點(diǎn)已在開(kāi)發(fā)和進(jìn)展上，但團(tuán)隊(duì)還是會(huì)不斷地挖掘其他潛在的可能。所以保持創(chuàng)造性的想法和團(tuán)隊(duì)的溝通協(xié)作也很重要。在這個(gè)階段推薦 Invision 作為團(tuán)隊(duì)協(xié)作工具。

 

 

△  利用 Invision 實(shí)現(xiàn)團(tuán)隊(duì)評(píng)估協(xié)作

我喜歡 Invision 的地方：

1. 在線直接制作原型共享給他人；

2. 可以通過(guò)Photoshop直接分享

3.允許多人在設(shè)計(jì)里具體某個(gè)位置添加評(píng)論

 

產(chǎn)品測(cè)試和包裝

產(chǎn)品的Beta版做好之后，EPM 和 GSM 會(huì)把產(chǎn)品帶回庫(kù)比蒂諾交給高層進(jìn)行評(píng)估和反饋。但如果公司希望獲得用戶層面的反饋，那么我推薦這個(gè)網(wǎng)站 https://betterdesign.io/。這個(gè)網(wǎng)站讓公司可以把有爭(zhēng)議的一些設(shè)計(jì)細(xì)節(jié)放在上面，讓用戶票選出他們認(rèn)為更好的選擇。

蘋果的設(shè)計(jì)流程值得學(xué)習(xí)的地方在于，整個(gè)流程步驟非常直接、省去了無(wú)謂的步驟。而利用這些高效工具，可以讓你事半功倍，更好地專注于工作本身。