整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
PM完成Axure原型評(píng)審后，一定不能忘記備份這些原型html，后續(xù)可能需要查詢以及技術(shù)撕逼。
希望通過(guò)Axure原型的幾種使用場(chǎng)景，讓初級(jí)PM對(duì)它的來(lái)龍去脈有個(gè)清晰的了解。而不是停留在“我知道”“大概會(huì)用”的水平。
PM會(huì)經(jīng)常修改AxureRP源文件，然后生成不同的原型。
但是對(duì)外評(píng)審的原型應(yīng)該是唯一的。
并且該版本的產(chǎn)品需求文檔PRD就是這個(gè)原型。
請(qǐng)注意兩者不能混為一談。
一般來(lái)說(shuō)我們是在Axure生成原型Html的時(shí)候，自動(dòng)在瀏覽器中打開(kāi)了原型并查看。
但是如何打開(kāi)已備份在電腦中的原型呢，很多初級(jí)PM摸不著頭腦了。其實(shí)也不復(fù)雜，如果你學(xué)會(huì)一點(diǎn)html網(wǎng)頁(yè)的知識(shí)。
請(qǐng)進(jìn)入該原型對(duì)應(yīng)的目錄，比如APP名稱V2.0版，我們會(huì)發(fā)現(xiàn)存在data、file、images、plugins、resources等文件夾，以及很多html網(wǎng)頁(yè)。請(qǐng)找到start.html，然后雙擊打開(kāi)就是你熟悉的原型啦。
當(dāng)原型評(píng)審后，PM需要將原型放到網(wǎng)上供所有團(tuán)隊(duì)成員進(jìn)行設(shè)計(jì)和編程。
不管是放到內(nèi)網(wǎng)展示，還是外網(wǎng)展示。其本質(zhì)都是將Axure原型的所有文件都上傳到服務(wù)器，包括所有的html文件，圖片文件，js文件，css文件。不能缺少任何文件，否則就無(wú)法正常顯示。
如果你只是修改了某個(gè)頁(yè)面，也切記生成并將所有文件上傳一遍，而不僅僅是該頁(yè)面對(duì)應(yīng)的html文件。因?yàn)槠鋵?duì)應(yīng)的js，css文件，圖片文件也可能被修改
上傳之后然后把對(duì)應(yīng)的原型網(wǎng)址發(fā)給其他團(tuán)隊(duì)成員即可查看。
由于Axure原型是由html+js+cs組成的文件，我們?cè)谏傻臅r(shí)候?qū)⑺麄兎胖迷谥付夸洝?/p>
嘉定我們將該產(chǎn)品的所有原型存放于D://PM/APP名稱，那么建議以“APP名稱V1.0版”的格式命名，并生成原型。
當(dāng)然你也可以繼續(xù)壓縮之后存起來(lái)，不過(guò)就不太方便后續(xù)的查詢。
有時(shí)候我們需要回退版本的時(shí)候，需要把舊版本的原型也拿出來(lái)。那么請(qǐng)用舊版本的原型html去替換當(dāng)下的原型目錄。
不過(guò)不太建議這樣，還不如新增一個(gè)版本來(lái)處理。
由于Axure生成的原型，是以Html文件進(jìn)行索引內(nèi)容的。而Html是以你在Axure中新建的頁(yè)面來(lái)作為基礎(chǔ)的。如果你畫Axure原型的時(shí)候是以你產(chǎn)品中的頁(yè)面來(lái)進(jìn)行命名和創(chuàng)建的。那么我們可以通過(guò)搜索“頁(yè)面名稱”關(guān)鍵詞去查詢你想要查詢的頁(yè)面。
如果你使用的搜索工具支持搜索文件內(nèi)內(nèi)容，比如Windows下面的everthing，Mac自帶的spotlight。那么可以通過(guò)搜索“頁(yè)面內(nèi)文字”關(guān)鍵詞去查詢你想要查詢的相關(guān)頁(yè)面。
不過(guò)我更建議你進(jìn)入到具體版本的原型html文件夾里面進(jìn)行搜索，而不是進(jìn)行全局搜索。
以上就是Axure原型的使用場(chǎng)景。請(qǐng)一定要理解Axure原型的本質(zhì)是html+js+css，每次生成原型的時(shí)候會(huì)在本地生成目錄并寫入這些文件。
浪子，業(yè)務(wù)型PM，浪子PRD系列51prd.com，公眾號(hào)langzisay，個(gè)人微信nuanai88。
本文由 @浪子 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來(lái)自 unsplash，基于 CC0 協(xié)議
話說(shuō)，不會(huì)寫代碼的產(chǎn)品經(jīng)理不是好的射雞濕。關(guān)于產(chǎn)品經(jīng)理與技術(shù)之間的微妙關(guān)系，扯開(kāi)了講可是長(zhǎng)篇大論，比如知乎上這個(gè)問(wèn)題：IT 行業(yè)產(chǎn)品經(jīng)理（尤其是創(chuàng)業(yè)的）需要懂技術(shù)嗎？懂到什么程度？，以及這個(gè)：產(chǎn)品經(jīng)理如何與強(qiáng)勢(shì)的技術(shù)溝通？等等?？偠灾?，產(chǎn)品最終是完全落實(shí)到技術(shù)上實(shí)現(xiàn)的，而技術(shù)的發(fā)展可以說(shuō)是在產(chǎn)品上體現(xiàn)了直接價(jià)值，二者結(jié)合得越緊密，對(duì)整個(gè)產(chǎn)品帶來(lái)的價(jià)值更大，開(kāi)發(fā)效率也會(huì)更高。
當(dāng)然，這不是說(shuō)讓產(chǎn)品經(jīng)理會(huì)寫代碼會(huì)設(shè)計(jì)算法，其實(shí)在平時(shí)工作中，要是產(chǎn)品經(jīng)理哪怕稍微下意識(shí)地提高自己的“技術(shù)思維”，不要做一些在技術(shù)上看起來(lái)“天馬行空隨心所欲”并且再配一句臺(tái)詞“這么簡(jiǎn)單的功能，很好實(shí)現(xiàn)吧”讓人欲哭無(wú)淚的臺(tái)詞，就已經(jīng)謝天謝地了……
因此，產(chǎn)品經(jīng)理適度提高“技術(shù)熟悉度”，是對(duì)整個(gè)產(chǎn)品負(fù)責(zé)的必要。而我根據(jù)這幾年工作經(jīng)驗(yàn)，發(fā)現(xiàn)一些常用技術(shù)的掌握對(duì)產(chǎn)品人員的思路、效率，以及解決問(wèn)題的能力，都是有非常大的提高的。
今天來(lái)講一下關(guān)于Axure在線文檔發(fā)布的技巧。一般人們最常見(jiàn)操作，是利用Axure畫好原型圖后，直接按F8導(dǎo)出為HTML文檔，然后大家要么打包成.rar發(fā)郵件給所有干系人，要么傳到項(xiàng)目協(xié)作平臺(tái)上，甚至直接拿個(gè)U盤來(lái)Copy……其實(shí)大可不必這么麻煩，一來(lái)對(duì)接收者不是很方便，先下載然后解壓，再找到index.html來(lái)查看；二是隨著版本增多，相關(guān)接收者不會(huì)像產(chǎn)品一樣能把每個(gè)版本管理好，假如兩個(gè)月內(nèi)發(fā)了10次文檔，那豈不是文件夾里亂成粥，每次生怕看錯(cuò)文檔了。
一. 使用Axure官方AxShare平臺(tái)發(fā)布在線文檔（不推薦）
Axure官方提供了一個(gè)AxShare發(fā)布平臺(tái)，你可以在設(shè)計(jì)完后，直接按F6，就能將當(dāng)前文檔保存到AxShare平臺(tái)：
按F6或Publish時(shí)選擇“Publish to Axure Share”（首次使用需注冊(cè)）
你也可以直接登錄https://share.axure.com/，然后創(chuàng)建Project，將.rp文件上傳后，即可完工。
發(fā)布時(shí)也可設(shè)置一個(gè)密碼來(lái)保密。完成后，利用URL（+密碼），就可以隨時(shí)通過(guò)瀏覽器訪問(wèn)產(chǎn)品文檔了。
那么問(wèn)題來(lái)了：既然Axure已經(jīng)有了，用就行了，為毛還有自己搭建呢？原因是：慢！正常情況那個(gè)網(wǎng)頁(yè)壓根就打不開(kāi)好嗎！更別說(shuō)上傳的龜速了。所以還是自己動(dòng)手豐衣足食。
二. 使用新浪SAE平臺(tái)+svn自己搭建（推薦）
先大概了解下SAE（Sina App Engine），你可以理解為一個(gè)免費(fèi)的在線服務(wù)器。因?yàn)锳xure生成的文檔就是普通的HTML格式，也就是最簡(jiǎn)單的靜態(tài)網(wǎng)頁(yè)，所以完全可以把它上傳到任意一臺(tái)WEB服務(wù)器上，一個(gè)URL就能訪問(wèn)了。
首先，你需要注冊(cè)成為SAE開(kāi)發(fā)者，而且需要手機(jī)綁定和實(shí)名認(rèn)證。這一點(diǎn)是有點(diǎn)麻煩，但是一勞永逸，認(rèn)證后基本上就免費(fèi)使用了。
然后在SAE控制面板里選擇“創(chuàng)建應(yīng)用”，我們需要?jiǎng)?chuàng)建一個(gè)新的php空應(yīng)用（理論上HTML文檔是和開(kāi)發(fā)語(yǔ)言無(wú)關(guān)的，但在可選的PHP、Python和Java里，PHP是最被熟悉，而且不需要應(yīng)用租金的）：
創(chuàng)建PHP空應(yīng)用
切到此應(yīng)用下，進(jìn)入“代碼管理”，并創(chuàng)建一個(gè)版本：
接下來(lái)就需要上另一個(gè)主角：SVN。SVN是Subversion的簡(jiǎn)稱，一個(gè)開(kāi)源版本控制系統(tǒng)。但在這里可以簡(jiǎn)單理解為“文檔同步工具”。就是將Axure生成的產(chǎn)品原型上傳到SAE服務(wù)器，從而支持通過(guò)瀏覽器訪問(wèn)。
首先下載TortoiseSVN客戶端，注意最好是1.7.x版本，并且區(qū)分32和64位。安裝及漢化之后，在你的硬盤中新建一個(gè)日后用來(lái)生成Axure原型的目錄（這里為UE_Online），并右擊選擇“SVN檢出”（Checkout）：
完成后，你就發(fā)現(xiàn)目錄下多了一個(gè)“1”的文件夾（“1”是剛剛在SAE新建的版本號(hào)）。現(xiàn)在開(kāi)始，你就可以每次把新的UE文檔生成在這個(gè)“1”目錄下。
生成HTML時(shí)選擇SVN目錄
接下來(lái)就是同步了，在UE_Online文件夾上右擊，選擇“SVN提交”（SVN Submit），然后按照下圖將所有項(xiàng)勾選，點(diǎn)擊“確定”：
因?yàn)樾律晌募菦](méi)有版本的，所以默認(rèn)沒(méi)有勾選，一般我每次都是全部選擇
上傳完成后，大功告成！你就可以通過(guò)“應(yīng)用地址+文件夾”組成的URL（圖中是：http://ueonline.sinaapp.com/Xiancheng_v1.2_iPhone/）來(lái)直接訪問(wèn)在線文檔了。SAE在國(guó)內(nèi)的速度很不錯(cuò)，即使是通過(guò)移動(dòng)端，也完全沒(méi)有問(wèn)題。
而后續(xù)如果要新建一個(gè)文檔，只需在Axure生成文檔時(shí)存到SVN目錄下新文件夾里，右擊選擇提交；修改就更簡(jiǎn)單了：直接生成覆蓋原文件夾，再次提交即可（還是注意每次提交時(shí)變更列表勾選“全部”）。
最后，需要注意的是：目前我這種方法不能做到加密隱藏，所以理論上你的URL被任何人知道都可以訪問(wèn)。如果非要給這份文檔加個(gè)保護(hù)的話，在SAE應(yīng)用管理左側(cè)“應(yīng)用防火墻”里，添加IP白名單，這就足夠安全了吧。
作者：牛冰峰； 轉(zhuǎn)載自：簡(jiǎn)書
于AxureRP的快速原型設(shè)計(jì)法確實(shí)能提高原型設(shè)計(jì)的效率和提升用戶演示的效果，產(chǎn)品設(shè)計(jì)、交互設(shè)計(jì)或者是產(chǎn)品經(jīng)理在做完原型設(shè)計(jì)，確認(rèn)好需求之后，都不可避免的要寫PRD文檔或者是交互設(shè)計(jì)稿。大公司才會(huì)有交互設(shè)計(jì)師這個(gè)崗位，也就才會(huì)有交互設(shè)計(jì)稿這種文檔產(chǎn)出，一般的公司都是只有產(chǎn)品設(shè)計(jì)師、需求分析師、商務(wù)分析師或者產(chǎn)品經(jīng)理這樣的崗位，這個(gè)崗位基本會(huì)包辦了從需求收集，需求分析，需求設(shè)計(jì)，原型設(shè)計(jì)，編寫PRD這樣的一個(gè)過(guò)程，所以說(shuō)小公司比較鍛煉人，會(huì)練就全能的本事。
編寫PRD文檔是個(gè)較為苦命的工作項(xiàng)，具體的編寫要求參見(jiàn)《如何書寫好的產(chǎn)品需求文檔PRD》，這份文檔將會(huì)作為產(chǎn)品的指導(dǎo)性文檔，告訴開(kāi)發(fā)、測(cè)試產(chǎn)品的需求點(diǎn)，實(shí)現(xiàn)的要求，驗(yàn)證的邏輯，運(yùn)營(yíng)人員也需要參考，以獲知當(dāng)前產(chǎn)品所能達(dá)到的功能層次。寫文檔的時(shí)候事無(wú)巨細(xì)吧，人家會(huì)嫌你寫的太繁瑣了；寫的太簡(jiǎn)單吧，人家又會(huì)嫌你沒(méi)說(shuō)清楚該說(shuō)的；開(kāi)始使用敏捷模式要求文檔弱化了，但其實(shí)只是在過(guò)需求的時(shí)候不需要提前先把PRD寫好，事后還是得補(bǔ)的；寫文檔耗掉的時(shí)間多了，人家會(huì)說(shuō)能否除掉一半，功能需求都確認(rèn)好了，你只是將它描述出來(lái)為什么要用掉那么多的時(shí)間？凡此種種，都讓做產(chǎn)品的我們感覺(jué)命怎么這么苦，因此開(kāi)拓一種寫PRD的新思路新方法是相當(dāng)有必要的。
現(xiàn)在都講究用工具來(lái)輔助，工具用的好，確實(shí)能事半功倍，那要是工具用的不好呢？那就只能自求多福了。原型設(shè)計(jì)軟件的主要功能還是用來(lái)做原型，那是否原型演示完了之后就沒(méi)有用了呢？這個(gè)我想有點(diǎn)工作經(jīng)驗(yàn)的人都不會(huì)這么認(rèn)為，當(dāng)然我們還是可以發(fā)揮一下原型的剩余價(jià)值的。大家都知道，如果一份文檔里面可以圖文結(jié)合，所描述的東西更能吸引到人去閱讀，也更能幫助別人理解。AxureRP所設(shè)計(jì)的原型支持HTML格式的瀏覽，相較于其他原型設(shè)計(jì)軟件直接產(chǎn)出圖片，AxureRP的原型即可以直接導(dǎo)出成圖片格式，也可以通過(guò)在瀏覽過(guò)程當(dāng)中用截圖軟件來(lái)截圖的方式使用，當(dāng)然后一種方式更為繁瑣，后面說(shuō)明為什么直接生成圖片反而不方便。
使用AxureRP自帶的文檔生成功能去生成PRD文檔
這點(diǎn)我在之前寫AxureRP使用教程的時(shí)候有提到過(guò)，AxureRP是支持通過(guò)即定的word模板格式來(lái)導(dǎo)出生成文檔的，可以參考《AxureRP教程–生成規(guī)格說(shuō)明書》。不過(guò)使用這個(gè)功能對(duì)自身的要求是比較高的：
1、要對(duì)AxureRP所提供的注釋功能非常熟悉，其默認(rèn)提供的注釋字段是國(guó)際通用的，并不適合中國(guó)國(guó)情，要根據(jù)產(chǎn)品和項(xiàng)目的需求進(jìn)行修改和自定義。要了解組件注釋和頁(yè)面注釋的使用方式，以及這些注釋會(huì)出現(xiàn)在文檔的什么位置等；
2、要在做原型設(shè)計(jì)的時(shí)候就做好注釋的錄入，每個(gè)組件的交互，前置觸發(fā)條件，后置反饋事件，以及每個(gè)頁(yè)面的功能說(shuō)明等，這是一項(xiàng)細(xì)致活，挺耗時(shí)間的，和快速原型設(shè)計(jì)的要求不大相符；且萬(wàn)一在確認(rèn)需求的過(guò)程當(dāng)中需要修改的，這個(gè)維護(hù)量也比較大；
3、要熟悉word的格式排版設(shè)置，用AxureRP默認(rèn)提供的word模板生成出來(lái)的PRD文檔，估計(jì)不符合大多數(shù)公司的文檔編寫要求，如果沒(méi)有要求的則可以直接使用，否則就得自己倒騰一個(gè)word模板出來(lái)，這個(gè)對(duì)word的功底要求較高，再就是還得熟悉AxureRP里面模板導(dǎo)入的機(jī)制和模板使用機(jī)制；
4、綜上所述，這個(gè)功能雖然很強(qiáng)大但實(shí)際應(yīng)用的較少，其實(shí)比較雞肋，個(gè)人是已經(jīng)放棄了，有興趣的朋友可以深入研究一下，到時(shí)分享一下；
基于AxureRP原型的PRD文檔編寫
這個(gè)方式其實(shí)就是截圖，然后用截圖+文字的形式來(lái)書寫PRD文檔，有人就說(shuō)了，圖片制作軟件那么多，為什么非得用AxureRP來(lái)做原型，還得截圖呀，這里有個(gè)已經(jīng)使用AxureRP的前提：
1、AxureRP提倡快速原型設(shè)計(jì)法，可以大大減少原型設(shè)計(jì)的時(shí)間，這是選擇使用AxureRP的一個(gè)原因；
2、AxureRP支持HTML格式的瀏覽，極大的方便了原型的演示效果，可以很清楚地告訴演示對(duì)象每個(gè)頁(yè)面的跳轉(zhuǎn)，每個(gè)按鈕的操作效果，每個(gè)連接點(diǎn)擊結(jié)果等，這是選擇使用AxureRP第二個(gè)原因；
當(dāng)然AxureRP的優(yōu)點(diǎn)不止于此，原因可能很多，但主要的是這兩個(gè)方面，這兩個(gè)前提決定了我們當(dāng)前都是使用AxureRP來(lái)做原型設(shè)計(jì)的，然后再討論如果在已經(jīng)使用AxureRP的情況再來(lái)優(yōu)化截圖寫PRD的方法，否則就沒(méi)法進(jìn)行下去了。
1、為什么是HTML格式頁(yè)面的截圖而不是直接導(dǎo)出圖片？這個(gè)從操作層面上來(lái)講，導(dǎo)出圖片的模式操作流程如下：
導(dǎo)出為圖片>>>打開(kāi)word>>>選擇插入菜單>>>選擇插入圖片>>>搜尋圖片所在文件夾>>>選擇圖片>>>點(diǎn)擊按鈕完成插入圖片操作；
或者是下面這種方式：
導(dǎo)出為圖片>>>打開(kāi)圖片所在文件夾>>>選擇插入圖片并打開(kāi)>>>復(fù)制圖片>>>打開(kāi)word>>>粘貼圖片完成插入圖片操作；這個(gè)比上面的省一個(gè)步驟；
從HTML頁(yè)面截圖的模式操作流程如下：
打開(kāi)對(duì)象所在HTML頁(yè)面>>>用截圖工具截圖>>>復(fù)制所截圖片>>>打開(kāi)word>>>粘貼圖片完成插入圖片操作；
對(duì)比一下就知道，用截圖的方式所需的操作步驟是最少的，也就是最能節(jié)省時(shí)間的，這里推薦一個(gè)截圖工具：Snagit（下載地址），可以對(duì)所截的圖進(jìn)行一些簡(jiǎn)單的編輯，比如畫個(gè)圈圈提示一下，畫點(diǎn)箭頭什么的。
2、基于AxureRP原型截圖這種方式更能適應(yīng)需求變化。大家都知道AxureRP是支持單個(gè)頁(yè)面的修改單個(gè)頁(yè)面重新生成原型的，不需要整體原型重新生成一遍，這樣某個(gè)地方修改了，只要重新生成一下原型，然后再截圖修改即可，而導(dǎo)出圖片的方式AxureRP只支持導(dǎo)出主頁(yè)和導(dǎo)出全部頁(yè)面兩種方式；
3、截圖工具的輔助功能，上面也提到了，可以對(duì)圖片做一些必要的處理；
這是截圖+文字的模式，有了截圖之后，編寫描述文字應(yīng)該就方便很多了，避免出現(xiàn)大段的文字。另外PRD編寫一般都是有格式要求的，有些內(nèi)容不能用工具來(lái)解決，一般一份PRD文檔要包含以下這些內(nèi)容：
1、概述部分：簡(jiǎn)單介紹一下產(chǎn)品的背景，產(chǎn)品的價(jià)值或者愿景，產(chǎn)品的簡(jiǎn)單介紹，一些預(yù)估的風(fēng)險(xiǎn)點(diǎn)，干系人，名詞解釋等等；
2、業(yè)務(wù)需求描述部分：定義好目標(biāo)用戶群體，業(yè)務(wù)流程圖，業(yè)務(wù)架構(gòu)圖，腦圖等等的介紹；
3、功能需求描述部分：這部分才是用到上面所述方法的點(diǎn)，每個(gè)功能點(diǎn)都可以用那樣的方式描述；
4、非功能需求描述部分：與產(chǎn)品相關(guān)的一些輔助功能，性能要求、易用性要求等等；
5、接口描述部分：與外部有相關(guān)接口的需要在這個(gè)部分描述；
6、附錄部分：培訓(xùn)信息、參考資料等，還可以有運(yùn)營(yíng)計(jì)劃等等；
完整的PRD文檔中，最多的部分就是對(duì)功能需求的分解描述，AxureRP可以很好的支撐這個(gè)部分的全部?jī)?nèi)容，另外其實(shí)AxureRP也有流程圖、UML圖的功能，業(yè)務(wù)流程圖、業(yè)務(wù)架構(gòu)圖等都可以在AxureRP里面實(shí)現(xiàn)出來(lái)。
基本上我自己目前就采用的是如上的方式來(lái)編寫PRD文檔，在原型已經(jīng)設(shè)計(jì)好并演示確認(rèn)了的情況下，編寫PRD文檔一般都比較快速，30頁(yè)到50頁(yè)之間的文檔，如果時(shí)間利用充分的話，可以在1天到1天半之內(nèi)搞定。產(chǎn)品經(jīng)理都是很忙的，時(shí)間擠擠總會(huì)有的，要在有限的時(shí)間內(nèi)做更多的事，一是要充分利用工具，二是要發(fā)掘一些新的方法，雙管齊下，應(yīng)該就可以找到適合自己的Style！
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
