Axure技巧:將產(chǎn)品資料關(guān)聯(lián)到Axure原型并顯示內(nèi)容

1 評論 14215 瀏覽 59 收藏 6 分鐘

當(dāng)原型無法完全表現(xiàn)產(chǎn)品需求的時候,PM需要提供相關(guān)資料輔助大家理解。那么除了單獨發(fā)送這些文件,還有更好的方法來處理嗎?

如果你使用的是Axure,可以利用功能“鏈接到url或文件”方便的在原型上關(guān)聯(lián)這些產(chǎn)品文件。如果你的瀏覽器支持該文件格式,還可以完美顯示其內(nèi)容。

接下來我會詳細(xì)講解如何關(guān)聯(lián)并顯示常用的產(chǎn)品文件。比如產(chǎn)品介紹video、產(chǎn)品圖片image、功能清單excel、邏輯文檔word、項目介紹ppt等。

一、如何設(shè)置鏈接到url或者文件

它屬于交互事件中的基本動作,有3種用法——不過可能大部分PM只用過前面2種。

1. 鏈接本地的文件

如果你的原型生成了只是本地看,那么請按照以下格式進行輸入鏈接。

Windows系統(tǒng)下面的文件地址格式為C://Documents/1.mp4。

Mac系統(tǒng)下面的文件地址格式為/Users/admin/Documents/1.mp4,其中admin為管理員賬號。

2. 鏈接服務(wù)器的文件

如果你的原型生成了之后給大家看,可以關(guān)聯(lián)服務(wù)器上的文件。請復(fù)制它的服務(wù)器地址然后填寫到這里,比如http://XXXX.com/video/123.mp4。

3. 鏈接相對地址的文件

如果你的原型生成了之后給大家看,也可以使用相對地址。并且將這些文件放到原型html所在的目錄,最后將整個原型文件夾上傳到服務(wù)器即可。

相對地址的格式為./1.mp4。也可以去網(wǎng)上搜索使用更多相對地址規(guī)則。

二、填寫鏈接并生成原型

了解原理之后,根據(jù)自己的需求使用文字鏈接或者圖片鏈接。

下圖是文字鏈接演示的效果:

然后我們生成原型看到的效果大概是這樣的,盡量使用生成原型,因為預(yù)覽是不支持相對地址的。

三、點擊鏈接查看相關(guān)產(chǎn)品文件

以相對路徑演示,這樣大家下載文章末尾的原型學(xué)習(xí),就可以很方便的理解其原理和模仿學(xué)會。

你可以提前把相關(guān)的產(chǎn)品文件放到原型文件夾,也可以后面再補充。

1. 如果產(chǎn)品文件是jpeg的圖片

設(shè)置相對路徑如下,并移入相應(yīng)文件。

點擊之后,顯示的效果如下。

2. 如果產(chǎn)品文件是mp4格式的視頻

設(shè)置相對路徑如下,并移入相應(yīng)文件。

點擊之后,顯示的效果如下。

3. 如果產(chǎn)品文件是瀏覽器不支持的格式

比如一般瀏覽器不支持flv,那么不能直接在原型里面顯示。(即使你的電腦可以播放該格式)

設(shè)置相對路徑如下,并移入相應(yīng)文件。

點擊之后,不能直接顯示效果,而是自動跳轉(zhuǎn)到該文件本地的目錄。(如果你是使用服務(wù)器文件且該文件瀏覽器不支持顯示,那么效果是下載到本地)

最后本地打開該文件進行了解產(chǎn)品。即使這種方法,也比單獨發(fā)產(chǎn)品文件給團隊來得方便和容易理解。

四、總結(jié)

關(guān)聯(lián)到Axure原型的產(chǎn)品文件是否可以在看原型的時候也一起閱讀,取決于你的瀏覽器是否支持顯示你的文件格式。常見的jpg,png,gif,pdf,mp4等格式都沒有問題。如果是xlsx,docx,ppt一般需要下載到電腦中,使用本地軟件打開。

原型和源文件下載地址https://www.jianguoyun.com/p/DYj6NQUQu4zdBRiLgT8

#專欄作家#

浪子,公眾號langzisay。人人都是產(chǎn)品經(jīng)理專欄作家,業(yè)務(wù)型PM。

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!