10分鐘用PPT快速做出原型交互演示的方法

10 評(píng)論 39491 瀏覽 97 收藏 7 分鐘

在畫出高保真原型后,如何給老板或者客戶演示產(chǎn)品的原型交互?本文作者與大家分享了一種方法。enjoy~

對(duì)于產(chǎn)品經(jīng)理來說,在畫出高保真原型后,如何給老板或者客戶演示產(chǎn)品的原型交互,一直是比較令人頭疼的問題。

AXURE公司雖然發(fā)布了用于移動(dòng)端原型演示的客戶端AxShare,但是經(jīng)過時(shí)間證明,這個(gè)產(chǎn)品也有很多問題:

  1. 速度慢:因?yàn)榉?wù)器在國(guó)外,所以常常連不上或者反應(yīng)遲鈍。試想這個(gè)場(chǎng)景,當(dāng)你拿著手機(jī)要給老板或者客戶演示的時(shí)候,突然卡頓或者怎么劃拉手機(jī)都沒反應(yīng)的時(shí)候,是不是很尷尬。
  2. 尺寸的自適應(yīng)不好
  3. APP不能把原型一次性緩存到本地,導(dǎo)致頁面切換加載時(shí)間長(zhǎng)。

另外,對(duì)于很多新手產(chǎn)品經(jīng)理來說,AXURE的交互效果需要通過動(dòng)態(tài)面板、設(shè)置參數(shù)等一系列復(fù)雜的邏輯去實(shí)現(xiàn)。有時(shí)候動(dòng)態(tài)面板設(shè)置好了后,仍然無法實(shí)現(xiàn)自己想要的效果,甚至有時(shí)候連效果沒出來也不知道問題在哪。其他軟件,像AE也可以實(shí)現(xiàn)交互動(dòng)畫,但是學(xué)會(huì)AE不亞于重新去好好研究一下AXURE。還有可以在iOS上演示APP原型的方法和工具,但看起來都紛繁復(fù)雜,在試過之后其實(shí)并不理想。

之所以選擇PPT,首先PPT確實(shí)能實(shí)現(xiàn)原型演示的交互效果,其次PPT作為我們最常用的工具之一,上手快,簡(jiǎn)單易學(xué),效率高,下面給大家簡(jiǎn)要介紹下PPT做原型交互演示的步驟。

一、素材準(zhǔn)備

如果希望展示的逼真完美,最好是高保真原型界面,包括每一步的界面,一些復(fù)雜的按鈕和手機(jī)機(jī)身的圖片等?;镜男螤睿ㄟ^PPT可以直接畫出來。

二、給素材添加動(dòng)畫

素材準(zhǔn)備好后,就可按照演示的先后,給每一步的素材添加動(dòng)畫。

1、插入形狀和添加動(dòng)畫


點(diǎn)擊PPT菜單欄的“動(dòng)畫”標(biāo)簽,選擇該元素出現(xiàn)的效果

2、隱藏文字或區(qū)域

比如做一個(gè)輸入框輸入文字的效果,因?yàn)檩斎肟蛟诠鈽?biāo)進(jìn)入前是有提示文字的,因此要隱藏掉這些文字。
首先,插入一個(gè)白色的矩形,大小剛好可以蓋住輸入框的文字,并給這個(gè)矩形添加動(dòng)畫進(jìn)入的效果為“出現(xiàn)”。

其次,在輸入框處輸入一段文字,并添加進(jìn)入的動(dòng)畫效果為“出現(xiàn)”,同時(shí)對(duì)文字出現(xiàn)的效果進(jìn)行詳細(xì)設(shè)置。

這里要注意的幾點(diǎn)是:

(1)每個(gè)素材或是界面動(dòng)畫的“開始”應(yīng)選擇“上一動(dòng)畫之后”,少數(shù)情況是“與上一動(dòng)畫同時(shí)”。

(2)同一個(gè)界面需要先出現(xiàn)后消失的元素添加兩次動(dòng)畫,一次選“進(jìn)入”的效果,一次選“退出”的效果。

比如上圖的圓形用來做點(diǎn)擊演示,就包括“進(jìn)入”和“退出”兩個(gè)效果

(3)輸入文字打字的效果

首先輸入一行要展示的文字,然后點(diǎn)擊“添加動(dòng)畫”,“進(jìn)入”的效果選擇“出現(xiàn)”。在動(dòng)畫窗格點(diǎn)擊黑色下角圖標(biāo),在下拉菜單選擇“效果選項(xiàng)”。在彈出的提示框里的“動(dòng)畫文本”選擇“按字/詞”,還可以選擇每個(gè)字出現(xiàn)的時(shí)間。

最后,就可以按F5預(yù)覽和調(diào)整效果了。

將PPT發(fā)送手機(jī)查看演示效果,這里我用的是“Polaris Office”打開PPT。

另外,如果覺得PPT還是不方便,還可以將其保存為視頻的格式,在手機(jī)或電腦設(shè)備中播放視頻演示。

保存PPT的時(shí)候選擇“另存為”,在“保存類型”的彈出菜單中選擇mp4或wmv其中一種視頻格式即可。

文中的示例可見網(wǎng)盤

鏈接: https://pan.baidu.com/s/1pKGPnLL 密碼: vryc

 

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 推薦Balsamiq 容易上手

    來自上海 回復(fù)
  2. 其實(shí)開VPN后Axshare 挺快的…

    來自四川 回復(fù)
    1. 曾經(jīng)試過,和沒用一個(gè)效果,還換了好幾條線來試

      回復(fù)
  3. 用PPT做原型…看著都好累,做靜態(tài)的我寧愿用omnigraffle

    來自四川 回復(fù)
    1. 不是做原型,是做交互用于演示那部分噢

      回復(fù)
  4. 好牛啊 :mrgreen:

    來自廣東 回復(fù)
  5. 感覺使用墨刀速度還行,方便手機(jī)原型演示,PPT透出來一個(gè)二維碼就好。

    來自北京 回復(fù)
    1. 墨刀收費(fèi)吧,如果要演示的話

      來自廣西 回復(fù)
    2. 展示可以用,限制圖片格式上傳大小,高保真有壓力,線框圖交互問題不大~

      來自北京 回復(fù)
  6. 我們要從“做一顆螺絲釘”的思維,轉(zhuǎn)變?yōu)椤白鲆凰液娇漳概灐薄?/p>

    回復(fù)