很多時候，領導要求你高效的工作 ，且有些領導認為：語言傳達可以使溝通更高效，沒有必要花費時間去做文檔。我只贊同“使溝通更高效”的想法，當然不能只為了做文檔而做文檔，但是溝通需要一個平臺，我們需要基于某一個“東西”進行溝通。由于語言表達的極限、理解的差異化，對于同一個“東西”的講解，不同的人在腦海中會形成不同的“樣子”。

在軟件產品設計中，我們通常會針對“用戶定位、產品定位、發展方向（需要考慮可擴展性)、交互方式、視覺風格”等基本問題進行溝通，或者要把想法和成果讓領導給予確認。在實際操作中，我們已經把各項工作分成了很多層面，這里我們要談談產品設計在不同層面表現的格式，這里根據自己的經驗分成四個層面，也就是下面的四個大標題。

一、產品的概念層面

1.行業分析，同類產品對比。如果我們想做某一個行業的產品，一般我們會對這個行業先做個分析，會考“慮成本最低優勢、可替代性、差異化、潛在新產品威脅”等戰略問題，同時考慮自己的產品定位，一般會先做一個同行業產品對比分析文檔，建議包括以下內容：

1）產品特點（長處）、價格對比；2）功能對比；3）界面及點評；4） 定位建議。

要表達上面提到的四點，我想做個word文檔就搞定了，前兩點用表格表達，后兩點用文字描述即可。舉個功能對比格式的例圖：

圖1-功能對比表格

2.用戶定位

1）用戶分類；2）角色設計；3）場景描述

這部分的內容都是比較專業的，結構也都是文字描述形式，建議大家參考《贏在用戶》這本書，很系統講了用戶研究這塊。

3.產品名稱及功能

1）產品名稱及視覺識別系統描述

拿土豆網舉例吧，當然，我只是隨便舉例，并未實際分析，實際要比我的舉例復雜的多，也不去考證是否準確。

產品名稱：土豆網。

視覺識別：土豆面具（標志）。

2） 產品規格表，即產品功能詳細列表。

圖2-產品規格表示例

二、產品的結構層面

這個層面要做的事情，通俗的說就是：“如何用界面組織功能”，“界面之間的關系是怎樣的 ”；分解開來就是：“功能組織”、界面組織、邏輯流程圖、用戶使用流程圖（界面流程圖）。

1.用卡片的形式給功能分類，并表達清晰功能的從屬關系。

圖3-卡片式功能結構圖

2.邏輯流程圖

圖4-E-R流程圖，這部分應該有程序設計去做才好 ，但有時候產品設計師也要理清楚這些。

3.界面流程圖

圖5-屏幕流，每個框代表一個界面，當然，你可以把每個框換成實際的界面，看個人喜好了。

4.界面原型圖，如果想表達更清晰一些，可以畫成界面原型流程圖或者干脆做出界面原型。

圖6-無風格的線框圖，可以輔助說明信息。

三、產品的交互細節

這個問題曾令很多交互設計師頭疼，總是不能很細致準確的傳達界面交互，我們試圖畫出很準確的交互圖，但語言表述的準確性和細致性仍然不盡滿意，這里介紹使用偽代碼描述交互，因為偽代碼邏輯近似開發邏輯，便于準確傳達給程序工程師，保證設計細節的控制。但要設計師去設計偽代碼，確實需要點時間去鍛煉一下，此外還要形成一套易讀的偽代碼標準，便于大家在閱讀偽代碼時，保證描述的一致性。

1.用戶交互的表現方法

圖7-交互圖，構成 ：用戶、界面、操作條件及路線。

2.偽代碼的表現方法

1）定義界面元素，形成一套界面元素庫，可以做成一個文檔標準，并整理出各個界面元素的偽代碼寫法，使用時可直接調用即可。

定義界面元素有很多現成的參考，比如Vista的UX Guide，在微軟的官方網站都能找的到。舉個定義Vista普通按鈕的例子：

圖8-圖表說明了是 Command Buttons，并用表格的形式說明了屬性。

2） 舉一個使用偽代碼書寫的簡單例子

圖9-用偽代碼的形式描述一個按鈕

其實沒有啥，正常的描述，只不過用近似代碼的形式描述出來，相必做程序設計的哥們都不陌生。

四、產品的視覺設計層面

在軟件產品中，視覺部分通常被稱之為GUI，在這個層面所要表達的格式沒什么好說的，就是設計圖。但很多時候做出所有界面的圖顯然是不明智之舉，其實界面可以歸納起來，即把所有界面歸類，然后每類做出一張圖即可；界面中的細節變化怎么辦？好辦！把界面布局標注出尺寸規格，并作為標準傳達，剩下的事情是，只要把細節元素、交互視覺做出圖來就行了。至于界面的布局和組織，前面的第二個層面已經很清楚了。

現在拿微軟和蘋果的系統UI指南舉幾個例子：

圖10-蘋果的尺寸標注圖

圖11-Vista的狀態標注圖

小結：

一般視覺設計都有視覺設計師（或者稱GUI設計師）來完成，而概念設計、結構設計、交互細節是有產品設計師（或交互設計師）來完成 。可能有人要問我，那么產品經理做啥呢？產品經理是個管理職務，這里不做贅述，可參考在《協作，而非爭權》中的描述。本篇根據實戰把產品設計分成了四個清晰的層面，并對各層面要產出的文檔格式做了系統的描述，當然不可能很詳盡，但在每個層面都提供了一個簡單的小例子。如果你對這方面有過很多實踐，希望這里能提供一些借鑒，日后有時間會分享每一個層面的設計細節。同時，有更好的表達格式，環境分享、補充。