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

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

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

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

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

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

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

3）方便與溝通和反饋

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

02 怎么在PPT里演示原型

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

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

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

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

作者的屏幕是16:9，所以我們?cè)谠O(shè)置原型的時(shí)候，要按照這個(gè)比例來(lái)設(shè)置，這樣才可以鋪滿屏幕。我們點(diǎn)擊原型頁(yè)面尺寸那里就可以設(shè)置，一般16:9的話會(huì)設(shè)置1920:1080。

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

2. 在ppt中插入web viewer

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

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

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

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

生成在線鏈接后，我們還要對(duì)鏈接進(jìn)行處理，因?yàn)榉窒沓鰜?lái)的鏈接是自帶工具欄的，如果直接用這個(gè)地址，在ppt上也會(huì)出現(xiàn)工具欄，導(dǎo)致不能鋪滿屏幕。

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

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

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

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

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

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

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

那以上就是本期教程的全部?jī)?nèi)容，感興趣的同學(xué)們可以動(dòng)手試試哦，感謝您的閱讀，我們下期見(jiàn)。