
互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)過(guò)程中,原型圖的常用格式,我見(jiàn)過(guò)6種以上。
它們的優(yōu)點(diǎn)和缺點(diǎn),介紹如下:
1. Axure格式的原型圖

優(yōu)點(diǎn):
可以在另一臺(tái)電腦上,閱讀和編輯Axure原型圖;
在Axure預(yù)覽模式下,可以在瀏覽器左側(cè)顯示網(wǎng)頁(yè)的目錄;
Axure軟件有Mac版本和windows版本。
缺點(diǎn):
如果接收文件同事的電腦,沒(méi)安裝Axure,就打不開(kāi)了;
在手機(jī)微信聊天窗口上,不能直接閱讀Axure原型圖;
Axure低版本,不能打開(kāi)高版本的Axure文件。
2. Sketch格式的原型圖

優(yōu)點(diǎn):
可以在另一臺(tái)Mac電腦上,閱讀和編輯Sketch原型圖;
Ui設(shè)計(jì)師,可以直接在Sketch里面,把原型圖,做成高保真的Ui設(shè)計(jì)稿;
可以導(dǎo)出PDF格式的多頁(yè)面PDF原型圖。
缺點(diǎn):
只能在Mac電腦上,閱讀和編輯。暫時(shí)沒(méi)有windows版本的Sketch軟件,不支持windows電腦編輯;
不能在手機(jī)微信聊天窗口上,直接閱讀Sketch原型圖;
Sketch低版本,不能打開(kāi)高版本的Sketch文件。
3. PPT格式的原型圖

優(yōu)點(diǎn):
可以在Mac或Windows電腦上,閱讀和編輯PPT格式的原型圖;
在手機(jī)微信App聊天窗口上,直接閱讀PPT格式的原型圖;
可以通過(guò)其它軟件,將畫(huà)好的原型圖,導(dǎo)入PPT里面。
缺點(diǎn):
ppt頁(yè)面的面積太小,不支持表達(dá)多個(gè)頁(yè)面之間的跳轉(zhuǎn)關(guān)系;頁(yè)面的縮放,難以操作;
PPT里面的畫(huà)圖控件太少,畫(huà)圖工具隱藏的比較深,操作起來(lái),不方便;
4. Html網(wǎng)頁(yè)格式的原型圖

優(yōu)點(diǎn):
可以在任何電腦上,用瀏覽器打開(kāi),直接閱讀Html原型圖;
不能在手機(jī)微信聊天窗口上,直接閱讀Html壓縮包的原型圖;
可以先用Axure設(shè)計(jì)原型圖,然后導(dǎo)出Html網(wǎng)頁(yè)格式。
缺點(diǎn):
不支持網(wǎng)頁(yè)的再次編輯,不支持在瀏覽器左側(cè)顯示網(wǎng)頁(yè)的目錄;
郵件接收Html原型圖的壓縮包,需要解壓,然后還需要在眾多網(wǎng)頁(yè)文件中,一個(gè)個(gè)點(diǎn)開(kāi)查看;
頁(yè)面之間的跳轉(zhuǎn)關(guān)系,難以表達(dá)清楚。
5.一大張jpg圖片格式的原型圖

優(yōu)點(diǎn):
可以在任何電腦上,閱讀和編輯jpg圖片格式的原型圖;
郵件發(fā)送圖片格式的原型圖,文件可以很??;
可以在手機(jī)微信聊天窗口上,直接閱讀jpg格式的原型圖;
可以先用其它軟件設(shè)計(jì)原型圖,然后導(dǎo)出jpg圖片格式。
缺點(diǎn):
在電腦上,圖片格式,比較難操作:比如:調(diào)整到100%大小,并左右移動(dòng)查看頁(yè)面跳轉(zhuǎn)關(guān)系;
在手機(jī)上,微信發(fā)送的時(shí)候,具有流程關(guān)系的一大張圖片格式的原型圖,會(huì)壓縮,導(dǎo)致微信接收后不清晰。
6. PDF格式的原型圖

優(yōu)點(diǎn):
可以通過(guò)其它軟件,將畫(huà)好的原型圖,導(dǎo)出為PDF格式;
可以在Windows或Mac上閱讀;支持軟件:Adobe Reader,福昕pdf,Acrobat;
可以在智能手機(jī)上,閱讀pdf格式的原型圖;支持手機(jī)APP軟件:WPS,Acrobat,甚至微信app的聊天窗口,直接發(fā)送,對(duì)方直接打開(kāi)。
在電腦上,頁(yè)面容易調(diào)整到100%大小,并且左右移動(dòng)查看頁(yè)面的跳轉(zhuǎn)關(guān)系;
Mac電腦自帶的預(yù)覽pdf軟件,可以合并多個(gè)pdf,旋轉(zhuǎn)pdf的某一張內(nèi)頁(yè);
電腦版的福昕pdf軟件,可以給pdf內(nèi)頁(yè)添加標(biāo)注文本,可以在多頁(yè)面的pdf左側(cè)添加目錄鏈接。
缺點(diǎn):
如果需要重新編輯pdf里面的某一頁(yè),那么就要提取多頁(yè)pdf文件中的某一頁(yè),待修改好之后,再合并到多頁(yè)P(yáng)DF文件里;
電腦閱讀和手機(jī)閱讀pdf,最好是已經(jīng)安裝了專業(yè)的PDF閱讀器。
總結(jié):
APP產(chǎn)品設(shè)計(jì)的原型圖,重在表達(dá)意思,只要意思傳達(dá)到位了,那么格式可以不必在意。
原型圖的格式,屬于“道”,“法”,“器”,這3個(gè)層次中的“器”。
如果想在用戶體驗(yàn)上,走的更遠(yuǎn);那么就需要在“道”,“法”,這2個(gè)層次上,積累更多的項(xiàng)目經(jīng)驗(yàn),以及不同崗位的思維方式和溝通思路。
本文作者:張?jiān)棋X(qián)。微信公眾號(hào):944352559