原型設(shè)計(jì)是提高產(chǎn)品開發(fā)效率中的不可缺少的一部分

2018-07-09 1434 0


 

經(jīng)過這么長時(shí)間的摸索,熊先生明白了一個(gè)道理:原型設(shè)計(jì)是提高產(chǎn)品開發(fā)效率中的不可缺少的一部分。那么,把做好的原型快捷、有效的演示給開發(fā)和客戶就變成了很重要的一個(gè)環(huán)節(jié)。目前大家比較常用的幾款原型設(shè)計(jì)工具在這個(gè)方面可以說是各有千秋。今天,熊先生就和大家一起看看Axure、Justinmind、Mockplus以及Proto.io 6在預(yù)覽上的表現(xiàn)如何。


 

Axure:★★★★
 


 

Axure應(yīng)該說是原型設(shè)計(jì)中最常見的工具了,經(jīng)過多年的沉淀累積,其功能的強(qiáng)大是不可否認(rèn)的。同樣的,預(yù)覽的功能上Axure也絕對不弱,而且,其導(dǎo)出HTML可以說是可控項(xiàng)最多的。


 

移動(dòng)端的預(yù)覽Axure支持的方式也有兩種,一種是通過導(dǎo)出移動(dòng)的HTML,再用蘋果手機(jī)的Safari瀏覽器打開。另一種則是通過Axure share直接打開桌面端上傳的項(xiàng)目。


 

7b9e57ae8afb0000018c1b2d1d80.jpg


 

Justinmind:★★★★


 

Justinmind是一款來自西班牙的原型設(shè)計(jì)軟件,雖然不及Axure,但不論在國外還是國內(nèi),都有著一定規(guī)模的使用群體。 Justinmind在HTML的導(dǎo)出上設(shè)置沒有Axure的復(fù)雜,移動(dòng)端的話,可以通過解壓到手機(jī)的文件夾中,再用瀏覽器打開預(yù)覽。雖然但是在線預(yù)覽的 效果相對于同類軟件還是比較出色的,就是速度稍慢了一些。當(dāng)然,它同樣有基本的圖片預(yù)覽。另外值得一提的,就是Justinmind支持DOCX的文檔導(dǎo) 出,這可以使文檔寫作更加方便。


 

5efb57ae8b0b0000012e7e5bd31b.jpg


 

Mockplus:★★★★★


 

Mockplus是 我目前為止見過的預(yù)覽方式最全的工具了,基礎(chǔ)的導(dǎo)出兩種格式的圖片預(yù)覽就不說了,手機(jī)預(yù)覽就有兩種很方便的方式:直接掃碼預(yù)覽和上傳云之后用原型碼預(yù)覽。 其中,通過二維碼掃描預(yù)覽在同類軟件中很少見,不需要連線,也不需要上傳到云,實(shí)際操作起來挺方便的。導(dǎo)出演示包也是一個(gè)相對稀有卻比較實(shí)用的預(yù)覽功能。 此外,據(jù)熊先生內(nèi)部了解,導(dǎo)出HTML預(yù)覽功能的2.2 Beta版本也已經(jīng)進(jìn)入了內(nèi)測階段,即將發(fā)布了。Mockplus的HTML導(dǎo)出分為兩種,一種是離線包,你可以直接發(fā)送給小伙伴,也可以放置到公司內(nèi)部 服務(wù)器下載瀏覽;另一種是在線發(fā)布,發(fā)布后,你可以發(fā)給對方一個(gè)網(wǎng)頁地址,直接就可以預(yù)覽了。


 


 


 

Proto.io 6:★★★
 


 

Proto.io在七月中旬更新到了現(xiàn)在的Proto.io 6的版本,相對于前三種客戶端的操作方式,Proto.io則是基于網(wǎng)頁,可能也正是由于這一點(diǎn),導(dǎo)致Proto.io的預(yù)覽方式比較有限,只能導(dǎo)出HTML、圖片和PDF格式。


 

3e2857ae8b350000018c1b6ba321.jpg


 

綜合評價(jià):
 


 

從靜態(tài)原型的預(yù)覽來看:


 

幾個(gè)工具不分上下,都支持圖片導(dǎo)出。但Mockpus不支持PDF的導(dǎo)出,對于需要直接導(dǎo)出PDF的用戶會(huì)有些不便。


 

從動(dòng)態(tài)原型的預(yù)覽來看:


 

Axure和Justinmind的預(yù)覽方式比較接近,都有手機(jī)客戶端,能夠滿足一般的預(yù)覽需要;而且兩者也都支持將原型轉(zhuǎn)為HTML方式導(dǎo)出。對于國內(nèi)用戶來說,在線預(yù)覽常常會(huì)受到網(wǎng)速的影響,比較痛苦。


 

Mockplus的預(yù)覽方式最多,可以根據(jù)不同需要做更多的選擇。因此,在演示方式的多樣性上,要?jiǎng)俪鲆换I。


 

Proto.io 6作為在線原型制作工具,因此在導(dǎo)出方式的多樣性上稍顯乏力。不過,如果沒有特別高的要求,也能夠滿足基本需要。


 

956557ae8b420000018c1bcb72c5.jpg


 

順便說下,在手機(jī)端,預(yù)覽原型的方式有兩種:


 

通過HTML預(yù)覽:優(yōu)點(diǎn)是不用安裝客戶端,方便。但缺點(diǎn)也是明顯的,運(yùn)行起來相對緩慢。同時(shí),在手機(jī)上要想全屏預(yù)覽,也比較麻煩。還有就是由于瀏覽器的兼容問題,這會(huì)很容易造成演示的時(shí)候原型失真,演示中呈現(xiàn)的和設(shè)計(jì)中的不一致。
 


 

安裝手機(jī)客戶端,直接打開原型文件預(yù)覽:因?yàn)槭謾C(jī)端可以自己解析原型,全屏和完全保真自然沒有問題,可以得到最好的演示效果,性能也快。然而,它的缺點(diǎn)就是需要安裝。
 


 

那么,哪一種方式更好呢?熊先生的建議是:請根據(jù)自己的工作需要決定。當(dāng)然,選擇一個(gè)兩種方式都能提供的工具,可能才是最實(shí)際的解決辦法。


 

以上只是我對四款工具預(yù)覽方式的初步探索和比較,如有不妥,請多指教,早日帶俺脫坑。


 


28
評論區(qū)(0)
正在加載評論...
相關(guān)推薦