移動(dòng)APP設(shè)計(jì)入門(mén)級(jí):真實(shí)的前后端原型長(zhǎng)啥樣?
只會(huì)畫(huà)功能原型圖的不是產(chǎn)品經(jīng)理,不過(guò)產(chǎn)品經(jīng)理如果不會(huì)畫(huà)原型那戰(zhàn)斗力也是打了不少折扣,不僅僅因?yàn)樵褪菍?duì)功能展示上的設(shè)計(jì),更由于產(chǎn)品原型實(shí)際是用戶實(shí)際需求、業(yè)務(wù)流程、系統(tǒng)規(guī)范等多種過(guò)程產(chǎn)物的結(jié)晶。本文適合入門(mén)級(jí)的移動(dòng)端產(chǎn)品經(jīng)理,在思考、設(shè)計(jì)、制作客戶端及后臺(tái)原型時(shí)可做參考。
產(chǎn)品原型是產(chǎn)品的重要保密文檔,因此選取了一個(gè)目前已中止且相對(duì)簡(jiǎn)單的產(chǎn)品做介紹,便于剛?cè)腴T(mén)的初級(jí)產(chǎn)品經(jīng)理盡快上手。之后會(huì)陸續(xù)針對(duì)較為復(fù)雜,或是多插件APP進(jìn)行進(jìn)階型的產(chǎn)品設(shè)計(jì)說(shuō)明。
一、在做原型之前
需求調(diào)研、需求獲取、各種溝通、各種材料這里就不多說(shuō)了,產(chǎn)品設(shè)計(jì)相關(guān)文章或書(shū)籍一把一把的,大家可以主動(dòng)去看看。這里強(qiáng)調(diào)一點(diǎn):
用戶想要的,并非都是用戶需要的。
舉個(gè)栗子:用戶想要給單據(jù)加關(guān)鍵字,其實(shí)只是需要個(gè)標(biāo)簽分類;用戶要修改提交的內(nèi)容,其實(shí)有時(shí)候只是缺少草稿功能。抓準(zhǔn)用戶真實(shí)需求,才是設(shè)計(jì)過(guò)程中的首要。
所以,少年,請(qǐng)先不要急著打開(kāi)Axure。
二、原型長(zhǎng)什么樣?
原型內(nèi)容基本包括:流程圖、頁(yè)面展示、字段說(shuō)明、交互操作、規(guī)則說(shuō)明、特殊備注等。
業(yè)務(wù)流程圖:

業(yè)務(wù)流程是產(chǎn)品設(shè)計(jì)的核心,如果連要實(shí)現(xiàn)什么目的、如何實(shí)現(xiàn)都沒(méi)搞清楚,那產(chǎn)品也沒(méi)啥意義了。至于是需要做業(yè)務(wù)流程圖、泳道圖、序列圖、頁(yè)面流程圖等,則根據(jù)不同項(xiàng)目產(chǎn)品實(shí)際情況, 關(guān)鍵是:要能看懂! 不少流程圖,洋洋灑灑幾大頁(yè),不明覺(jué)厲,到需求評(píng)審的時(shí)候,解釋個(gè)流程都要花半天,就更別指望敬愛(ài)的程序猿能在開(kāi)發(fā)的時(shí)候細(xì)看了。
頁(yè)面導(dǎo)航:

根據(jù)菜單或核心功能塊設(shè)置產(chǎn)品導(dǎo)航,我個(gè)人習(xí)慣再根據(jù)不同業(yè)務(wù)狀態(tài)區(qū)分頁(yè)面,這樣自己和開(kāi)發(fā)都能比較清楚是在什么層級(jí)頁(yè)面、頁(yè)面目的等,這個(gè)看自己的習(xí)慣,能清楚表達(dá)功能結(jié)構(gòu)即可。
內(nèi)容與說(shuō)明:

比較簡(jiǎn)單的頁(yè)面,可直接在頁(yè)面上標(biāo)注內(nèi)容、條件、交互及具體說(shuō)明。如果是比較復(fù)雜的邏輯流程模塊,建議針對(duì)模塊,獨(dú)立設(shè)計(jì)流程圖、模塊全局說(shuō)明、規(guī)則描述、字段說(shuō)明等,這個(gè)會(huì)在后續(xù)針對(duì)較復(fù)雜流程的產(chǎn)品設(shè)計(jì)中細(xì)說(shuō)。
在這個(gè)過(guò)程中,當(dāng)你做完一個(gè)模塊的關(guān)聯(lián)頁(yè)面設(shè)計(jì),可以閉著眼睛在腦海中,模擬自己作為用戶在各個(gè)頁(yè)面上實(shí)際操作,可以幫助你發(fā)現(xiàn)并及時(shí)修改一些小問(wèn)題。
管理后臺(tái)設(shè)計(jì):
經(jīng)常看到有分享移動(dòng)端設(shè)計(jì)的文章,不過(guò)很少看到介紹移動(dòng)端的同時(shí)有提到后臺(tái)的,難道大家移動(dòng)端和管理后臺(tái)是不同的人設(shè)計(jì)的嗎?反正作為移動(dòng)產(chǎn)品經(jīng)理的本汪一直都是自己默默做后臺(tái)原型的(心酸臉)。


移動(dòng)APP的后端核心功能集中在 數(shù)據(jù)類或業(yè)務(wù)操作類 ,該APP主要功能是實(shí)現(xiàn)某類商城的在線訂購(gòu)、訂單售后等目的,而后端主要用戶是平臺(tái)運(yùn)營(yíng)人員,核心目標(biāo)是對(duì)前端訂單進(jìn)行操作,因此后端設(shè)計(jì)的重點(diǎn)就在于:
前端基礎(chǔ)數(shù)據(jù)配置
業(yè)務(wù)數(shù)據(jù)分類聚合
單據(jù)流轉(zhuǎn)處理(重點(diǎn))
用戶權(quán)限
報(bào)表分析
建議入門(mén)級(jí)的產(chǎn)品經(jīng)理同步多考慮后臺(tái)的實(shí)現(xiàn),對(duì)業(yè)務(wù)邏輯梳理很有好處。一般情況下我會(huì)先設(shè)計(jì)移動(dòng)端,然后再設(shè)計(jì)對(duì)應(yīng)管理后臺(tái),***再迭代調(diào)整以實(shí)現(xiàn)前后端業(yè)務(wù)打通順暢。
***的一些話:
產(chǎn)品原型其實(shí)只是用來(lái)表達(dá)自己設(shè)計(jì)想法的,即便沒(méi)有Axure,使用普通紙筆一樣可以拿出實(shí)用的產(chǎn)品原型圖(當(dāng)然能提高效率,何樂(lè)而不為?)。
多思考多練習(xí),一定沒(méi)壞處。
少喝“不明覺(jué)厲”的產(chǎn)品雞湯。要不就徹底弄懂它們?yōu)榧核?,不然若干年后可能?huì)有一種“聽(tīng)過(guò)很多道理,卻依然過(guò)不好這一生”的感覺(jué)。
產(chǎn)品經(jīng)理有時(shí)容易走上“雖然我什么都不會(huì),但其實(shí)我很牛逼”的歪路,乖,踏實(shí)些,好嗎?