有言道“一圖勝千言”，可敏捷的世界里卻沒(méi)有銘記這句話(huà)。至少，很多敏捷團(tuán)隊(duì)中的設(shè)計(jì)人員這么想。在某些團(tuán)隊(duì)中，設(shè)計(jì)人員必須創(chuàng)建小的設(shè)計(jì)增量，而這個(gè)過(guò)程不一定能產(chǎn)生最好的結(jié)果。對(duì)于其他團(tuán)隊(duì)來(lái)說(shuō)，“線(xiàn)框”是官僚體系的產(chǎn)物，阻礙了開(kāi)發(fā)工作的高效推進(jìn)。

Booshtukka提到，在當(dāng)前的情境下，很難怪罪設(shè)計(jì)人員對(duì)于敏捷的不忿。敏捷流程希望讓設(shè)計(jì)人員以小步增量的方式交付設(shè)計(jì)。創(chuàng)意因此面臨困境。

這根本沒(méi)有意義：創(chuàng)意本身是一個(gè)整體。假如有人要你畫(huà)一棟房子，但是要一點(diǎn)一點(diǎn)地畫(huà)。首先，畫(huà)出煙囪；然后是窗戶(hù)；然后畫(huà)做為背景的山；然后是正門(mén)。你非給逼瘋了不可，而且，你在畫(huà)下一筆的時(shí)候，必須要改變之前的部分，以保證整個(gè)作品符合常理。

Sam在敏捷可用性論壇上發(fā)起一個(gè)類(lèi)似的討論，以理解“線(xiàn)框”的相關(guān)性和重要性。William Pietri回應(yīng)了Sam，提到這在很大程度上應(yīng)該由團(tuán)隊(duì)和個(gè)人來(lái)決定，決定他們是否需要線(xiàn)框，以及細(xì)節(jié)所應(yīng)達(dá)到的程度。他認(rèn)為：

對(duì)于這些問(wèn)題，我覺(jué)得沒(méi)有統(tǒng)一的答案。我們?cè)趯ふ业?，是個(gè)人差異、團(tuán)隊(duì)差異和最小浪費(fèi)之間的交集。對(duì)我來(lái)說(shuō)，達(dá)到目的的唯一方式是不斷微調(diào)具體流程，看看如何盡量減少不良影響，同時(shí)仍能產(chǎn)出出色的工作成果。

Gene Arch和Paul Spencer提到：根據(jù)他們的經(jīng)驗(yàn)，線(xiàn)框有其固有的價(jià)值，在很多時(shí)候，它可以幫助他們預(yù)見(jiàn)困難情形。對(duì)于他們來(lái)說(shuō)，他們的設(shè)計(jì)人員與產(chǎn)品負(fù)責(zé)人一起工作，為下個(gè)sprint設(shè)計(jì)優(yōu)先級(jí)最高的內(nèi)容。

Pat Cheugn引用了文章“HTML線(xiàn)框和原型：都是收益，沒(méi)有痛苦”，他認(rèn)為：對(duì)于設(shè)計(jì)人員來(lái)說(shuō)，就應(yīng)該使用線(xiàn)框。在他看來(lái)，線(xiàn)框的好處在敏捷世界中更為彰顯。

產(chǎn)生HTML線(xiàn)框和原型的確能讓開(kāi)發(fā)團(tuán)隊(duì)盡可能接近最終產(chǎn)品。它有助于過(guò)濾壞主意，并讓好想法涌現(xiàn)出來(lái)……特別是在線(xiàn)框能夠展示出用戶(hù)流程和頁(yè)面流程的情況下……

最大的收益來(lái)自于：線(xiàn)框能夠開(kāi)綠燈，告訴大家一切都已準(zhǔn)備齊備，可以開(kāi)始實(shí)現(xiàn)后端編碼。從紙上到電腦不需切換，也不用從PSD文件切換到HTML，很多CSS風(fēng)格都已經(jīng)定義完成，而且實(shí)現(xiàn)也很快，因?yàn)镠TML線(xiàn)框總是以范圍的方式定義的。

Sascha Brossmann回應(yīng)了類(lèi)似的討論，并認(rèn)為：在敏捷環(huán)境中進(jìn)行用戶(hù)體驗(yàn)設(shè)計(jì)活動(dòng)，最重要的原因，是要在開(kāi)始開(kāi)發(fā)之前把握更清晰的全局，并不斷更新。他補(bǔ)充道：如果線(xiàn)框能夠先于開(kāi)發(fā)一個(gè)迭代創(chuàng)建出來(lái)，這也會(huì)很有幫助。Yoni補(bǔ)充說(shuō)到：

我發(fā)現(xiàn)：（保真程度不同的）互動(dòng)原型是敏捷環(huán)境（也包括其他環(huán)境）中最有效的交付物。提供這樣一個(gè)人工產(chǎn)出，對(duì)于開(kāi)發(fā)人員來(lái)說(shuō)更為熟悉，而且在交付之后也不需要更多解釋和手把手的指導(dǎo)，溝通的溝壑也在不意間降低了。

William提出一種有趣的方法，用來(lái)驗(yàn)證線(xiàn)框?qū)τ趫F(tuán)隊(duì)的需求和意義。他認(rèn)為：開(kāi)發(fā)人員和設(shè)計(jì)人員對(duì)于線(xiàn)框的認(rèn)識(shí)總是存在差異。如果設(shè)計(jì)人員能夠展示出線(xiàn)框的意義，這將會(huì)很有幫助。

要想說(shuō)服開(kāi)發(fā)人員你的方法的價(jià)值所在，你要試著在某些用戶(hù)故事中嘗試各種方法，并在回顧會(huì)議中談?wù)摪l(fā)生的事情。如果你能發(fā)現(xiàn)他們沒(méi)有看到的東西，想辦法展示給他們看。

Jér?me Gravel-Niquet補(bǔ)充了他們團(tuán)隊(duì)認(rèn)為有效的方法。他認(rèn)為：

• 從用戶(hù)故事的基本描述中，我們迅速創(chuàng)建出了線(xiàn)框。
• 線(xiàn)框完成后，我們?cè)谠L談中展示給最終用戶(hù)并收集反饋，并會(huì)根據(jù)反饋調(diào)整線(xiàn)框。
• 當(dāng)我們有了堅(jiān)實(shí)后盾（用戶(hù)和委員會(huì)審核通過(guò)）并充滿(mǎn)自信之后，我們馬上就會(huì)設(shè)計(jì)界面。
• 有了這些東西，我們會(huì)創(chuàng)建文檔，解釋不同的交互和功能（用wiki的方式）。
• 作為擅長(zhǎng)整合的用戶(hù)體驗(yàn)設(shè)計(jì)人員，在開(kāi)發(fā)人員著手用戶(hù)故事之前，我也會(huì)盡量整合界面和其相關(guān)的互動(dòng)。

因此，大家一致同意線(xiàn)框的意義。它能幫助團(tuán)隊(duì)內(nèi)部、以及與利益相關(guān)者之間取得更好的效果。關(guān)鍵在于做剛剛夠好的工作，并保證流程輕量級(jí)。保證線(xiàn)框的高質(zhì)量也很重要，因?yàn)樵贏lex Jones看來(lái)，概略的線(xiàn)框相當(dāng)于用戶(hù)體驗(yàn)的comic sans字體。

查看英文原文： Wireframes or No Wireframes

來(lái)源：http://www.infoq.com/cn/news/2010/06/agile-wireframes