根據(jù)Standish Group的“Chaos Chronicles Report ”，大約 66% 的軟件開(kāi)發(fā)項(xiàng)目不是失敗，就是超出預(yù)算、超出項(xiàng)目時(shí)間，或是交付縮水的功能。

　　項(xiàng)目失敗或虧損的前三大原因?yàn)椋?/p>

• 缺乏使用者的參與
• 需求或規(guī)格不完整
• 需求或規(guī)格變更

　　白大哥在上一回的《我們的UED設(shè)計(jì)流程及方法》中也提到，一些需求管理工具或者上百頁(yè)的文檔已經(jīng)不合時(shí)宜，不能作為我們跟客戶討論交流的介質(zhì)和核心。所以我們需要制作原型，用來(lái)提高與客戶溝通的效率、讓客戶參與到設(shè)計(jì)中來(lái)并且?guī)椭麄冋业胶诵男枨蟆?/p>

　　傳說(shuō)哥經(jīng)常說(shuō)，使用工具是人和動(dòng)物的根本區(qū)別。有很多工具可以幫助我們完成原型設(shè)計(jì)：

紙和筆

　　紙和筆是最簡(jiǎn)單也是最常見(jiàn)的原型設(shè)計(jì)工具。與客戶、與同事溝通的過(guò)程中，不用打斷思路，隨手拿起紙和筆，就能表達(dá)出我們的心中所想。很撇托、很強(qiáng)大……

Visio

　　在Axure進(jìn)入人們的視野之前，Visio是產(chǎn)品原型設(shè)計(jì)的一個(gè)常見(jiàn)選擇。Visio的適用性非常之廣，從網(wǎng)站界面、數(shù)據(jù)庫(kù)模型，到平面布置圖到工藝流程圖，Visio都提供了相應(yīng)的元件庫(kù)和模板來(lái)進(jìn)行快速創(chuàng)建。

Fireworks/Photoshop

　　視覺(jué)設(shè)計(jì)師出身的項(xiàng)目經(jīng)理，很多時(shí)候喜歡直接使用圖形處理軟件制作產(chǎn)品的原型。

Balsamiq Mockups

　　一個(gè)基于Adobe Air的手繪風(fēng)格原型制作工具，控件庫(kù)很豐富，而且可以自定義控件外觀。導(dǎo)出格式為pdf和png。

Mockflow以及其他在線原型工具

　　與Balsamiq Mockups相似，各有各的特色，例如Mockflow的原型模板是它的一大特色。這些工具的導(dǎo)出格式也是pdf和png。

　　前面我提到了，原型需要幫我達(dá)到的目標(biāo)有兩個(gè)：

• 提高與客戶溝通的效率，降低迭代周期
• 引導(dǎo)客戶參與設(shè)計(jì)，找到他們的核心需求

　　剛才介紹的原型制作的工具大多都能實(shí)現(xiàn)第一個(gè)目標(biāo)，但是這些工具的輸出物通常是一張png圖片，對(duì)客戶來(lái)說(shuō)，它也就是一張圖片而已，大多數(shù)客戶很難透過(guò)這張圖片去思考其中的邏輯。這個(gè)時(shí)候我們的主角Axure RP就該出場(chǎng)了。

　　Axure RP Pro是美國(guó)Axure Software Solution公司的出品一款原型制作軟件。Axure的發(fā)音是“Ack-sure”，RP則是“Rapid Prototyping”（快速原型設(shè)計(jì)）的縮寫(xiě)。顧名思義，Axure RP能夠幫你快速而有效的建立產(chǎn)品的prototype。

　　Axure RP上手容易，操作簡(jiǎn)單，不需要任何技術(shù)背景，大多數(shù)人都能在一天之內(nèi)掌握它的使
用方法，所以它能很好的實(shí)現(xiàn)上面提到的第一個(gè)目標(biāo)；另外，Axure RP的事件機(jī)制能夠模擬大多數(shù)Web應(yīng)用中出現(xiàn)的交互行為，并且它的輸出物是html，客戶能夠直觀的通過(guò)“使用”原型，來(lái)想象產(chǎn)品的最終形態(tài)，思考原型是否反映了自己的真實(shí)需求，這樣客戶能夠自然的參與到設(shè)計(jì)之中，從而實(shí)現(xiàn)了原型的第二個(gè)目標(biāo)。

　　通常我們將原型設(shè)計(jì)分為兩個(gè)階段，“低保真原型”和“高保真原型”。“低保真原型”的作用是跟客戶確認(rèn)產(chǎn)品的需求和業(yè)務(wù)邏輯，所以低保真原型通常會(huì)很簡(jiǎn)陋，甚至我們會(huì)故意做的很簡(jiǎn)陋，比如我們會(huì)使用一些手繪風(fēng)格的控件庫(kù)，這樣可以避免客戶提出一些不合時(shí)宜的問(wèn)題；而“高保真原型”會(huì)高度仿真產(chǎn)品的最終形態(tài)，是用于給客戶驗(yàn)收的最終產(chǎn)物，另一方面也可以作為產(chǎn)品開(kāi)發(fā)的標(biāo)準(zhǔn)。使用Axure制作高保真原型的時(shí)候，幾乎能做到跟開(kāi)發(fā)后最后形態(tài)一摸一樣，包括視覺(jué)和交互行為，這一點(diǎn)是其他原型工具很難做到的。

　　當(dāng)我們啟動(dòng)一個(gè)用戶體驗(yàn)設(shè)計(jì)項(xiàng)目的時(shí)候，我們第一項(xiàng)工作并不是原型設(shè)計(jì)，在之前還需要很多準(zhǔn)備工作：在現(xiàn)場(chǎng)跟客戶討論，了解產(chǎn)品的業(yè)務(wù)邏輯，有條件的話還會(huì)對(duì)產(chǎn)品的直接用戶進(jìn)行一些訪談，了解用戶的日常工作。緊接著回到公司內(nèi)部，針對(duì)產(chǎn)品的信息架構(gòu)進(jìn)行團(tuán)隊(duì)頭腦風(fēng)暴，然后項(xiàng)目經(jīng)理會(huì)整理出信息架構(gòu)的腦圖，腦圖會(huì)作為成果物交給客戶確認(rèn)……在這一系列的準(zhǔn)備工作之后，我們才會(huì)開(kāi)始制作產(chǎn)品的原型。

　　按照我個(gè)人的習(xí)慣，在低保真設(shè)計(jì)之前我會(huì)用紙筆畫(huà)一些草圖，然后再根據(jù)草圖制作原型。這樣做的好處是，我能夠最快的表達(dá)并驗(yàn)證自己的想法。

　　另外，我會(huì)使用一些Axure控件庫(kù)來(lái)提高制作原型的效率，例如：Better Defaults和Sketchy Axure Widget Library針對(duì)一些周期較長(zhǎng)的項(xiàng)目，我們會(huì)整理一些Axure RP的視覺(jué)規(guī)范庫(kù)，提高維護(hù)以及二次設(shè)計(jì)時(shí)的效率,并且使用shared project功能通過(guò)SVN來(lái)管理Axure RP的源文件，方便多人協(xié)作設(shè)計(jì)以及源代碼的備份和版本控制。

it知識(shí)庫(kù)：我們的原型設(shè)計(jì)方法，轉(zhuǎn)載需保留來(lái)源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。