本周和PD（產(chǎn)品經(jīng)理）們進(jìn)行了一次《線框圖以及Axure入門》培訓(xùn)。這是應(yīng)幾位PD的需求，他們也要學(xué)習(xí)如何設(shè)計(jì)線框圖，所以想更加高效進(jìn)行入門。

在場的有UED，有PD，我發(fā)現(xiàn)，對于兩者都要畫線框圖，引發(fā)了一些討論，這也是我事先預(yù)想到可能會引發(fā)爭議的部分。

其中有個(gè)PD講，有一次，老板是要求她來畫線框圖給他看的，她花了很多心思在線框圖上，結(jié)果交付給交互設(shè)計(jì)師的時(shí)候，交互設(shè)計(jì)師不知道如何進(jìn)行發(fā)揮了，交互設(shè)計(jì)師說：你都畫這么好了，我不知道畫什么了。之后，交互設(shè)計(jì)師進(jìn)行了“潤色”后，交付給視覺設(shè)計(jì)師，結(jié)果視覺設(shè)計(jì)師發(fā)現(xiàn)自己也無從發(fā)揮了，因?yàn)橐曈X稿已經(jīng)出來了，都上了色了。

如果能夠提升項(xiàng)目效率，這樣倒真的也是好事。PD直接畫出確認(rèn)版的線框圖，然后直接給視覺設(shè)計(jì)師，交互就不需要了。在很多小公司，也確實(shí)如此運(yùn)作，也蠻好的嘛。

交互設(shè)計(jì)師說：交互設(shè)計(jì)師承擔(dān)了一種需求翻譯的工作，將PD的商業(yè)需求，進(jìn)行具象化，并加入一些用戶的視角，幫助優(yōu)化產(chǎn)品，之后翻譯成視覺設(shè)計(jì)師能夠理解的語言，最后產(chǎn)生視覺稿。這也只講到了一部分，如果PD也能夠具象化，并傳達(dá)得很好，為何還需要交互呢？

但是，在實(shí)際的工作環(huán)境里，我們必須得承認(rèn)一個(gè)前提：術(shù)業(yè)有專攻，每個(gè)人的精力是有限的。

所以，PD，交互，以及視覺，雖然都在畫圖，究竟畫得有什么不同呢?

 這是在這個(gè)PPT里其中的一頁，也得到了在場的PD以及UED的認(rèn)可。

 PD畫線框圖有時(shí)是不可以避免的，他們需要：

 1. 細(xì)化思路，幫助自己寫需求文檔

 2. 更好傳達(dá)自己的需求給其他人，比如交互

 3. 一些預(yù)研型的項(xiàng)目，需要據(jù)此讓老板認(rèn)可并拍板

 但是做為PD，同樣也擔(dān)心之后交付給交互，會影響交互的發(fā)揮。而且，人人都有追求完美的傾向，在做了一個(gè)簡陋版的線框圖后，總是覺得太簡陋，總是不由自主增加很多細(xì)節(jié)，以使之先得更加專業(yè)。但是，PD需要將重點(diǎn)放到“輔助表達(dá)想法”上，對“有用”負(fù)責(zé)，比如，功能點(diǎn)、內(nèi)容塊、業(yè)務(wù)流程，而那些打著叉叉的方面，不是說絕對不關(guān)注，絕對不表達(dá)，而是需要加上“僅供參考”。

做為PD，你認(rèn)為版塊A非常重要，比版塊B重要得多，你可以在線框圖上把版塊A放大，放到首要位置，但是“位置”和“結(jié)構(gòu)”不是你主要要控制的，你要傳達(dá)給交互的是：版塊A非常重要，以及為什么，而你所做的處理，僅供參考。聰明的交互會理解你的需求，且不會因?yàn)槟惴恋K了他的表達(dá)。

同樣，交互和視覺，雖然是一個(gè)團(tuán)隊(duì)的，也經(jīng)常發(fā)生因?yàn)檫吔鐔栴}，比如：交互不由自主加了很多顏色和質(zhì)感，視覺不知道如何處理。視覺更改了線框圖的結(jié)構(gòu)，導(dǎo)致交互認(rèn)為和自己傳達(dá)的邏輯不相符。

所以，作為交互，請注意那些必須要關(guān)注的東西：

1. 任務(wù)流——根據(jù)用戶需求、行為，分析用戶的任務(wù)，以及任務(wù)流程，簡化任務(wù)。

2. 布局/結(jié)構(gòu)——信息分幾類，什么樣的布局更加易用

3. 位置/順序——各個(gè)版塊之間按照什么樣的位置進(jìn)行排列，引導(dǎo)用戶的順序是怎么樣的

4. 層次/輕重——版塊之間、文本之間的層次如何

請注意，在表達(dá)位置/順序以及層次時(shí)，交互會忍不住為線框圖加注顏色，進(jìn)行字體的設(shè)計(jì)，但是在交付時(shí)，這些也是“僅供參考”的。要傳達(dá)給視覺設(shè)計(jì)師的，仍然是“這些比哪些更重要，更應(yīng)該被強(qiáng)化，以及為什么”。聰明的視覺設(shè)計(jì)師自然知道如何去表達(dá)而不是會覺得受到束縛。

到了視覺階段，視覺設(shè)計(jì)師不管接到多么像視覺的稿子，也需要重新進(jìn)行思考定位，需要輸入目標(biāo)用戶特征，需求，進(jìn)行產(chǎn)品的風(fēng)格定位。

我建議，在改變線框圖結(jié)構(gòu)的時(shí)候，要和交互設(shè)計(jì)師保持溝通。上次，我在做線框圖的時(shí)候，和幾個(gè)PD，以及我們的幾個(gè)UED爭論了很久，確認(rèn)的面包屑和搜索篩選的位置，結(jié)果到了視覺設(shè)計(jì)的時(shí)候，視覺設(shè)計(jì)師將我的面包屑調(diào)整到了不同的位置，為此還起了糾紛。因?yàn)檫@些位置的調(diào)整，是會影響之前確認(rèn)的功能邏輯的。

大家如果有什么疑問，也歡迎繼續(xù)討論，那就先這樣吧～