作者對(duì)如何適配產(chǎn)品原型到不同平臺(tái)分享了一些見解，與大家分享。

當(dāng)APP發(fā)展到一定階段，老板要求做個(gè)H5版來覆蓋不想下載的用戶，或者說小程序那么火，我們也上一個(gè)吧。此時(shí)PM應(yīng)該如何適配不同平臺(tái)。

是直接拿著以前的原型PRD給技術(shù)去開發(fā)？還是拿以前的原型PRD修改了再給？當(dāng)然也可以選擇重新整一遍新的原型PRD。

我相信大部分PM使用的是前面2種，但事實(shí)上有更好的方法。

一、什么是適配不同平臺(tái)

具體來說就是PM的工作如何指導(dǎo)UI和前端工程師開發(fā)不同平臺(tái)，也就是PM產(chǎn)出物“原型和PRD”需要具備此特性。

請(qǐng)注意PM適配，不是指前端視覺交互的適配，也不是指服務(wù)端兼容多種環(huán)境的前端調(diào)用和共享數(shù)據(jù)庫(kù)。

什么不是適配

適配不同平臺(tái)，不代表你的原型就是高保真。有些初級(jí)PM的理解水平真的很一般。

適配不同平臺(tái)，和適配不同屏幕，是2個(gè)概念。后者適配不同屏幕通常是指你的APP是否兼容iPhone7、iPhone7plus、iPhone5、iPhone4等屏幕并完美展現(xiàn)頁(yè)面內(nèi)容和交互。而前者肯定不是這個(gè)意思。

二、哪些情況下需要適配

當(dāng)APP發(fā)展良好，需要快速補(bǔ)充H5

比如唯品會(huì)核心是APP，然后wap環(huán)境下使用H5做了一版本。

小程序版本來覆蓋不想下載APP的用戶

比如摩拜單車APP，和摩拜單車小程序。

當(dāng)你做的是H5 APP，想兼容一下Web環(huán)境

比如Same APP有個(gè)H5官網(wǎng)，然后適配了Web環(huán)境。

當(dāng)你主營(yíng)Web網(wǎng)站，想移植核心功能到H5環(huán)境中

這個(gè)案例太多了，比如天貓Web，到天貓h5。

當(dāng)你主營(yíng)APP，然后想兼容Web環(huán)境

比如餓了么先有APP，后續(xù)增加了Web版本的定外賣服務(wù)。

一般是這樣適配不同平臺(tái)

使用一份原型和PRD寫APP，需要適配其他平臺(tái)的時(shí)候，則在有差異的地方做一下標(biāo)注。但是這樣做會(huì)有很多問題。

• 當(dāng)差異超過一定程度的時(shí)候，很難去標(biāo)注。
• 如果需要同時(shí)迭代多個(gè)平臺(tái)，原型和邏輯是不是要寫多份。并且容易遺漏。
• 服務(wù)端童鞋很難理解不同平臺(tái)的原型，他需要如何去支持接口和數(shù)據(jù)庫(kù)層面。

推薦使用Axure的自定義視圖來適配不同平臺(tái)

使用Axure創(chuàng)建原型并標(biāo)注邏輯的方式來作為PM交付物-PRD，并且使用Axure的自定義視圖功能來設(shè)計(jì)不同分辨率下的原型。

我大概記得知乎最早是上線web版本，然后是wap版本，最后是app。

設(shè)計(jì)知乎的web和wap這2個(gè)版本可以使用Axure創(chuàng)建一套原型。這里花費(fèi)的時(shí)間精力不是N，頂多1.x罷了。

仔細(xì)看，你會(huì)發(fā)現(xiàn)知乎web和知乎wap其實(shí)很多地方是很類似的，包括上導(dǎo)航和列表。

當(dāng)做好了web ，去設(shè)計(jì)wap的時(shí)候，用此種方法畫原型寫邏輯是最合適的事情。如果只是再差異的地方單獨(dú)標(biāo)注，連產(chǎn)品demo都無(wú)法讓大家直觀的理解。之前分享過很多PM經(jīng)驗(yàn)，就是通過此方法創(chuàng)建的。

總結(jié)

事實(shí)上很多國(guó)外的網(wǎng)站，特別適合用Axure原型直接畫好web、wap。比如Facebook的web，wap版本。

Axure當(dāng)初發(fā)布自定義視圖功能的時(shí)候就是考慮到這些不同分辨率不同平臺(tái)的差異，所以才推出此功能。如果有需求，請(qǐng)善用之。

如果大家感興趣，下一篇具體講講Axure自適應(yīng)視圖的具體用法。

相關(guān)閱讀

善用Axure寫PRD，全面通用的移動(dòng)端產(chǎn)品規(guī)范V2.0

Axure如何生成適配手機(jī)屏幕的APP原型

如何把原型放到網(wǎng)絡(luò)上

如何在手機(jī)上完美體驗(yàn)Axure生成的APP原型

#專欄作家#

浪子，業(yè)務(wù)型PM，浪子PRD系列51prd.com，公眾號(hào)langzisay。

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