作為交互設計師，畫線框圖是我們最基礎的工作。邏輯清晰、界面整潔的線框圖不僅是我們專業(yè)素質(zhì)的體現(xiàn)，還能方便下游同事的閱讀理解。本文結合《The User Experience Team of One》一書中的設計方法，根據(jù)自己的一些工作經(jīng)驗給出了10個對畫好線框圖有幫助的常用小技巧。
▊畫線框圖之前先畫草圖
我個人習慣于打開Axure之前，在紙上寫寫設計思路，畫畫設計草圖。草圖可以幫助我快速地探索并記錄各種設計想法，還能讓我盡快就自己的想法與產(chǎn)品人員溝通。因此，除非時間特別緊急或個人對設計的思路已有確定成型的思考，我建議在打開Sketch或Axure之前還是先思考思考，畫畫草圖。草圖不要先從細節(jié)開始，而是應該從最重要的部分開始，將自己想象成用戶，先畫最吸引用戶的界面、狀態(tài)及數(shù)據(jù)等。畫完某個頁面后，盡量強迫自己多畫幾個方案，以便激發(fā)出新的設計靈感。
▊制作設計簡報
設計簡報的作用是，清晰地闡述用戶體驗的愿景和實現(xiàn)方法。簡報需要展示設計的重點、原則、目標人群的需求及特性、產(chǎn)品的核心體驗以及設計成功的關鍵因素等。在繪制線框圖的過程中要經(jīng)?；仡櫤唸螅源_保自己不偏離設計方向。
▊先清晰后美觀
這是畫紙質(zhì)草圖和數(shù)字線框圖都應該遵循的原則。清晰是指別人能夠輕易地看懂，重要的內(nèi)容或操作要有適當注釋。在闡述清楚內(nèi)容和操作流程之后，可以再對稿件進行適當美化以提高閱讀體驗。
▊順序和狀態(tài)
每繪制一個頁面，都應該考慮用戶是如何到達這個頁面的，接下來他要去哪里？是否存在多種到達的路徑？如果存在，每種路徑是否對應不同的頁面狀態(tài)？繪制線框圖時考慮的情況越多，就越能提高產(chǎn)品的使用流暢度。
▊不要糾結細節(jié)
線框圖是產(chǎn)品外觀的基本框架，它展示了系統(tǒng)的完整交互結構。它關注一些基本的要素：屏幕上出現(xiàn)什么樣的信息、以什么方式出現(xiàn)、導航信息如何等。在線框圖的繪制過程中需要經(jīng)常調(diào)整和修改頁面，因此前期在細節(jié)上糾結的越久，越容易影響我們對產(chǎn)品的整體把控。
▊多和上下游交流
高質(zhì)量的線框圖意味著更好地滿足產(chǎn)品要求，要更好地理解產(chǎn)品，就應該多和上下游交流。在繪制線框圖的過程中，如果不能決定內(nèi)容或操作的權重，就應該多和產(chǎn)品人員溝通。如果不清楚某種交互動效是否能夠在當前的產(chǎn)品中實現(xiàn)，就要提前和技術人員溝通。好的想法往往就在不斷的交流碰撞中產(chǎn)生。
▊想想用戶在每一步操作時，心理預期是什么
記得剛進入公司時，我設計的一個頁面右側(cè)有個懸浮框，上面顯示了商家的聯(lián)系方式，用戶可以點擊向右的箭頭將其收起到瀏覽器右邊緣，也可以點擊向左的箭頭將其展開。在我將交互稿交給視覺設計師之后，他將向右的收起箭頭改成了關閉按鈕，并說：“用戶點擊這個按鈕肯定是因為想關閉這個面板，所以你不如直接給他一個關閉按鈕”。我認同了他的說法，并且之后在每添加一步操作時，我都會提醒自己，想想用戶在進行這個操作時，他的心里預期是什么？
▊積極尋找反饋
設計師不能因害怕改稿而避免讓他人評價方案。相反，應該在初步完成方案后，及時請同事或朋友給出建議。讓他們看看任務流設計是否符合常人使用習慣，有沒有自己沒有考慮到的地方？觀察他們對頁面的預期及行為是否和你的設計一致。
▊ ?陷入困境時，適當休息一下
繁重的任務和數(shù)小時連續(xù)的工作容易使我們陷入焦急煩躁中，因此我們需要工作一段時間就適當休息一會，泡一杯茶，去一下洗手間，讓自己的思緒被打斷一下，然后再回來工作，這樣會比一直在一個地方糾結要好的多。
▊使說明文字保持簡潔準確
簡潔準確的文案內(nèi)容和交互說明不僅能夠降低溝通成本，也能使我們顯得更加專業(yè)。作為設計師，我們應該在平時的工作當中不斷錘煉自己的語言，爭取形成高效、簡潔的說話風格。
