聊聊線框圖:UED和PD對于線框圖不同的定位

2 評論 9468 瀏覽 10 收藏 6 分鐘

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

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

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

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

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

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

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

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

PD畫線框圖有時是不可以避免的,他們需要:

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

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

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

但是做為PD,同樣也擔(dān)心之后交付給交互,會影響交互的發(fā)揮。而且,人人都有追求完美的傾向,在做了一個簡陋版的線框圖后,總是覺得太簡陋,總是不由自主增加很多細(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非常重要,以及為什么,而你所做的處理,僅供參考。聰明的交互會理解你的需求,且不會因為你妨礙了他的表達(dá)。

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

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

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

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

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

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

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

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

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

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

源地址:http://heidixie.blog.sohu……59785390.html

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!