建站常識
我們的原型設(shè)計方法
2010-03-23 08:30:00
根據(jù)Standish Group的“Chaos Chronicles Report ”,大約 66% 的軟件開發(fā)項目不是失敗,就是超出預(yù)算、超出項目時間,或是交付縮水的功能。
項目失敗或虧損的前三大原因為:
缺乏使用者的參與
需求或規(guī)格不完整
需求或規(guī)格變更
白大哥在上一回的《我們的UED設(shè)計流程及方法》中也提到,一些需求管理工具或者上百頁的文檔已經(jīng)不合時宜,不能作為我們跟客戶討論交流的介質(zhì)和核心。所以我們需要制作原型,用來提高與客戶溝通的效率、讓客戶參與到設(shè)計中來并且?guī)椭麄冋业胶诵男枨蟆?/P>
傳說哥經(jīng)常說,使用工具是人和動物的根本區(qū)別。有很多工具可以幫助我們完成原型設(shè)計:
紙和筆
紙和筆是最簡單也是最常見的原型設(shè)計工具。與客戶、與同事溝通的過程中,不用打斷思路,隨手拿起紙和筆,就能表達出我們的心中所想。很撇托、很強大……
Visio
在Axure進入人們的視野之前,Visio是產(chǎn)品原型設(shè)計的一個常見選擇。Visio的適用性非常之廣,從網(wǎng)站界面、數(shù)據(jù)庫模型,到平面布置圖到工藝流程圖,Visio都提供了相應(yīng)的元件庫和模板來進行快速創(chuàng)建。
Fireworks/Photoshop
視覺設(shè)計師出身的項目經(jīng)理,很多時候喜歡直接使用圖形處理軟件制作產(chǎn)品的原型。
Balsamiq Mockups
一個基于Adobe Air的手繪風格原型制作工具,控件庫很豐富,而且可以自定義控件外觀。導(dǎo)出格式為pdf和png。
Mockflow以及其他在線原型工具
與Balsamiq Mockups相似,各有各的特色,例如Mockflow的原型模板是它的一大特色。這些工具的導(dǎo)出格式也是pdf和png。
前面我提到了,原型需要幫我達到的目標有兩個:
提高與客戶溝通的效率,降低迭代周期
引導(dǎo)客戶參與設(shè)計,找到他們的核心需求
剛才介紹的原型制作的工具大多都能實現(xiàn)第一個目標,但是這些工具的輸出物通常是一張png圖片,對客戶來說,它也就是一張圖片而已,大多數(shù)客戶很難透過這張圖片去思考其中的邏輯。這個時候我們的主角Axure RP就該出場了。
Axure RP Pro是美國Axure Software Solution公司的出品一款原型制作軟件。Axure的發(fā)音是“Ack-sure”,RP則是“Rapid Prototyping”(快速原型設(shè)計)的縮寫。顧名思義,Axure RP能夠幫你快速而有效的建立產(chǎn)品的prototype。
Axure RP上手容易,操作簡單,不需要任何技術(shù)背景,大多數(shù)人都能在一天之內(nèi)掌握它的使
用方法,所以它能很好的實現(xiàn)上面提到的第一個目標;另外,Axure RP的事件機制能夠模擬大多數(shù)Web應(yīng)用中出現(xiàn)的交互行為,并且它的輸出物是html,客戶能夠直觀的通過“使用”原型,來想象產(chǎn)品的最終形態(tài),思考原型是否反映了自己的真實需求,這樣客戶能夠自然的參與到設(shè)計之中,從而實現(xiàn)了原型的第二個目標。
通常我們將原型設(shè)計分為兩個階段,“低保真原型”和“高保真原型”?!暗捅U嬖汀钡淖饔檬歉蛻舸_認產(chǎn)品的需求和業(yè)務(wù)邏輯,所以低保真原型通常會很簡陋,甚至我們會故意做的很簡陋,比如我們會使用一些手繪風格的控件庫,這樣可以避免客戶提出一些不合時宜的問題;而“高保真原型”會高度仿真產(chǎn)品的最終形態(tài),是用于給客戶驗收的最終產(chǎn)物,另一方面也可以作為產(chǎn)品開發(fā)的標準。使用Axure制作高保真原型的時候,幾乎能做到跟開發(fā)后最后形態(tài)一摸一樣,包括視覺和交互行為,這一點是其他原型工具很難做到的。
使用Axure RP制作高保真原型
當我們啟動一個用戶體驗設(shè)計項目的時候,我們第一項工作并不是原型設(shè)計,在之前還需要很多準備工作:在現(xiàn)場跟客戶討論,了解產(chǎn)品的業(yè)務(wù)邏輯,有條件的話還會對產(chǎn)品的直接用戶進行一些訪談,了解用戶的日常工作。緊接著回到公司內(nèi)部,針對產(chǎn)品的信息架構(gòu)進行團隊頭腦風暴,然后項目經(jīng)理會整理出信息架構(gòu)的腦圖,腦圖會作為成果物交給客戶確認……在這一系列的準備工作之后,我們才會開始制作產(chǎn)品的原型。
按照我個人的習(xí)慣,在低保真設(shè)計之前我會用紙筆畫一些草圖,然后再根據(jù)草圖制作原型。這樣做的好處是,我能夠最快的表達并驗證自己的想法。
另外,我會使用一些Axure控件庫來提高制作原型的效率,例如:Better Defaults和Sketchy Axure Widget Library針對一些周期較長的項目,我們會整理一些Axure RP的視覺規(guī)范庫,提高維護以及二次設(shè)計時的效率,并且使用shared project功能通過SVN來管理Axure RP的源文件,方便多人協(xié)作設(shè)計以及源代碼的備份和版本控制。
原文:http://blog.mycolorway.com/2010/03/22/our-way-of-rapid-prototyping/
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2010-06-27 21:51:00] UE學(xué)習(xí)筆記:原型對設(shè)計質(zhì)量的影響
- [2009-04-21 08:14:00] 紙上原型設(shè)計方法說明及使用規(guī)范
- [2010-03-16 08:31:00] 產(chǎn)品交互原型設(shè)計工具分享
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
HTML5 膠南網(wǎng)站建設(shè)公司 SEO優(yōu)化 力圖 青島flash網(wǎng)站 響應(yīng)式設(shè)計 網(wǎng)站的速度 網(wǎng)站設(shè)計資訊 視覺靈感 輪胎網(wǎng)站設(shè)計 高端網(wǎng)站設(shè)計 平面設(shè)計 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè) 網(wǎng)站動畫 青島網(wǎng)站優(yōu)化 青島輪胎網(wǎng)站設(shè)計 高端輪胎網(wǎng)站設(shè)計 良好的導(dǎo)航 青島網(wǎng)站建設(shè)基礎(chǔ)知識 青島高端網(wǎng)站建設(shè)公司哪家好 網(wǎng)站建設(shè)的步驟有哪些 網(wǎng)站視覺 手機網(wǎng)站 交互設(shè)計 外貿(mào)網(wǎng)站設(shè)計 審美 集團公司網(wǎng)站建設(shè) 微信開發(fā) 英文網(wǎng)站建設(shè) 集團官網(wǎng)