Axure高保真教程:在PPT里演示原型模板
產(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ù)。
牛蛙牛蛙
wps似乎不支持/(ㄒoㄒ)/~~
贊