首頁技術(shù)文章正文

交互說明的撰寫方法

更新時(shí)間:2022-03-01 來源:黑馬程序員 瀏覽量:

  產(chǎn)品經(jīng)理經(jīng)常會遇到一種現(xiàn)象,看到標(biāo)題的時(shí)候,可能有朋友會納悶,我們領(lǐng)導(dǎo)沒讓寫交互說明啊,都是畫好原型,直接就交給開發(fā)或者UI了;或者,我們都是做高保真原型,沒寫啥交互說明之類的。

  但是,絕大多數(shù)的互聯(lián)網(wǎng)公司,對產(chǎn)品經(jīng)理的要求都是產(chǎn)出靜態(tài)原型,配有交互說明。交互說明是針對原型的進(jìn)一步解釋,是產(chǎn)品經(jīng)理的必備技能之一。如何才能寫好交互說明,有哪些注意事項(xiàng),我們在本文中跟大家一起探討下。

  很多時(shí)候,一些原型的交互效果如果做成動效,很難做,或者很費(fèi)時(shí)間。這個(gè)時(shí)候如果配上文字的說明就很容易看懂或者解決,比如后臺類的原型,表格的增刪改查、翻頁之類的;前臺類的原型,呼出鍵盤,鍵盤操作等。

  一般來說,交互說明建議包括以下兩個(gè)的部分:

  第一,頁面說明,這個(gè)頁面從哪里來,包含哪些模塊或者區(qū)域;

  第二,具體的原型規(guī)則說明,注意標(biāo)明是什么模塊的原型,以及對應(yīng)的所有解釋。

  看上去很簡單,這里面的注意事項(xiàng)我們也來聊一下:

  首先,交互說明要注意把規(guī)則寫完整,尤其是所有的異常狀態(tài)(是如何觸發(fā)、如何提醒的);以下圖的登錄頁為例:

  其次,很多同學(xué)都喜歡把交互說明一個(gè)個(gè)寫,看上去會有類似密集恐懼癥的效果;如下圖:

  那如果不這樣,我們可以怎么做呢?建議打個(gè)大括號,給區(qū)域命名就行了,統(tǒng)一寫該區(qū)域的交互說明;如下圖:

  再次,后臺的列表類交互說明,很多產(chǎn)品經(jīng)理容易忽略掉,關(guān)于列表取數(shù)和顯示規(guī)則的內(nèi)容;同時(shí),如果列表中的數(shù)據(jù)有不同的狀態(tài)或類型,需要注明所有的狀態(tài)有哪些,分別是如何得到的;如果有對應(yīng)的操作,分別有哪些操作,做了之后有什么效果,均需要進(jìn)行說明,必要的內(nèi)容給出原型。

  可能新手的產(chǎn)品經(jīng)理看到這里有點(diǎn)頭疼,這么多的異常和內(nèi)容,我寫不完整怎么辦?或者,我需要通過做什么,可以讓交互說明寫的更加完善?

  這里給大家提個(gè)建議,如果要寫好C端或者前臺類產(chǎn)品的交互說明,建議大家平時(shí)多體驗(yàn)產(chǎn)品,而且體驗(yàn)的時(shí)候要多體驗(yàn)它的異常流程;比如,讓輸入手機(jī)號和驗(yàn)證碼,我們可以故意輸錯(cuò),或者延遲輸入,看系統(tǒng)的反應(yīng);異常體驗(yàn)多了之后,大家就積累了很多的交互說明內(nèi)容。

  如果要寫好后臺類產(chǎn)品或者B端產(chǎn)品的交互說明,建議大家跟業(yè)務(wù)同事了解清楚所有的細(xì)節(jié)和字段信息,一定做好需求確認(rèn)。

  以上就是關(guān)于交互說明如何撰寫,以及里面的注意事項(xiàng)啦,希望對大家做產(chǎn)品有所幫助。

  傳智播客的產(chǎn)品經(jīng)理學(xué)科已經(jīng)開設(shè)3年多的時(shí)間,為各類互聯(lián)網(wǎng)公司培養(yǎng)了超過千名以上的優(yōu)秀產(chǎn)品經(jīng)理。不僅僅有各校區(qū)的線下面授班,還有針對在職人群的線上周末班,期待轉(zhuǎn)行、轉(zhuǎn)崗的你,還在猶豫什么,趕緊上車吧!

分享到:
在線咨詢 我要報(bào)名
和我們在線交談!