原型文檔,注意以下幾點(diǎn),與開(kāi)發(fā)合作才順利

0 評(píng)論 8331 瀏覽 23 收藏 9 分鐘

編輯導(dǎo)讀:寫(xiě)好原型文檔是產(chǎn)品經(jīng)理的一項(xiàng)基本功,因?yàn)闃I(yè)務(wù)和開(kāi)發(fā)都需要看懂原型文檔,所以原型文檔需要寫(xiě)得簡(jiǎn)單清晰。本文作者基于自身經(jīng)驗(yàn),分析原型文檔在書(shū)寫(xiě)時(shí)要注意的幾個(gè)點(diǎn),與你分享。

產(chǎn)品經(jīng)理在工作中離不開(kāi)原型文檔,原型文檔具有直觀性,讓業(yè)務(wù)和開(kāi)發(fā)都容易看懂。

通常業(yè)務(wù)更注重看原型里面的頁(yè)面,而開(kāi)發(fā)則更注重看文檔。

通常原型文檔還是開(kāi)發(fā)用的時(shí)間比較長(zhǎng),開(kāi)發(fā)在開(kāi)發(fā)過(guò)程還需要繼續(xù)使用原型文檔,充分理解自己要做的事情。

為了增加文檔的可讀性和理解性,以下內(nèi)容一定要寫(xiě)清楚,避免開(kāi)發(fā)不斷詢問(wèn)。

1. 交互動(dòng)效

交互動(dòng)效在頁(yè)面中很常見(jiàn),比如下拉、置頂、tab切換、彈層、浮層、hover等等,還有很多超贊的交互動(dòng)效,這里就不一一列出。所以對(duì)于產(chǎn)品需要的交互動(dòng)效要描述清楚,這樣前端才知道要做成什么樣。

舉例子:

從這張圖,可以看出是涉及到交互的地方就是月份選擇,需要描述清楚點(diǎn)擊出現(xiàn)還是hover出現(xiàn);采用統(tǒng)一下拉控件還是特殊做下拉效果。

而對(duì)于下拉列表中的內(nèi)容也需要描述清楚,從哪個(gè)月份開(kāi)始取值,今年還是去年,從哪個(gè)月份開(kāi)始。如果沒(méi)有將清楚,之后開(kāi)發(fā)還是需要詢問(wèn),后面也是要補(bǔ)充的。因?yàn)槟悴荒苤唤o開(kāi)發(fā)講了就行,如果PC端和H5端不同的開(kāi)始人員呢?測(cè)試也是需要按照這份文檔進(jìn)行測(cè)試,不清楚的模塊,測(cè)試無(wú)法測(cè)試。

可供參考描述如下:

2. 跳轉(zhuǎn)鏈接的位置及狀態(tài)

頁(yè)面中通常會(huì)有鏈接的位置,這是就需要清楚的將需要鏈接的位置單獨(dú)指明出來(lái)。如果需要鏈接有不同的狀態(tài)也需要單獨(dú)標(biāo)出。

舉例子:

這個(gè)頁(yè)面,如果什么都不寫(xiě),前端開(kāi)發(fā)很難知道到底需不需要鏈接,哪些地方需要鏈接,鏈接到哪個(gè)頁(yè)面,所以前端將無(wú)法工作。

這時(shí)需要清楚的寫(xiě)出:

車圖、車系名稱、銷量是否需要帶鏈接,是否需要hover態(tài)?Hover效果如何?當(dāng)然前端最喜歡的是直接告知參考哪個(gè)網(wǎng)頁(yè)的動(dòng)效。產(chǎn)品可以當(dāng)面溝通,也可以直接將參考網(wǎng)址鏈接復(fù)制到文檔說(shuō)明中。

這些都要寫(xiě)清楚,除非你不在效果。因?yàn)樽霰敬萎a(chǎn)品的時(shí)候,由于本人沒(méi)有寫(xiě)銷量需要帶鏈接,前端就沒(méi)有在銷量出帶鏈接,導(dǎo)致用戶只能通過(guò)車圖和車系名稱點(diǎn)擊進(jìn)入車系詳情,稍微靠近銷量就無(wú)法點(diǎn)擊跳轉(zhuǎn)。

3. 取值位置和取值邏輯要寫(xiě)清楚

頁(yè)面上會(huì)有很多圖片和文案,這是產(chǎn)品就需要寫(xiě)清楚,取值位置和取值邏輯。

舉例子:

這個(gè)頁(yè)面,如果不講清楚車圖取值位置和取值邏輯,開(kāi)發(fā)會(huì)把文檔給拍回來(lái)。

這個(gè)圖片的取值相對(duì)來(lái)說(shuō)比較復(fù)雜,首先要考慮圖片從哪里來(lái)了,因?yàn)檫@里是車型圖,由于公司圖片較少,會(huì)出現(xiàn)車型圖沒(méi)有的情況,而為了頁(yè)面展示的美觀,最好有圖。這是就會(huì)有很多中方案,比如沒(méi)圖就不展示空著;或者取主推車型;或者取車系封圖等等。這時(shí)候就需要產(chǎn)品經(jīng)理去權(quán)衡利弊給出合理的取值邏輯。

當(dāng)時(shí)出于準(zhǔn)確性以及滿足盡量有車圖的需求,給出的方案是:優(yōu)先車型圖片-主推車型車圖-車系封圖。

4. 涉及到算法的,給出計(jì)算公式

算法和計(jì)算公式一般是后端必要的。產(chǎn)品有時(shí)對(duì)后臺(tái)數(shù)據(jù)庫(kù)不是很熟悉,這是必須先熟悉,才能知道你想得到的結(jié)果是如何實(shí)現(xiàn)的。

尤其對(duì)于新項(xiàng)目,所有人都不清楚數(shù)據(jù)有哪些,要如何計(jì)算這些數(shù)據(jù)才能得到想要的結(jié)果。這是產(chǎn)品就需要通過(guò)自己的驗(yàn)證方法來(lái)得到一個(gè)合適的計(jì)算公式,然后寫(xiě)在文檔中,告知開(kāi)發(fā)。

計(jì)算公式有太多種方式,找到能得到自己目標(biāo)的方式即可。

5. 極限情況

極限情況多指正常情況之外的。其實(shí)在頁(yè)面設(shè)計(jì)中還蠻常見(jiàn),所以不要遺漏。有時(shí)候產(chǎn)品和開(kāi)發(fā)都忘記的極限情況,那么上線后就會(huì)造成頁(yè)面混亂,導(dǎo)致用戶體驗(yàn)變差。

常見(jiàn):文字過(guò)長(zhǎng)、圖片縮放、無(wú)內(nèi)容、報(bào)錯(cuò)等

文字過(guò)長(zhǎng)。比如下圖中品牌車系車型名稱一行放不下,就可以拆成兩行,當(dāng)兩行還是過(guò)多時(shí)就需要截?cái)嗷蛘咴黾印啊被蛘呃^續(xù)折行展示

無(wú)內(nèi)容。比如下圖中資訊無(wú)內(nèi)容,可以隱藏該模塊,或者做好無(wú)內(nèi)容的文案提醒。

6. 默認(rèn)值

默認(rèn)值指用戶第一次展開(kāi)打開(kāi)頁(yè)面展示的內(nèi)容,當(dāng)用戶登錄或者不登錄狀態(tài)下是否有變化,如果有變化,都需要單獨(dú)列出。

比如下圖中的表單,在用戶未登錄的時(shí)候,默認(rèn)值為提示語(yǔ),而在用戶登錄的時(shí)候,則姓名和手機(jī)號(hào)默認(rèn)值可以是用戶已經(jīng)填過(guò)的姓名和手機(jī)號(hào)。

默認(rèn)值的選擇,以方便用戶使用為目標(biāo)。

7. 不要只寫(xiě)前臺(tái)文檔,后臺(tái)也需要寫(xiě)的

如果涉及的內(nèi)容需要后臺(tái)開(kāi)發(fā)單獨(dú)的內(nèi)容,那么也要跟前臺(tái)一樣的邏輯,畫(huà)出原型,寫(xiě)說(shuō)明文檔。

并且在后臺(tái)的說(shuō)明文檔中文案最好與前臺(tái)一致,這樣開(kāi)發(fā)可以很清楚的知道后臺(tái)上傳的內(nèi)容在前臺(tái)對(duì)應(yīng)的內(nèi)容。如果文案不能保持統(tǒng)一,那么一定要單獨(dú)在后臺(tái)說(shuō)明文檔中,寫(xiě)清楚對(duì)應(yīng)的前臺(tái)展示。

8. 修改一定要進(jìn)行記錄

有些產(chǎn)品較為復(fù)雜,在開(kāi)發(fā)過(guò)程中才會(huì)發(fā)現(xiàn)問(wèn)題,就需要對(duì)原型進(jìn)行修改。為了讓大家清楚修改了什么,需要在原型的開(kāi)頭增加一個(gè)修改記錄,將每次修改的內(nèi)容寫(xiě)清楚,以及針對(duì)的頁(yè)面以及改后的版本后。在工作群中,將最新的修改記錄發(fā)給大家,同時(shí)附上最新的原型下載地址。

原型文檔注意點(diǎn)先整理這些,大家在工作需要不斷積累其他的經(jīng)驗(yàn),這樣才會(huì)讓文檔更適合開(kāi)發(fā)使用,合作起來(lái)才會(huì)更順利。

 

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

題圖來(lái)自?Unsplash,基于 CC0 協(xié)議

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