什么是線框圖？什么是原型？什么時候使用線框圖？什么時候使用原型？本文作者將為你一一作答。

首先，我們需要搞清楚的一點(diǎn)就是線框圖不是真正意義上的原型。許多設(shè)計(jì)師和產(chǎn)品經(jīng)理，甚至是經(jīng)驗(yàn)豐富的設(shè)計(jì)大牛往往也很容易混肴這些專業(yè)術(shù)語。什么是線框圖？什么是原型？什么時候使用線框圖？什么時候使用原型？

我們都看過小說，小說呈現(xiàn)給我們的只是文字表達(dá)，由作者賦予的人物形象。我們常常在語文考試中都會這樣回答“本文中的人物形象生動、鮮明”，這里的“生動”指的只是我們通過作者的視角想象出來的，我們并沒有看過真實(shí)的人物。但當(dāng)這部小說被拍成電影或電視劇，導(dǎo)演根據(jù)自己的理解選角，演員們賦予了他們鮮活的生命，這就是原型，小說中人物的原型。

• 提供信息和功能——線框圖
• 我該如何互動或如何使用——原型

什么是線框圖？

線框圖是一種低保真且靜態(tài)的呈現(xiàn)方式，設(shè)計(jì)師通常使用紙筆來表達(dá)自己的想法。只要能明確表達(dá)內(nèi)容大綱，信息結(jié)構(gòu)，布局，用戶界面的視覺以及交互行為描述即可。就像建筑藍(lán)圖一樣，藍(lán)圖也就是施工方案，詳細(xì)描述改如何建造建筑。繪制線框圖重點(diǎn)就是要快，明確表達(dá)自己的設(shè)計(jì)想法，它不是美術(shù)作品，無需過多的視覺效果。黑白灰則是它的經(jīng)典用色。

什么時候使用線框圖？

線框圖(Wireframe)是軟件或者網(wǎng)站設(shè)計(jì)過程中非常重要的一個環(huán)節(jié)。線框圖常常適用于非正式場合，用于團(tuán)隊(duì)內(nèi)部的討論。

花費(fèi)成本

線框圖的花費(fèi)成本可以說是零，只要有紙筆，或白板就能完成你的想法的構(gòu)建。不過有的產(chǎn)品經(jīng)理用Word，有的用Photoshop等。但一般不作為用戶測試。

什么是原型？

原型通常是中高保真的呈現(xiàn)形式。以接近最終產(chǎn)品的形式來考量產(chǎn)品的可用性。它能夠?qū)崿F(xiàn)和驗(yàn)證你的設(shè)計(jì)理念。原型是程序開發(fā)過程中的重要步驟，并且允許我們進(jìn)行一些初步的測試。

什么時候使用原型？

原型常用于做早期測試，以確保你的想法符合目標(biāo)市場。在產(chǎn)品發(fā)布之前，沒有原型和對用戶的測試，這個產(chǎn)品注定是失敗的。在原型設(shè)計(jì)階段花費(fèi)的時間，可以避免額外的工作和成本。相對于紙上的產(chǎn)品設(shè)計(jì)文檔，產(chǎn)品原型更加有效，這樣可以讓所有的測試人員以及用戶知道你產(chǎn)品的創(chuàng)意所在。

花費(fèi)成本

原型比線框圖耗時且花費(fèi)成本高，市面上的原型工具，價格和方式不等。Axure現(xiàn)在沒有了盜版之后購買包年要495美元，終身版 899美元并僅限于大版本；Justinmind包年228美元；終身版495美元，第二年后，每年需要支付99美元保持更新。Mockplus包年129美元；終身版399美元，Mockplus實(shí)現(xiàn)了真正意義上的終身版，無需再為新版本付費(fèi)。 工具是為我們服務(wù)的，要看它是否易操作，易上手，學(xué)習(xí)成本高低，價格是否親民。

原型的可交互，可點(diǎn)擊和可操作的設(shè)計(jì)為用戶提供了最終產(chǎn)品的真實(shí)想法。通過原型設(shè)計(jì)工具中的高級UI功能和元素，您可以添加視頻，html，flash以及廣泛的動畫，效果，轉(zhuǎn)換和移動手勢。原型越現(xiàn)實(shí)，反饋越準(zhǔn)確！原型圖是最終系統(tǒng)的代表模型或者模擬，比線框圖更加真實(shí)、細(xì)致。所以原型工具的花費(fèi)是值得的，就看哪一種工具符合你的預(yù)期。

總結(jié)

本文由 @安靜的熊先生?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。