Axure高保真教程:在PPT里演示原型模板

3 評論 8046 瀏覽 66 收藏 7 分鐘

產(chǎn)品經(jīng)理在介紹、售前、培訓(xùn)等場合經(jīng)常會運(yùn)用到PPT和原型展示,來回切換的過程會比較麻煩。本文作者分享了在PPT中直接演示做好的原型的方法,一起來學(xué)習(xí)一下吧。

產(chǎn)品經(jīng)理在介紹、售前、培訓(xùn)等場合經(jīng)常會運(yùn)用到PPT和原型展示,大部分產(chǎn)品經(jīng)理會在兩者中來回切換,在這個過程中就會浪費(fèi)很多時間了。所以今天教大家如何在PPT里直接演示我們的做好的原型。

01 為什么要在PPT里演示原型

1)提供直觀的視覺體驗(yàn)

PPT頁面中演示原型可以提供觀眾直觀的視覺體驗(yàn),讓他們更好地理解產(chǎn)品功能和使用流程。與簡單的文字描述相比,原型演示可以更直觀地展示產(chǎn)品的設(shè)計和交互細(xì)節(jié)。

2)節(jié)省時間和成本

通過在PPT頁面中演示原型,可以避免在實(shí)際開發(fā)之前制作成品樣機(jī),從而節(jié)省時間和成本。同時,通過演示原型,可以及時發(fā)現(xiàn)和修復(fù)設(shè)計上的問題,減少后期的修改成本。

3)方便與溝通和反饋

PPT頁面中演示原型可以方便與他人溝通和收集反饋,幫助團(tuán)隊更好地理解產(chǎn)品需求和用戶需求。同時,可以通過演示原型快速響應(yīng)用戶反饋和意見,及時修改設(shè)計方案。

02 怎么在PPT里演示原型

我們會以可視化大屏的原型為案例,教大家怎么在PPT中插入已經(jīng)制作好的原型模板,并且也能演示ppt制作的交互。

具體效果如上圖所示,將Axure制作好的原型模板,插入到ppt后,可以在ppt頁面里看到該原型,而且制作好的交互,也可以觸發(fā),例如移入圖表顯示對應(yīng)的數(shù)據(jù)。當(dāng)然,全屏演示時也會有這樣的效果,不過不同的機(jī)型會有所不同,有些電腦需要全屏后需要點(diǎn)一下頁面才會進(jìn)入原型頁面,翻頁就通過鼠標(biāo)上下滾動來實(shí)現(xiàn)。

1. 制作原型時需要注意的事項(xiàng)

制作原型時,我們要考慮ppt頁面的尺寸,一般是16:9或者4:3,這一個一般跟你們的顯示器,可以在ppt設(shè)計選項(xiàng)卡,幻燈片大小里面查看或者設(shè)置。

作者的屏幕是16:9,所以我們在設(shè)置原型的時候,要按照這個比例來設(shè)置,這樣才可以鋪滿屏幕。我們點(diǎn)擊原型頁面尺寸那里就可以設(shè)置,一般16:9的話會設(shè)置1920:1080。

那如果是以前制作的原型沒有按照這個尺寸也太大關(guān)系,只是不能鋪滿整個頁面而已,不會有其他影響的。

2. 在ppt中插入web viewer

要把原型插入到ppt,我們需要插入網(wǎng)頁查看器webviewer的加載項(xiàng),我們可以用他來瀏覽網(wǎng)頁。

我們點(diǎn)擊切換選項(xiàng)卡,然后點(diǎn)擊獲取加載項(xiàng),在里面找到webviewer即可。

3. 將制作好的原型模板生成線上鏈接

我們點(diǎn)擊Axure里的共享按鈕,就可以發(fā)布到axshare,生成一個在線鏈接。

生成在線鏈接后,我們還要對鏈接進(jìn)行處理,因?yàn)榉窒沓鰜淼逆溄邮亲詭Чぞ邫诘模绻苯佑眠@個地址,在ppt上也會出現(xiàn)工具欄,導(dǎo)致不能鋪滿屏幕。

已案例中生成的演示地址為例,共享后生成https://u7xici.axshare.com這個地址,我們對這個地址進(jìn)行處理,如果對axure演示地址有研究的就會知道,c=1這個值其實(shí)就是控制不顯示工具欄的,所以原地址我們只需要在后面增加/#c=1,即https://u7xici.axshare.com/#&c=1即可。

當(dāng)然你也可以在網(wǎng)頁里打開https://u7xici.axshare.com這個地址,然后鼠標(biāo)收起工具欄,在復(fù)制收起后的地址也可以。

4. 將地址復(fù)制到ppt web viewer里

我們把上面修改后的原型線上預(yù)覽的地址復(fù)制到web viewer中。

這里需要住的的是,因?yàn)榍懊嬗衕ttps://,所以我們復(fù)制過去之后,要將前面重復(fù)的部分刪除。

最后點(diǎn)擊右下角preview按鈕,就可以在這個頁面里看到我們做好的原型了,或者點(diǎn)擊放映按鈕,也是可以看到的。

看到原型后,我們還要對web viewer的尺寸調(diào)整一下,因?yàn)閷?dǎo)入后還是會有底部那欄工具,我們往下拉一點(diǎn),全屏預(yù)覽的時候,就看不到他了。

那以上就是本期教程的全部內(nèi)容,感興趣的同學(xué)們可以動手試試哦,感謝您的閱讀,我們下期見。

本文由 @AI產(chǎn)品人 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自 Unsplash,基于 CC0 協(xié)議

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 牛蛙牛蛙

    來自江蘇 回復(fù)
  2. wps似乎不支持/(ㄒoㄒ)/~~

    來自廣東 回復(fù)
  3. 來自北京 回復(fù)