在iOS設(shè)備上演示Axure原型的方法

SXM
2 評(píng)論 35762 瀏覽 61 收藏 5 分鐘

在移動(dòng)設(shè)備上演示 Axure 原型有兩種方法,一種是「在線演示」,一種是「離線演示」。所謂在線演示就是把 HTML 文件通過(guò) FPT 上傳到自己網(wǎng)站的服務(wù)器(如果你有的話,比如獨(dú)立博客等),通過(guò)輸入自定義的鏈接在移動(dòng)端進(jìn)行在線訪問(wèn)。而這里要講的方法是通過(guò)離線的方式在移動(dòng)設(shè)備上做演示,而且是在 iOS 設(shè)備上(本文中我采用 iPad 做演示,iPhone 也是一樣的)。

第一步:軟件

在 iPad 上安裝應(yīng)用?AirDisk Pro?或者?Phone Drive(售價(jià)均為12元)。兩個(gè)軟件因?yàn)橛泄餐拈_(kāi)發(fā)者,所以在功能上、操作上幾乎是一樣的,這里我選擇用Phone Drive做演示。

1

Phone Drive

2

AirDisk Pro

第二步:壓縮

在PC端,把Axure原型生成的HTML文件所在的文件夾用壓縮工具打包。注意,源文件中,每個(gè)頁(yè)面的命名必須采用英文,不能是中文,否則在Phone Drive應(yīng)用中會(huì)不顯示該頁(yè)面的HTML文件。

3

?360壓縮軟件

第三步:上傳

打開(kāi)Phone Drive應(yīng)用,點(diǎn)擊右下角的「刷新」圖標(biāo),再點(diǎn)擊選擇第一種共享文件方法「Mac/PC File Transfer」(當(dāng)然也可以選擇另外兩種)。

4

Phone Drive界面

首先把 iPad 和 PC 連接在同一個(gè)?Wi-Fi 網(wǎng)絡(luò)里。然后打開(kāi)PC上的瀏覽器,在地址欄輸入網(wǎng)址,這里直接輸入IP地址就好,簡(jiǎn)短方便。輸入后會(huì)在瀏覽器中顯示Phone Drive應(yīng)用的文件管理界面。

5

Phone Drive應(yīng)用的文件管理界面

把之前壓縮打包的HTML文件直接拖到右邊正方形框中進(jìn)行上傳。這個(gè)時(shí)候,iPad應(yīng)用中就會(huì)顯示剛才上傳的壓縮文件。

第四步:解壓

點(diǎn)擊壓縮文件,進(jìn)行解壓。

6

?解壓

第五步:演示

接著打開(kāi)解壓后的文件夾,找到名為 “start.html”?的文件,點(diǎn)擊打開(kāi)。效果如下圖:

7

演示?

然后先點(diǎn)擊一下屏幕,這樣Phone Drive的工具條就隱藏了(進(jìn)入全屏模式),方便進(jìn)行無(wú)干擾的原型演示。演示時(shí),通過(guò)「長(zhǎng)按點(diǎn)擊」的操作來(lái)代替「快速點(diǎn)擊」,這樣就能保證軟件的工具條不會(huì)自己時(shí)不時(shí)跑出來(lái)影響演示效果了。

總結(jié)

以上方法是我嘗試過(guò)的很多方法中最簡(jiǎn)單高效的一種,而且這種「離線演示」非常適合「產(chǎn)品經(jīng)理外出向他人演示原型」這樣的使用情境,從這個(gè)角度來(lái)說(shuō),若不是手機(jī)APP的原型,最好不要使用iPhone手機(jī)來(lái)進(jìn)行演示,因?yàn)?,屏幕?shí)在是太小了。

 

本文由@沈曉馬?原創(chuàng)獨(dú)家授權(quán)發(fā)布,本文禁止在本人未允許的情況下,任何形式的全文轉(zhuǎn)載和部分轉(zhuǎn)載。若您喜歡本文,請(qǐng)分享本文的鏈接到您喜歡的平臺(tái)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 這和發(fā)布到到網(wǎng)上手機(jī)瀏覽器直接打開(kāi)一樣啊

    來(lái)自浙江 回復(fù)
    1. 樓主是想說(shuō),這樣就不用發(fā)布到網(wǎng)上了,哈哈

      來(lái)自遼寧 回復(fù)