線框圖
Wireframes
一、定義：
線框圖是一種低保真且靜態的呈現方式，設計師通常使用紙筆來表達自己的想法。只要能明確表達內容大綱，資訊結構，佈局，用戶介面的視覺以及交互行為描述即可。線框圖是指軟體或者網站設計過程中非常重要的一個環節，是產品設計的低保真呈現方式。
二、使用時機：
非正式場合，用於團隊內部的討論。
1、需要呈現主體資訊群時
2、需要勾勒出結構和佈局時
3、表達專案說明
三、執行方法：
1、快速地畫出多個不同的佈局方案
2、放置在一起進行比較
3、扔掉不合適的部分
四、案例：
* 客戶——可以更好地瞭解軟體將會是什麼樣子，並能夠判斷當前的方案是否滿足他們的需求。線上框圖中，客戶可以看到缺少了哪些介面元素、可以進行什麼樣的操作，以及各界面元素是如何組織在一起的。在給客戶展示線框圖時，我們經常可以發現那些重要的但之前並沒有被考慮到的方面。 線上框圖階段解決問題比在開發後期解決問題要簡單得多，也要便宜得多。
* 專案經理——專案經理可以使用線框圖來保證各利益方達成共識。在專案開發的過程中，專案經理也可以用線框圖來跟蹤進度，並且保證軟體的重要功能都已經被考慮到並且實現了。
* 設計者——可以將線框圖當做用戶介面設計的藍圖。線框圖包含了介面的框架性結構，設計者可以在此基礎之上進行顏色、字體等設計。
* 開發者——通過線框圖來瞭解軟體功能和技術需求。將多個線框圖放在一起研究，開發者便可以決定出多個用戶交互過程是如何協同起來工作的。
參考資料：