年底了，很快又有一大波產(chǎn)品童鞋要從老坑去往新坑了，對于很多剛剛接觸產(chǎn)品的新人，在換一家很公司后往往不知道怎么下手，但是進(jìn)入一家新公司又想快速體現(xiàn)自己的價值，這些分享一下我個人換工作后如何快速熟悉現(xiàn)有公司產(chǎn)品的一些小經(jīng)驗(yàn)。

1. 業(yè)務(wù)流程圖

剛剛?cè)肼氁患倚鹿?，一般肯定是想快速提現(xiàn)自己的價值，讓公司知道招聘到自己真是一件賺到的事情，但是往往我們都是接著上個產(chǎn)品的鍋，不知道從何下手。

如果之前了解一點(diǎn)業(yè)務(wù)還好說，但是大部分時候我們做產(chǎn)品的工作很多時候都是一個領(lǐng)域橫跨另一個領(lǐng)域，很多之前了解的業(yè)務(wù)就完全用不上了，這個時候就需要重新去了解一個新的領(lǐng)域，怎么快速上手就很重要了。

我個人用的最快的方法就是搭建業(yè)務(wù)流程圖，在不完全了解業(yè)務(wù)的情況下，我想快速熟悉并且明確業(yè)務(wù)，上手開始畫流程是最快的方式。

以下是我剛接手一個客服報事系統(tǒng)的業(yè)務(wù)流程圖，先根據(jù)現(xiàn)有的功能把每個角色每個設(shè)備拆分，然后分析每個角色在使用每個設(shè)備時的操作步驟，在一步步向下進(jìn)務(wù)梳理，一直到業(yè)務(wù)走向閉環(huán)，把這個圖弄清楚，這個業(yè)務(wù)也就熟悉的差不多了。（像領(lǐng)導(dǎo)匯報熟悉程度時，有具體的結(jié)果會比純描述會好很多。）

業(yè)務(wù)流程圖除了幫助我們快速梳理現(xiàn)有業(yè)務(wù)外還有一個一個好處，就是幫助我們找到現(xiàn)有業(yè)務(wù)流程中的問題，方便我們后期對產(chǎn)品進(jìn)行迭代。

圖片比較大，因?yàn)樯婕暗慕巧€是挺多的，然后為了加深自己的理解，所以業(yè)務(wù)的細(xì)節(jié)也畫的比較多，這里圖我用的是Visio制作。

2. 功能清單

在根據(jù)業(yè)務(wù)流程圖梳理清楚需求之后，我們可以開始著手做一份功能清單（我用的是思維導(dǎo)圖，有些可能更喜歡用excel，這個看公司要求），這個清單上會記錄我們對現(xiàn)有產(chǎn)品的功能區(qū)分的理解，也是當(dāng)前公司產(chǎn)品的一覽圖，這個是對產(chǎn)品的功能模塊的梳理。

下面是我對客服系統(tǒng)梳理的一個思維導(dǎo)圖，根據(jù)在不同的設(shè)備，每個設(shè)備具有哪些模塊，每個模塊有哪些功能，一級一級展開，往下梳理，整個產(chǎn)品就會非常清晰。

這個清單可以快速定義要開發(fā)的功能模塊，以及每個模塊要滿足的基本需求。這個圖是用xmind的做的（公司要求統(tǒng)一），不過我個人比較喜歡用mindmanager。

3. 原型搭建

剛?cè)肼氁患夜?，如果公司對原型有?guī)范要求，那就按照要求去繪制這個還比較好，這里說的是公司對原型沒有要求，但是剛?cè)肼氝€是想表現(xiàn)一下自己，體現(xiàn)自己價值的時候，怕原型做的差了拉低印象分，做的特別復(fù)雜后期可能UI都讓自己包了，所以這個度就要把握好。

其實(shí)最簡單的我們把繪制原型的默認(rèn)字體換成微軟雅黑，這里也是個小技巧，我發(fā)現(xiàn)其他的字體在IE顯示會變形，然后保持所以字段表單對其，水平垂直距離一致原型基本都會很舒適，調(diào)整參照入下：

還有一點(diǎn)，我們在繪制原型的時候也會容易有一個誤區(qū)，那就是我們做線框圖很多時候可能都是說先把頁面上要有的功能全部鋪出來，具體的擺放，就想著還有UI，靠UI調(diào)整。但是這里會有一個不太好的地方，就是技術(shù)在研發(fā)的時候，原型圖和效果圖差距太大，導(dǎo)致對整個功能出現(xiàn)理解偏差的問題，真的是時有發(fā)生。

大一點(diǎn)的公司可能會專門設(shè)有UI交互師，會在這其中在做一次調(diào)整，但是當(dāng)前部分的情況是，要么是產(chǎn)品兼職了交互，要么是UI兼職了交互，更多的時候還是產(chǎn)品在做交互這個角色。所以我們在做原型的時候，也要更多的考慮產(chǎn)品的易用性。

下面以我做的一個原型以及我們UI出的原型為示例：

這個是我做的原型，公司對原型設(shè)計(jì)有要求色值以及一些規(guī)范，所以我們在制作的時候并沒有使用灰白框架。

這個是我們UI出的效果界面。

這里找了兩個比較布局簡單的頁面做示例，可以看出來在樣式分布上，我們都是基本一致的，這里有個好處就是，技術(shù)小哥哥們在開發(fā)的時候，對比查看的難度會降低很多，我們在設(shè)計(jì)上游如果把產(chǎn)品交互布局布置的有一定的合理性對下游的設(shè)計(jì)以及開發(fā)都會減少很多難度。

當(dāng)然這里也看公司的要求了，我們是因?yàn)楣驹诋a(chǎn)品上就要求的比較規(guī)范化了。這也有利于后期如果大家負(fù)責(zé)的應(yīng)用模塊需要整改起來的時候，風(fēng)格不會過分差異化。

4. 基本交互

原型頁面搭建完成之后，我們現(xiàn)在有一種主流思維就是不要做太多的交互化，但是我們剛?cè)肼毿鹿狙剑m當(dāng)?shù)慕换フ娴暮芗臃值?。而且從我個人的經(jīng)驗(yàn)來看，加了交互的原型在給客戶跟技術(shù)宣講時會比完全平鋪的原型要更加容易被接受。

這里說的交互不是說要完全高保真，是指一些基本的頁面調(diào)整，彈框樣式這些。做一個流程能達(dá)閉環(huán)是最好的。

簡單的交互可以加快快發(fā)以及設(shè)計(jì)人員對業(yè)務(wù)的理解。但是有一點(diǎn)確實(shí)，不要花太多的精力去研究交互，我們產(chǎn)品做得非常復(fù)雜非常炫酷的交互技術(shù)從性能考慮大部分都會被斃掉，所以基本的交互最好要有，但是過于復(fù)雜的就不要了。

下面是一個原型交互示例：

5. PRD文檔編寫

每個公司對于PRD文檔的編寫可能都是有自己的要求的，這里就針對那些剛?cè)腴T或者公司沒有要求的新手們推薦一種我個人用的比較多的方式，（我們公司不要求文檔用word編寫，所以我這里都是直接寫在文檔原型上的，以前我也是原型word分開寫，后來我發(fā)現(xiàn)技術(shù)大佬們根本不看文檔，吐血。）

可以參考下圖：

大致就是把拆分為幾個說明區(qū)域：

• 功能說明：簡要概括這個頁面要做的事情，方便技術(shù)人員快速理解這里的業(yè)務(wù)。
• 表單說明：對這個頁面的字段進(jìn)行說明。
• 交互說明：對這個頁面要有的交互進(jìn)行說明。

等等其他自己需要擴(kuò)展的說明，比如上文中有些頁面有新建操作，這個新建是個比較重要的組件，所以可以單獨(dú)拿出來做一個新建編輯說明。

這種方式就是會比較清楚明了的方便技術(shù)快速定位需要了解的說明，但是有一點(diǎn)就是頁面最好是保持在一屏下，不然頁面跟說明過于分散也不利于瀏覽。

以上，就是個人一些工作中小心得的分享。

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

題圖來自Unsplash，基于CC0協(xié)議