親身經歷無數互聯網產品設計，分享背后的方法論 

　　最近跟大家分享了一些文章，包括產品設計、競品分析、用戶研究。然而設計的最關鍵環節也是設計的神奇之處，就在于對信息的加工重組，并從中發現創新的可能性。

　　對已有信息的加工就是概念設計要做的事情。我們先來了解一下概念設計的定義“概念設計是由分析用戶需求到生成概念產品的一系列有序的、可組織的、有目標的設計活動，它表現為一個由粗到精、由模糊到清晰、由抽象到具體的不斷進化的過程 ”。

　　所以“概念設計”首先要有明確的設計目的，然后為了達到設計目的，進行有序，有組織，有目標的設計活動，這樣的過程就叫做概念設計。我主要跟大家介紹我們最常用的2種主要概念設計方法：頭腦風暴法和故事板。

　　其實頭腦風暴是“當一群人圍繞一個特定的興趣領域產生新觀點的時候，這種情境就叫做頭腦風暴”，而目的是“為了尋求某一個問題的解決方案，集合不同角色進行全面思考，互相靈感激發，最終在較短的時間內尋找到更多優質到解決方案。”

　　頭腦風暴首先大家需要了解最主要的三個元素。第一，角色。一般多少人進行最好呢，5-10人，人多會打架，也拖慢進度，對于思考的節奏不好。第二，頭腦風暴需要提前進行準備，按照一定的流程來進行，要求主持人和參與人對于頭腦風暴需要達成的目的要有清晰的認識。第三呢，還有不否定、多鼓勵、數量產生質量、歡迎奇思妙想等很多的原則需要考慮。

　　一個主持人加5個左右的參與人最佳。大家進行一輪或者多輪的腦力激蕩。

　　主持人控制每個人的發言時間，進行記錄和統計，同時不能帶入過多的感情色彩。鼓勵大家進行多創造。參與人需要做好提前的功課準備，打開腦洞，積極貢獻創意，積極鼓勵伙伴，并且能夠在別人的創意上繼續拓展發揮。

　　我們再來看看流程，整個頭腦風暴時間控制在1個小時內為佳。其中準備階段：時間可以為10分鐘，放松頭腦，然后大家統一課題，瀏覽一些相關資料，激發潛意識，先不進行任何的記錄，不要動筆，為大家準備好足夠的A4紙和各種筆。思考和描述階段：各自在A4紙張上寫出或者畫出方案，或者也可以拍照截屏等方法進行自己方案等說明（例如文字，手繪，拍照，甚至表演等形式不限），只能能闡述明白自己的創意，時間為20分鐘，每個人需要產出3－5個方案，數量越多越好。

　　陳述創意階段：每個人進行自己方案等闡述，其它人不能進行批判，可以進行建議和鼓勵，主持人總結創意后進行記錄，或者將方案直接貼在墻上。記錄和評估：每個人的方案進行陳述后，將大家的方案貼滿墻，每個人拿3個便簽進行投票，選出得票最高的3組方案。然后通過各個維度對投票Top3點方案進行更細致的評估。這樣整個流程完成。

　　最后我們再次強調一下鼓勵原則。鼓勵天馬行空，鼓勵奇思妙想，鼓勵數量多多，不批評，不能否定，這是我們的原則。

　　下面讓我們來看一個案例。這個是百度國際化APP進行改版的一個項目。它這次改版的目的是為了優化視覺風格，而使用頭腦風暴主要集合設計師的群體力量，去找到更合適的元素進行詳細的優化。

　　它的整體過程也是嚴格按照頭腦風暴的各個流程進行創意的搜集，陳述，投票和方案創造。大家看到左邊的這個圖，就是它根據需要優化的各個部分，色彩，圖形，布局，材質等等，大家進行相應元素的搜集和投票。

　　首先我們來看看原始界面，色彩，圖形，材質等元素是采用比較陳舊的風格。

　　這次優化的目的是想要重新定義視覺風格，所以通過簡單討論和研究，確定視覺風格探索的關鍵詞：快速，簡單，科技。

　　下來大家就會進行相關資料的搜集和儲備，并進行方案的構思。大家用文案的方式將設計方案和關鍵詞寫在小便簽上，貼在墻上，而后大家投票得出票數最高的關鍵詞進行方案創造。

　　這個案例采用高保真的方案，其實一般我們在這個階段只需要簡單的草圖方案即可。將Top3方案進行某些維度點評估，讓大家知道Top3方案各自的優勢究竟都在哪。大家也可以再對Top3方案進行再融合。

　　當我們使用頭腦風暴法的時候，我們的idea已經產生，但為了更好的讓別人體會idea的巧妙，以及帶入到實際環境中進行提前的試驗，我們將進一步進行細化，從粗糙到精細，從假想到實際的一種運用。就是我們接下來要說的“故事板情景表達！”

　　故事板的方法，也叫故事板情景預言法，就是將所要開發的產品置于一定的人、時、地、事和物中進行觀察、預測、想象和情景分析，其形式是以故事版的形式表達展示給人們。在整個故事板的表達中，人，時，地，事，物的表達是關鍵，總結起來就是先要明確產品的特色是什么，什么樣的人會來使用，在什么環境下，什么時間來使用，使用時的界面要素是什么，人使用后會有什么樣的情緒反饋和結果達成。

　　首先是產品描述，需要有一頁圖來進行產品特色描述，為誰設計，達到什么樣的效果。比如，xx遛狗產品，可以提供小區遛狗地圖展示，可以讓遛狗的人集合，避開惡犬等等～

　　其次是目標人群的典型場景描述，需要簡單說明人群的年齡，性別，職業，習慣，愛好等特點。

　　最后需要結合場景和界面描述，表達出產品的使用方式，界面主要元素和交互操作方式。比如，xx具有好友邀請，一起游戲，多人視頻，商場送禮等功能，一頁表達一個使用場景，讓別人看到設計草圖已經明白產品特色并且被深深吸引。

　　以上就是我們在產品設計初期常用的頭腦風暴和簡單的表現方式，您使用的很多百度產品第一步從無到有都是這樣設計的，希望這些方法能給您一些啟示和幫助。

　　作者簡介：

　　劉超 畢業于清華大學美術學院，2011年加入百度，先后擔任百度用戶體驗部總監、百度U序列主席、百度UE講堂校長、百度啟程大學生畢業展策劃人；

　　曾任宇龍酷派用戶體驗部總監／中國移動研究院UI負責人／諾基亞圖形UI設計負責人／HCI International 理事。

　　代表作品：

　　2011-2016年百度產品從PC到手機APP的UI設計，其中包括多款用戶過億產品。百度貼吧、百度地圖、百度知道、百度百科、百度文庫、百度閱讀、百度視頻、百度傳課、hao123、百度魔圖等。

　　百度熊和百度熊孩子家族，獲得千萬級粉絲認可，成為互聯網知名IP。

　　創建百度UE講堂，分享知識給數十萬UI設計愛好者。

　　早期UI設計作品 三星I98008/Moto 810/ NOKIA 2600/3180/NOKIA S40平臺/酷派大觀系列／聯想幸福之家等。