TeamCola資訊結構:互連網產品前期設計方法

文章描述：通過TeamCola淺談互連網產品前期設計方法.

當下大大小小層出不窮的互連網產品如同一場令人眼花繚亂的星球大戰，普通使用者會被死星、聯盟戰艦和絕地武士們手中的光劍所吸引，而設計師們則會去關注這些龐大或精巧的武器如何被製造出來。

是的，隨著以使用者為中心的設計（UCD）和使用者體驗設計（UED）概念的深入人心，互連網產品設計的方法和流程已被重新定義而且大同小異，即便是剛入門的麻瓜也能一本正經地告訴你一個正確的產品設計流程需要經過低傳真原型、視覺設計、互動設計、高保真設計……等階段。

彩程設計使用者體驗設計流程

產品經理不是巫師，拿腦袋當水晶球拍拍，就能精確地規划出每個介面和介面上的控制項，而是通過一定的方法和工具，把邏輯思維逐步收縮，並落實紙面。低傳真原型通常並非一個設計真正的起點，就好像一個完整而令人激動的星球大戰故事還會有它的前傳。

TeamCola是我們針對小團隊開發的一款團隊日誌產品，通過讓團隊內部工作透明從而方便管理、增進信任和提高效率。想通過這款產品，來談談我們設計前期所使用的一些工具和方法。

軟體設計，以人為本。產品設計前，對產品本身的典型使用人群需要個大致定位，如果不太明確，建議提前進行一些調研、走訪並製作一份角色分析表，共同討論和分析是什麼類型的使用者，會出於什麼動機，在什麼情境下，使用到軟體的什麼功能。關於使用者研究，有很多成熟的理論與方法，不在此贅述。

產品的雛形或者說全貌，通常會先出現產品經理的腦海中，如果這個產品經理就是個單幹戶，那麼他馬上就可以做設計寫代碼或者同時搞了，但更多的情況是產品經理是團隊的一員，需要跟團隊的成員溝通，告訴他們自己想做的是個什麼東西。當然，某些既不是普通產品又不是文藝產品經理的產品經理不在討論之列。

在彩程，產品經理需要通過一張圖來向團隊成員來闡述這個產品的內在邏輯，用什麼方式或軟體來繪製不重要。這張圖可以是紙面的草圖，也可以經過精心的繪製，這樣的圖，我們稱之為資訊結構圖。

Teamcola資訊結構早期討論稿

一個普通使用者眼中的TeamCola資訊結構

一個產品經理眼中的TeamCola資訊結構

在這個階段，產品經理著重需要考慮的是系統的核心功能和資訊流向。這樣一張資訊結構圖，對於資訊邏輯的梳理非常有協助，也方便向團隊其他成員展示和闡述。

接下來，產品經理會開始繪製頁面路徑圖和角色任務圖，頁面路徑圖會大致規劃產品大概會有哪些頁面，相互間的連結關係如何。然後將典型角色的典型任務列出，看看完成這些任務需要經過多少個網頁，路徑是否過長，是否有走不通的斷頭路等情況。

頁面路徑圖討論稿

[1] [2]  下一頁