原型圖的格式,屬於「道」,「法」,「器」,這3個層次中的「器」。如果想在用戶體驗上,走的更遠;那麼就需要在「道」,「法」,這2個層次上,積累更多的項目經驗,還有不同崗位的思維方式和溝通思路。
網際網路產品設計過程中,原型圖的常用格式,我見過6種以上。
它們的優點和缺點,介紹如下:
1. Axure格式的原型圖
優點:
可以在另一臺電腦上,閱讀和編輯Axure原型圖;
在Axure預覽模式下,可以在瀏覽器左側顯示網頁的目錄;
Axure軟體有Mac版本和windows版本。
缺點:
如果接收文件同事的電腦,沒安裝Axure,就打不開了;
不能在手機微信聊天窗口上,直接閱讀Axure原型圖;
Axure低版本,不能打開高版本的Axure文件。
2. Sketch格式的原型圖
可以在另一臺Mac電腦上,閱讀和編輯Sketch原型圖;
Ui設計師,可以直接在Sketch裡面,把原型圖,做成高保真的Ui設計稿;
可以導出PDF格式的多頁面PDF原型圖。
Sketch軟體,目前只有Mac版本,沒有Windows版本;
在手機微信App的聊天窗口上,不能直接閱讀Sketch原型圖;
Sketch低版本,不能打開高版本的Sketch文件。
3. PPT格式的原型圖
可以在Mac或Windows電腦上,閱讀和編輯PPT格式的原型圖;
在手機微信App的聊天窗口上,直接閱讀PPT格式的原型圖;
可以通過其它軟體,將畫好的原型圖,導入PPT裡面。
ppt頁面的面積太小,不支持表達多個頁面之間的跳轉關係;頁面的縮放,難以操作;
PPT裡面的畫圖控制項太少,畫圖工具隱藏的比較深,操作起來,不方便;
4. Html網頁格式的原型圖
可以在任何電腦上,用瀏覽器打開,直接閱讀Html原型圖;
不能在手機微信聊天窗口上,直接閱讀Html壓縮包的原型圖;
可以先用Axure設計原型圖,然後導出Html網頁格式。
不支持Html網頁原型圖的再次編輯,不支持在瀏覽器左側顯示網頁的目錄;
郵件接收Html原型圖的壓縮包,需要解壓,然後還需要在眾多網頁文件中,一個個點開查看;
頁面之間的跳轉關係,各種中間狀態的邏輯判斷,Html難以表達清楚。
5. 一大張jpg圖片格式的原型圖
可以在任何電腦上,閱讀和編輯jpg圖片格式的原型圖;
郵件發送jpg圖片格式的原型圖,文件可以很小;
可以在手機微信聊天窗口上,直接閱讀jpg格式的原型圖;
可以通過其它軟體,將畫好的原型圖,導出為jpg圖片格式。
在電腦上,jpg圖片格式的原型圖,比較難操作:比如:調整到100%大小,並左右移動查看頁面跳轉關係;
在手機上,微信發送的時候,具有流程關係的一大張jpg圖片格式的原型圖,會壓縮,導致微信接收後不清晰。
6. PDF格式的原型圖
可以通過其它軟體,將畫好的原型圖,導出為PDF格式。
可以在Windows或Mac上閱讀;支持軟體:Adobe Reader,極速PDF,福昕pdf,Acrobat;
可以在智慧型手機上,閱讀pdf格式的原型圖;支持手機APP軟體:WPS,極速PDF,福昕pdf,Acrobat,甚至微信app的聊天窗口,直接發送,對方直接打開。
在電腦上,頁面容易調整到100%大小,並且左右移動查看頁面的跳轉關係;
Mac電腦自帶的預覽pdf軟體,可以合併多個pdf,旋轉pdf的某一張內頁;
電腦版的福昕pdf軟體,可以給pdf內頁添加標註文本,可以在多頁面的pdf左側添加目錄連結;
如果需要重新編輯pdf裡面的某一頁,那麼就要提取多頁pdf文件中的某一頁,待修改好之後,再合併到多頁PDF文件裡;
電腦閱讀和手機閱讀pdf,最好是已經安裝了專業的PDF閱讀器。
總結:
APP產品設計的原型圖,重在表達意思,只要意思傳達到位了,那麼格式可以不必在意。
原型圖的格式,屬於「道」,「法」,「器」,這3個層次中的「器」。
如果想在用戶體驗上,走的更遠;那麼就需要在「道」,「法」,這2個層次上,積累更多的項目經驗,還有不同崗位的思維方式和溝通思路。
#專欄作家#
張雲錢,人人都是產品經理專欄作家,百度籤約作者,Ui中國認證設計師;喜歡分析不同崗位的思維方式和溝通思路,偶爾網上冒泡,寫篇文章。
本文原創發布於人人都是產品經理。未經許可,禁止轉載。