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

業務流程是產品設計的核心,如果連要實現什么目的、如何實現都沒搞清楚,那產品也沒啥意義了。至于是需要做業務流程圖、泳道圖、序列圖、頁面流程圖等,則根據不同項目產品實際情況, 關鍵是:要能看懂! 不少流程圖,洋洋灑灑幾大頁,不明覺厲,到需求評審的時候,解釋個流程都要花半天,就更別指望敬愛的程序猿能在開發的時候細看了。
頁面導航:

根據菜單或核心功能塊設置產品導航,我個人習慣再根據不同業務狀態區分頁面,這樣自己和開發都能比較清楚是在什么層級頁面、頁面目的等,這個看自己的習慣,能清楚表達功能結構即可。
內容與說明:

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


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