臺歷知識
行業動態
熱點新聞
+ 概念設計和設計師的綜合思考
上面是我曾經在一個演講中提到過的一張圖，大致可以這么描述：
在做任何產品設計之前我們必須要考慮這三個要素：用戶、技術、品牌。
了解用戶是產品的基礎。只有你的產品是用戶需要的對用戶有價值的，才有可能走向一個成功的產品；（我們身邊有太多的產品因為沒有用戶需求而走向消亡）
明白現在有什么樣的技術基礎很重要，不能實現的設計往往可能不會產生真正的價值；
（目前人機工程領域也可以分兩類：提供交互和設計交互，可稱為”技術”、”設計”兩類。技術的那一部分人大致就是在研究如何有更好的技術作為體驗基礎，如”芯片”的性能如何提高；設計的那部分人在研究如何在技術之上設計有更好的體驗。可以設想一下，如果在DOS時代MS就設計出來了現在的VISTA，那么這個設計的價值不會得到好的體現，因為那個時候”體驗支持”還遠遠做不到。）
對于一個企業來說，所有的這些都需要服從一個整體的約束：這樣的產品設計是否符合整個品牌的文化和氣質，是否在品牌戰略中存在真正的意義。
如果一個設計師只陷入”用戶需要什么”中，那么他的設計往往不是完整的；如何一個開發者只限于我能提供什么樣的技術支持，那么他的能力也是不完整的；
不管是設計師還是產品設計團隊中的任何一員，我們必須了解所有的這些綜合狀況。
很多現象顯示”往往一個設計師在只知道’設計’的情況下完成工作，之后自己都不明白自己設計的產品是什么樣的概念，為什么那樣設計”，那么我們可以肯定的說”99.9%這個設計是沒有靈魂的，壓根就是不合理的，或者其實可以更好”。
所以，我們無數次的在討論中得到同樣一個結論：”設計師一定需要具備綜合的知識和綜合的思考能力”，
在工作中管理者也在不斷的要求設計師們要去”主動思考”和”綜合考慮”。
“合格的設計師不只是能把一個產品做的很漂亮，在整個產品團隊中他們還有著一個無法比擬的能力：-模擬未來發展的事情“。
在產品設計之初，設計師”模擬未來”的能力就會很好的通過概念設計來體現。
概念設計是我在學習UE時 第一個感覺自己對UE有所認識的課程，
現在還清楚的記得老師講概念設計時第一句話的大致內容：”大家都知道了解用戶和環境是我們做任何產品設計的基礎，接下來我需要大家明白：概念設計是我們做任何產品設計的第一步。”
它就和你要寫一篇文章之前一定要先想一下怎么寫、大致提綱和內容是什么，在畫一個肖像之前一定需要先確定大致的輪廓和基本比例、透視一樣。
無論你是否著重做了這一階段的工作，無論你在這一階段是否有正式的工作產出物，但你一定做過這一階段的工作也一定有產出物…
概念設計因為目的不同可以有很多種不同的方式和做法。
比如，一些超現實的概念產品越來越多的出現在人們面前，汽車、數碼產品、工業設計等等數不勝數。
(設計創新已經在產品競爭中越來越體現價值，甚至在某些品牌鐘超越了技術創新和模式的創新，如”APPLE“)；
再比如，很多設計師在真正動手設計之前會用繪制”概念圖”的方式圍繞著用戶使用過程去模擬產品的設計及大的使用流程；
這種方式可以很好的促進和幫助團隊之間的溝通，也可以讓大家對于產品設計過程中的工作和難度達到更好的準確評估，同時還能讓老板對于該產品給品牌帶來的價值有更加深入的 認識做出更加有力的決策。
（我的老大郭宇曾提過，他的導師在不同的設計學校只教概念圖這一門課，而且給學生布置同一個作業，即制作一張概念圖來教會一個對棒球毫無所知的成年人如何打棒球，這里有作品展示)；
還比如，往往設計師會通過一些形象的表現方式繪制一些特殊的概念圖，更加形象且有效的來說明整個產品的思路已經發展方向(不同角色之間的關系、不同功能點的關系、甚至可能是銷售或盈利模式的串聯等)。
這種方式可以更好的統一所有團隊成員對于產品的整體認識而且成本很低，但起到的作用卻非常大。
例子：去年我在Flickr上面發現一個朋友，他好像是搞自然資源保護工作的，他的Flickr上面公布了很多他的概念圖作品。這些作品都非常有趣，畫法不拘一格，但表達的卻非常形象準確。
我每次在說到概念圖設計的時候就會有同樣一句話：表達產品整體概念的概念圖用什么工具畫什么風格畫都可以，只需要你形象可以有效的表達產品思路即可；我在Flickr上面發現一個搞自然資源的人，他的概念圖是我目前最欣賞的概念圖。
那么，概念設計是不是只在產品設計之初才會有作用呢？概念設計是不是只能在從無到有的開始階段夸夸其談呢？
答案當然是否定的。很顯然，概念設計的作用不僅僅只是在產品設計之初，而且概念設計也不完全是虛擬的。
正如Angela在本期文章中的比喻：”畫畫時一樣，你需要時不時地從細節中抽身出來，退后幾步瞇起眼睛看看整個畫面的樣子”，其實在產品設計之初畫概念圖可以讓整個團隊在整個產品設計過程中不斷的統一和調整思路；
同時，在現有產品的改善中概念設計的作用一樣非常重要。
比如：你可以在你的網站改版時，首先把現有網站的情況通過一張完整的概念圖整理出來，讓大家更加清楚什么地方需要改進、有多少需要改進等等，然后再把改版之后的規劃通過概念圖的方式再次呈現出來，做到很好的規劃和對比…
通常大家都會認為設計師是一群關注細節的人，但事實上，設計師不僅要關注細節，還需要考慮整體，就象畫畫時一樣，你需要時不時地從細節中抽身出來，退后幾步瞇起眼睛看看整個畫面的樣子。
那么對于從事產品的設計師來說，在進入具體內容之前（不管是視覺、交互還是功能），最好能對整個產品的概況有所把握。那么，我們用什么方式來得到產品的整體印象呢？
在以往的項目中，我有時會根據用戶操作的路徑給自己畫一張流程圖，其中包括用戶從哪兒進入，從哪兒離開，中間如何走到各個功能上去⋯⋯看上去與程序員畫的流程圖很相似，但我的關注點不是底層的邏輯，而是用戶與界面的交互過程。
如果把產品比喻成一座城市的話，這幅圖對我而言就像是城市的導游圖。它首先能幫助我理解這個城市里有什么建筑，也就是這個產品的主要功能是什么；其次，它能模擬人們在城市里行走的主要路徑，即理想狀態下用戶會如何使用這個產品；最后，它還能告訴我銀行大廈和保險大廈的關系，即產品功能之間的關系。
為什么要畫？
從這幅圖能產生的三種作用（理解產品目的、模擬使用路徑、了解功能關系）來講，團隊里的每一個人都需要它。從工作范圍來講，我們更需要的是第二種。作為界面設計師（我知道，大多數公司分工都不是很明確，所以只好模糊地稱為UI），我們應該掌握用戶在城市里通常是怎么行動的，他們有可能在什么地方迷路，有沒有繞遠路，有沒有不通車的路⋯⋯以及如何標識兩條不同的路，十字路口要怎么標識方向，不同的建筑物要如何區別⋯⋯等等，因為在屏幕上，用戶所有的方向全部來自你的指引——不象在現實生活中，沒有指南針還可以看星星什么的——所以設計師的一點點疏漏，就會讓用戶搞不清楚身在何處。
由于關注點不一樣，所以我們不能依賴程序員或產品經理的地圖。如果你需要從銀行開具財產證明去國外留學，那么程序員關心的是你的錢夠不夠申請留學，產品經理則關心的是銀行要用什么方法來評估你的財產，而我們則要關心你有沒有帶齊所有的資料，免得你跑冤枉路。
怎么畫？
前面已經提到了一點。首先我會確定用戶從哪兒進入，從哪兒離開，這通常就是這個產品本身，比如某個系統的登錄界面和退出界面。然后遵循從整體到局部的基本原則，在兩者之間把最大的功能模塊都放進去，就像把城市劃成CBD和金融街一樣。接著集中精力攻克其中一個功能（比如銀行大廈），如果它的子功能與其它街區有聯系的話，先連接過去，但暫不考慮它們之間的關系（比如銀行開具財產證明，然后你才可以去辦出國手續，那就先劃一條線到海關去）。功能模塊內部的交互過程都完成以后，再來考慮模塊之間的交互關系。經過這樣一點點地增加模塊和線條，最后這幅圖就會從剛開始的兩個點，變成一幅規模宏大的地圖。這，就是我們想要的全局。
用什么畫？
最好的工具？當然是紙和筆。相信我，不管你用多么簡單的軟件，都不可避免地會涉及到操作的問題。這個方塊怎樣才能往右移一點點？怎樣才能畫一個箭頭？在考慮這些的時候，你就已經被這些手工的問題分掉了一些注意力。哪怕你是使用這個軟件的高手，你肯定也有鼠標選不中某條細線的時候，更何況你的電腦時不時的還要休息一會兒。如果你曾經做過視覺設計，你更是下意識地想把某條線和某個方塊對齊，或擺成一條線什么的（親身經歷啊！）。總之，只要你面對屏幕，總會有這樣那樣的干擾來讓你無法集中注意力去考慮眼下這件事，所以最好的辦法就是：遠離電腦。
紙和筆可以用來畫一些簡單的流程，如果你的城市很大，那么我建議你準備以下幾樣東西：整面墻的大白板、即時貼、白板筆、相機。
你知道要怎么做了？白板就是整個產品，黃色的即時貼是每一個最小單位的功能。首先在白板上畫幾個框，也就是最重要的功能模塊，比如注冊或管理，有幾個主要功能模塊就畫幾個。接著在左右兩端確定入口和出口。在即時貼上寫子功能模塊的名字，貼到相應的主模塊中。然后開始工作，比如注冊成功進入管理模塊，就用白板筆把它們連起來，在線上標明它們之間的關系。盡量把所有相關的即時貼都連接起來，檢查是否有重復的、不通暢的（有進沒出的）、多余的線，如果即時貼的位置不合適的可以扯下來重新貼。如果可能的話，不同的功能區使用不同顏色的白板筆，這樣能看得更清楚。
最后用相機把整個白板拍下來。那張照片，就是我們的全局圖。如果你需要向領導匯報或與同事分享，這個時候可以回到電腦旁邊，根據照片來做一幅圖，你想要多規整多漂亮都可以。這樣的話，我們才能做到思考的時候不被分心，創作的時候也可以全神貫注。
一些建議：
不要因為時間來不及就偷懶，事前準備充分以免事后補救，其實后一種情況會讓你花掉更多的時間和浪費更多的工作。不要因為畫不好而放棄，如果你不試，你永遠不知道自己能做到多好。不要考慮太多細節和邏輯關系，在畫地圖期間，我們關注的是線路而不是功能或需求。
先闡述自己對產品“概念設計”的理解:
主要對象有功能、邏輯兩大部分。介于“需求分析”和“具體設計”之間的流程。由感性到理性的發散過程。
重要性
實踐表明，一旦概念設計被確定，產品設計的60％到70％也就被確定了。然而，概念設計階段所花費的成本，在總的開發成本和設計周
期中所占比例通常都在20％以下，也就是說概念設計是產品開發的低成本端。（杠桿最大省力點@陳亞華博士）
如何進行？
通過抽象、概括、歸納等方法將已有的創意需求進行分類，并找出其中的內在關聯。應該從江湖局勢、形式方向、民族地域、歷史人文
的角度去演繹，而不應該過分深入到用戶角色，技術可行性、交互流程中。
元素，提出核心功能點。
關系，根據用戶自然需求放大。
集合，進行產品定位。
如何呈現？
不止一次聽設計師提到畫概念圖最好的方式是紙和筆，我認為如此最大的好處是保留隨意性，能夠得以全身心投入發揮，用軟件處理最
終概念圖比較妥當，畢竟在公司還需要給高層匯報和整理歸檔。
手繪，在紙、玻璃板或黑板上隨意發揮。圖1
拍照，對討論后的理解和回味，可以達到事半功倍的效果。圖1
打印，軟件處理的最終版本。圖2
另外想到的
屬于“信息架構”的組成部分，都需要廣泛了解商業意圖和用戶需求。
和“產品創新”有直接關系，是另外一個課題，網上已有不少類似的好文章。
上一篇: 室內色彩設計的基本要求和方法下一篇: 現代與傳統沒有邊界