如何設(shè)計(jì)偉大產(chǎn)品：要學(xué)會(huì)講故事

敘事為主的設(shè)計(jì)流程表現(xiàn)高效

對(duì)于產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)來(lái)說(shuō)，他們面臨的最大問(wèn)題是，經(jīng)常將外觀時(shí)髦的產(chǎn)品與功能優(yōu)越的產(chǎn)品混為一談，而且這種問(wèn)題屢見(jiàn)不鮮。表面看來(lái)，這是一個(gè)微不足道的失誤，但卻會(huì)造成十分嚴(yán)重的后果：畢竟，如果用戶玩不轉(zhuǎn)你的產(chǎn)品，即便它們看上去再好，也沒(méi)人買(mǎi)賬。

我覺(jué)得，消除這種障礙的最佳途徑是，采用一種以敘事為中心的設(shè)計(jì)手法。這種手法的核心理念是，針對(duì)產(chǎn)品提出一系列敘述性使用案例，從用戶的角度出發(fā)，將產(chǎn)品設(shè)計(jì)的每一個(gè)步驟都描述清楚。我向大量創(chuàng)業(yè)公司推薦過(guò)這種設(shè)計(jì)手法，它總能讓設(shè)計(jì)團(tuán)隊(duì)忽略表面文章，在用戶真正關(guān)心的問(wèn)題上做出更好的決定：即如何讓產(chǎn)品最終做到物盡其用。

設(shè)計(jì)不應(yīng)是藍(lán)圖

我注意到，一些團(tuán)隊(duì)在提出產(chǎn)品藍(lán)圖時(shí)，往往在UI(用戶界面)設(shè)計(jì)上敷衍了事。每個(gè)屏幕會(huì)顯示產(chǎn)品在不同情況下的外觀，但這些屏幕并未以某種方式被聯(lián)系起來(lái)。問(wèn)題的癥結(jié)就在于，當(dāng)設(shè)計(jì)方案以這種方式呈現(xiàn)在大家面前時(shí)，用戶只是對(duì)產(chǎn)品外觀有大概的了解。

設(shè)計(jì)團(tuán)隊(duì)并沒(méi)有將重點(diǎn)放在產(chǎn)品的工作機(jī)制上，也沒(méi)有模擬客戶如何與產(chǎn)品互動(dòng)。所以，當(dāng)一些團(tuán)隊(duì)片面地將設(shè)計(jì)視作產(chǎn)品藍(lán)圖的時(shí)候，他們?nèi)嫱评懋a(chǎn)品互動(dòng)性的能力便會(huì)嚴(yán)重受限。

最好的產(chǎn)品設(shè)計(jì)人員，往往精通以敘事為主的設(shè)計(jì)手法，而且將這種方法運(yùn)用地爐火純青。他們首先會(huì)構(gòu)思幾個(gè)故事，讓客戶明白如何與產(chǎn)品互動(dòng)，只有在實(shí)現(xiàn)這一目標(biāo)以后，他們才可以對(duì)屏幕進(jìn)行設(shè)計(jì)，令其講述一個(gè)產(chǎn)品互動(dòng)的故事。

敘事為主的設(shè)計(jì)主線

在以敘事為主的設(shè)計(jì)流程中，設(shè)計(jì)團(tuán)隊(duì)首先要分析數(shù)十個(gè)按序列排序的模型，這些模型就像是幻燈片中的一幅幅畫(huà)面。接著，他們要將客戶讀到的每個(gè)句子，他們做的每一個(gè)舉動(dòng)，整個(gè)系統(tǒng)回應(yīng)產(chǎn)生的每一個(gè)屏幕，全部呈現(xiàn)出來(lái)。

從最初的觸發(fā)事件，到完成一個(gè)目標(biāo)，設(shè)計(jì)師都必須隨時(shí)聽(tīng)取客戶的建議，同時(shí)以實(shí)例展現(xiàn)整個(gè)過(guò)程中設(shè)計(jì)方案如何支持每一個(gè)步驟。我曾向許多創(chuàng)業(yè)公司推薦過(guò)這種以敘事為主的設(shè)計(jì)手法，這些手法適用于移動(dòng)應(yīng)用、營(yíng)銷(xiāo)網(wǎng)站、數(shù)據(jù)分析、企業(yè)IT部門(mén)等各類(lèi)業(yè)務(wù)。

對(duì)工程師來(lái)說(shuō)，這個(gè)設(shè)計(jì)流程應(yīng)該很熟悉。以敘事為主的設(shè)計(jì)核心，類(lèi)似于測(cè)試驅(qū)動(dòng)(test-driven)的開(kāi)發(fā)過(guò)程。只不過(guò)，我們并不是利用測(cè)試來(lái)核對(duì)代碼，相反，我們只是通過(guò)構(gòu)思故事來(lái)檢驗(yàn)設(shè)計(jì)方案。就像測(cè)試驅(qū)動(dòng)的開(kāi)發(fā)流程一樣，敘事為主的設(shè)計(jì)流程能夠?qū)F(tuán)隊(duì)的執(zhí)行力和產(chǎn)品質(zhì)量產(chǎn)生驚人的影響。

層層遞進(jìn)講故事

1、白板故事

設(shè)計(jì)方案開(kāi)始之初，設(shè)計(jì)師要在白板上寫(xiě)清楚，如何讓客戶與團(tuán)隊(duì)互動(dòng)。首先，在白板上畫(huà)一大堆1平方英尺大小的盒子，然后，在盒子中填寫(xiě)客戶與產(chǎn)品互動(dòng)的每一個(gè)小案例，并將每個(gè)重要部分連在一起。最后，勾勒出用戶將要觸碰或點(diǎn)擊的每一個(gè)地方。這個(gè)步驟會(huì)花上很長(zhǎng)一段時(shí)間，不過(guò)一旦整個(gè)團(tuán)隊(duì)在故事核心上達(dá)成一致，完成剩下的步驟就會(huì)快得多，浪費(fèi)的時(shí)間會(huì)更少。

2、更換工具

大多數(shù)設(shè)計(jì)工具都是用來(lái)制作海報(bào)或圖書(shū)的，所以，設(shè)計(jì)人員在設(shè)計(jì)充斥著大量框架的互動(dòng)故事時(shí)，它們根本排不上用場(chǎng)。因此，盡早放棄Photoshop，選擇Keynote、OmniGraffle或Fireworks這樣的工具，此類(lèi)工具支持多頁(yè)面設(shè)計(jì)，幫助設(shè)計(jì)人員專(zhuān)注于打造端對(duì)端信息流。

3、從不評(píng)價(jià)單一屏幕

如果有人將一兩個(gè)模型發(fā)過(guò)來(lái)評(píng)測(cè)，這時(shí)一定要小心了。應(yīng)該確保你的團(tuán)隊(duì)始終在評(píng)測(cè)完整的故事。如果你是親自提交設(shè)計(jì)方案，請(qǐng)將每一個(gè)屏幕打印在紙上，張貼在房間的每個(gè)角落。如此一來(lái)，所有人都能看到每個(gè)屏幕上的綜覽與細(xì)節(jié)。如果必須通過(guò)電子郵件發(fā)送設(shè)計(jì)方案，一定要拍下截屏，捕捉將各個(gè)屏幕合并成為完整故事的全過(guò)程。

敘事為主的設(shè)計(jì)流程為何表現(xiàn)如此高效

模擬用戶體驗(yàn)。敘事為主的設(shè)計(jì)手法，會(huì)迫使我們?cè)谡麄€(gè)設(shè)計(jì)流程的每一個(gè)環(huán)節(jié)，都以客戶體驗(yàn)為出發(fā)點(diǎn)。這樣，從設(shè)計(jì)師、工程師到CEO，整個(gè)團(tuán)隊(duì)就會(huì)擁有一個(gè)完備的系統(tǒng)，可以根據(jù)人們體驗(yàn)產(chǎn)品的具體感受來(lái)做出設(shè)計(jì)決定。

提前發(fā)現(xiàn)問(wèn)題。由于敘事性增加了一個(gè)時(shí)間維度，各類(lèi)設(shè)計(jì)失誤就會(huì)很突出，如果團(tuán)隊(duì)將產(chǎn)品看作是一堆堆屏幕時(shí)，他們往往不會(huì)注意到這些失誤。敘事性還能讓團(tuán)隊(duì)更容易注意到，何時(shí)未達(dá)到理想的預(yù)期。同時(shí)，他們還會(huì)發(fā)現(xiàn)一些多余且完全行不通的UI環(huán)節(jié)，并更為快速地解決。所有這些看似微不足道的細(xì)節(jié)，最終都能提升產(chǎn)品的實(shí)用性和互動(dòng)性。

預(yù)先確定設(shè)計(jì)目標(biāo)。當(dāng)團(tuán)隊(duì)以構(gòu)思故事的方式拉開(kāi)產(chǎn)品設(shè)計(jì)的序幕時(shí)，每個(gè)人在解決具體細(xì)節(jié)之前，就必須在設(shè)計(jì)目標(biāo)上達(dá)成一致。這對(duì)于產(chǎn)品設(shè)計(jì)工作大有裨益，因?yàn)樵谠O(shè)計(jì)人員耗時(shí)數(shù)小時(shí)研究詳細(xì)的UI模型后，評(píng)判的范圍往往會(huì)縮小至一個(gè)問(wèn)題，即設(shè)計(jì)方案是否達(dá)到預(yù)先設(shè)定的目標(biāo)。

更加科學(xué)。仔細(xì)回想客戶從最初的觸發(fā)事件(如電子郵件或信息推送)到最終完成目標(biāo)，我們會(huì)發(fā)現(xiàn)整個(gè)過(guò)程其實(shí)與“求助福克博士”(Dr. BJ Fogg)倡導(dǎo)的行為模式極為吻合，即觸發(fā)、激勵(lì)和能力等三個(gè)因素同時(shí)發(fā)生，缺一不可。以敘事為主的設(shè)計(jì)方案，讓我們易于核對(duì)上述三個(gè)元素是否全部到位，從而可以鼓勵(lì)用戶行為。

加速整個(gè)設(shè)計(jì)流程。部分故事能夠在團(tuán)隊(duì)的其他工作中被重復(fù)利用。那些為展示故事性而創(chuàng)建的模型，可以變成快速、可點(diǎn)擊的產(chǎn)品原型，用于研究用戶行為。同樣的故事還可以用來(lái)構(gòu)建渠道分析，幫助揭開(kāi)一個(gè)問(wèn)題的答案，即用戶是否正在現(xiàn)實(shí)產(chǎn)品中實(shí)踐這一故事。質(zhì)量保證(QA)團(tuán)隊(duì)還可以全面篩選重要故事，確保每一款新產(chǎn)品的合理性。

本文編譯自Gigaom

(軒辰)