省時高效!蘋果官方的設計流程和實用工具推薦

省時高效!蘋果官方的設計流程和實用工具推薦

你是不是也一直好奇,蘋果是怎樣設計一款產品的?其實,僅有創意是遠遠不夠的,創意必須付諸實踐才能成就一款產品。

蘋果公司一直以其先進的設計理念和獨特的創新精神而領先於市場。相信每個有追求的公司都希望可以像蘋果一樣做出設計精湛,富有創新精神的產品。你是不是也一直好奇,蘋果是怎樣設計一款產品的?其實,僅有創意是遠遠不夠的,創意必須付諸實踐才能成就一款產品。蘋果首席設計師,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/ 。這個網站讓公司可以把有爭議的一些設計細節放在上面,讓用戶票選出他們認為更好的選擇。
蘋果的設計流程值得學習的地方在於,整個流程步驟非常直接、省去了無謂的步驟。而利用這些高效工具,可以讓你事半功倍,更好地專註于工作本身。
 
本文地址: http://www.uisdc.com/apple-design-flow-tools

Category

GogoShark 給你最好的網頁設計

無論您的事業才剛起步、漸上軌道,或計劃向大中華區拓展市場,GogoShark 團隊將提供全方位的服務,為您量身打造數位品牌形象。