在金融行業(yè)中，大眾化的理財(cái)產(chǎn)品往往不能滿足高端客戶資產(chǎn)保值、增值的需求，為了做好這部分客戶的留存，投資機(jī)構(gòu)會(huì)根據(jù)客戶的投資需求，發(fā)行專屬的定制產(chǎn)品。在實(shí)際執(zhí)行時(shí)，一般是由客戶專屬的投資顧問代為發(fā)起定制需求，再由產(chǎn)品業(yè)務(wù)部門根據(jù)定制需求計(jì)劃性發(fā)行產(chǎn)品。這次帶來的就是定制需求設(shè)計(jì)實(shí)現(xiàn)的案例分享，一共分為兩個(gè)部分：產(chǎn)品設(shè)計(jì)思考、產(chǎn)品設(shè)計(jì)文檔。

第一部分：產(chǎn)品設(shè)計(jì)思考

整體來說，定制需求產(chǎn)品設(shè)計(jì)實(shí)現(xiàn)并不復(fù)雜，但是對(duì)于產(chǎn)品設(shè)計(jì)師而言，最終實(shí)現(xiàn)的設(shè)計(jì)方案是需要經(jīng)得起推敲、受得起質(zhì)疑的，所以，在產(chǎn)品設(shè)計(jì)時(shí)需要多思考為什么要這么做。第一部分主要分享這次需求設(shè)計(jì)過程中的一些思考，包括有4個(gè)點(diǎn)：還原真實(shí)場景、確保溝通有效、系統(tǒng)兼容性考慮、詳情展示設(shè)計(jì)探索。

1. 還原真實(shí)場景

投資顧問代客戶發(fā)起理財(cái)產(chǎn)品定制需求時(shí)，需要提供一些參考信息給到產(chǎn)品業(yè)務(wù)部門，例如客戶偏好的產(chǎn)品類型、能承受的產(chǎn)品風(fēng)險(xiǎn)、預(yù)計(jì)投入的資產(chǎn)、大概投入多少年、期望獲得的年化收益等。然而在真實(shí)的場景中，客戶的需求可能是比較模糊的，不同客戶自身的特性和需求也是不一致的。例如保守型A客戶會(huì)說“我現(xiàn)在有一筆資產(chǎn)，想做一個(gè)養(yǎng)老的規(guī)劃我想買一些保本類的產(chǎn)品”，激進(jìn)型B客戶會(huì)說“股票、基金沒意思，我對(duì)高端理財(cái)產(chǎn)品比較看好，期望能獲得20%左右的收益”。所以，填寫定制需求時(shí)，應(yīng)該給投資顧問更多的發(fā)揮空間，不能過于限定，體現(xiàn)在具體頁面中的做法就是：填寫表單時(shí)，只規(guī)定少量的必填項(xiàng)，其他都是選填項(xiàng)，務(wù)必提供一個(gè)可供自由發(fā)揮的多行文本框。

2. 確保溝通有效

投資顧問、產(chǎn)品業(yè)務(wù)部門人員，就定制需求采用的溝通方式是書面溝通（在系統(tǒng)中），要使得書面溝通有效，就需要盡可能地詳細(xì)說明需求，或者說，提供更多的資料。如果要求投資顧問花費(fèi)大量時(shí)間去詳盡填寫表單，用大段文字詳細(xì)描述需求，顯然不現(xiàn)實(shí)，我們可以考慮為投資顧問提供更便捷的提供資料的方式，例如上傳附件，因?yàn)橛袝r(shí)候一張截圖比一段文字更清晰易懂，也更有說服力。

此外，電話溝通、當(dāng)面溝通會(huì)比書面溝通來得更有效，在表單填寫時(shí)，可以選擇讓投資顧問留下自己的聯(lián)系方式，方便產(chǎn)品業(yè)務(wù)部門人員電話與其溝通。

3. 系統(tǒng)兼容性考慮

如果定制需求在移動(dòng)端也能發(fā)起和查看，就需要顧及移動(dòng)端和Web的兼容性，例如，在移動(dòng)端上傳、查看圖片會(huì)比較方便，但是上傳、查看其它格式例如PDF、Word、Excel等文件就沒那么方便了，所以，如果要考慮兼容移動(dòng)端，可以限制Web端也只能上傳圖片格式的附件，和移動(dòng)端的體驗(yàn)一致。

4. 詳情展示設(shè)計(jì)探索

通過前面的設(shè)計(jì)思考，表單填寫部分已經(jīng)沒問題了，下一個(gè)問題是如何把表單填寫的內(nèi)容展示給產(chǎn)品業(yè)務(wù)人員，也就是所謂的詳情頁面應(yīng)該如何展示。一種比較笨的方法是按照表單填寫頁面樣式禁用控件作為詳情頁展示，如果后臺(tái)系統(tǒng)開發(fā)趕工期，可以這么處理；如果時(shí)間充裕，還是需要考慮更優(yōu)的一些詳情頁面展示的方式。對(duì)比這里表單填寫的字段情況，字段長度和填寫的內(nèi)容有長有短，如果從上往下排列，在Web端就會(huì)顯得右側(cè)比較空，同時(shí)各行字段在對(duì)齊時(shí)會(huì)顯得參差不齊。在對(duì)比多種方案后，我們采用了用格子的形式把字段“圍起來”進(jìn)行展示的方案，對(duì)齊線依賴格子與格子之間的對(duì)齊。

為什么這樣設(shè)計(jì)？設(shè)計(jì)靈感來自把各式各樣的衣物整齊放到格子里面的樹脂衣柜，可能每個(gè)設(shè)計(jì)師給出詳情頁設(shè)計(jì)方案和理由都不一致，但是一定要有理論支撐，為什么需要這么做。

第二部分：產(chǎn)品設(shè)計(jì)文檔

經(jīng)過思考的步驟之后，下一步就是把想法轉(zhuǎn)化為原型和文檔，畢竟需要把設(shè)計(jì)思路傳達(dá)給其他團(tuán)隊(duì)成員，由于保密性的原因，這里給出其中一小部分產(chǎn)品設(shè)計(jì)文檔以供大家參考，包括需求和交互說明的一些信息。很多時(shí)候，我們不用太多拘泥于XX文檔模板，因?yàn)檫@些模板不是共性的，只需要把重點(diǎn)的內(nèi)容描述清楚和詳盡即可，而且要根據(jù)自己公司項(xiàng)目、團(tuán)隊(duì)習(xí)慣不斷改進(jìn)。

1. 需求概述

需求概述部分，可以就背景、角色場景、整體流程等方面進(jìn)行交代，方便文檔閱讀對(duì)象從宏觀上理解和把握你的產(chǎn)品設(shè)計(jì)意圖。

1.1 背景

在金融行業(yè)中，大眾化的理財(cái)產(chǎn)品往往不能滿足高端客戶資產(chǎn)保值、增值的需求，為了做好這部分客戶的留存，投資機(jī)構(gòu)會(huì)根據(jù)客戶的投資需求，發(fā)行專屬的定制產(chǎn)品。

1.2 角色場景

在產(chǎn)品定制過程中，一般是由客戶專屬的投資顧問代為發(fā)起定制需求，再由產(chǎn)品業(yè)務(wù)部門根據(jù)定制需求計(jì)劃性發(fā)行產(chǎn)品。

投資顧問：收集高端客戶提出的個(gè)性化理財(cái)需求，并且通過平臺(tái)填寫表單提交到產(chǎn)品業(yè)務(wù)部門。

產(chǎn)品業(yè)務(wù)部門人員：獲得投資顧問代客戶發(fā)起的理財(cái)定制需求，就需求進(jìn)行分析，給出答復(fù)意見，若可行，則需按照需求開發(fā)產(chǎn)品。

1.3 整體流程說明

1.4 狀態(tài)說明

定制需求單有兩種狀態(tài)，分別是：需求中，已處理。

• 需求中：投資顧問新發(fā)起產(chǎn)品定制需求，產(chǎn)品業(yè)務(wù)部門未處理。
• 已處理：產(chǎn)品業(yè)務(wù)部門人員給予明確的處理答復(fù)，并手動(dòng)將需求單關(guān)閉。

2. 功能說明

功能說明部分，需要給出細(xì)致的需求和交互說明，例如鏈接跳轉(zhuǎn)、字段說明、狀態(tài)變更時(shí)機(jī)等。

2.1 發(fā)起產(chǎn)品定制

在產(chǎn)品定制列表頁面，點(diǎn)擊“定制產(chǎn)品”按鈕，即可發(fā)起產(chǎn)品定制流程（在當(dāng)前頁面打開），投資顧問需要在定制需求單填寫如下字段供產(chǎn)品業(yè)務(wù)部門人員參考。

附件僅支持支持?jǐn)U展名: .jpg .png .pdf .doc .docx .xls .xlsx .rar .zip格式的文件，在彈框時(shí)，過濾/不可選其他格式文件。例如Mac OS系統(tǒng)下，上傳圖片時(shí)非圖片格式的文件是禁止選擇的。

此外，限制文件大小為20MB，若選擇上傳的文件大小超過20MB，則在選擇完畢進(jìn)行校驗(yàn)后，彈框提示“單個(gè)文件大小超過限制”。

附件上傳成功后，在下方展示相應(yīng)的附件名稱及擴(kuò)展名，可以點(diǎn)擊附件名稱后面的“X”刪除已上傳的附件。

因?yàn)槭潜韱翁顚戫撁?，所以在提交表單時(shí)，需要對(duì)表單的有效性進(jìn)行校驗(yàn)，帶有紅色*號(hào)的代表必填項(xiàng)，文本輸入框不限制輸入字符，當(dāng)必填項(xiàng)未填寫時(shí)，下方“提交”按鈕置灰展示。

點(diǎn)擊“提交”按鈕提交產(chǎn)品定制需求，提交成功后，記錄該需求單且把狀態(tài)變?yōu)椤靶枨笾小?，并在?dāng)前頁面彈出提交成功的提示彈框。點(diǎn)擊“我知道了”，關(guān)閉彈框，并在當(dāng)前頁面打開定制產(chǎn)品列表頁面。

2.2 查看并處理需求

產(chǎn)品業(yè)務(wù)部門人員收到定制需求后，可以進(jìn)入需求單詳情進(jìn)行查看，需求單詳情除了展示需求的內(nèi)容外，還增加處理記錄的展示，記錄產(chǎn)品業(yè)務(wù)部門對(duì)需求單的回復(fù)內(nèi)容以及回復(fù)時(shí)間。

產(chǎn)品業(yè)務(wù)部門明確定制產(chǎn)品需求處理結(jié)果時(shí)，可直接回復(fù)處理結(jié)果，帶有紅色*號(hào)的代表必填/必選項(xiàng)，文本輸入框不限制輸入字符，當(dāng)必填項(xiàng)未填寫時(shí)，下方“回復(fù)”按鈕同樣置灰展示。輸入回復(fù)內(nèi)容并回復(fù)成功后，在當(dāng)前頁面彈出回復(fù)成功的提示彈框。點(diǎn)擊“我知道了”，關(guān)閉彈框，刷新當(dāng)前頁面，增加一條處理記錄。

點(diǎn)擊“完成處理”按鈕可以關(guān)閉需求單，即更改需求單的狀態(tài)，若之前沒有任何回復(fù)記錄，則彈框提示需要先回復(fù)。點(diǎn)擊“我知道了”，關(guān)閉彈框。

若已回復(fù)過，點(diǎn)擊“完成處理”按鈕則彈出二次確認(rèn)提示。點(diǎn)擊確定后，需求單的狀態(tài)變?yōu)椤耙烟幚怼?，關(guān)閉彈框，并在當(dāng)前頁面打開管理列表頁。注意，“已處理”狀態(tài)的需求單，將不能再進(jìn)行回復(fù)操作，即需求單詳情處理需求模塊不可見。

3. 寫在最后

由于保密限制，第二部分設(shè)計(jì)文檔僅僅展示了其中一部分設(shè)計(jì)內(nèi)容，還有更多的一些狀態(tài)情景留待大家去總結(jié)和思考，例如需求單提交后，投資顧問是否可修改、撤回？產(chǎn)品業(yè)務(wù)部門完成定制產(chǎn)品后，是否可以將需求單直接關(guān)聯(lián)到產(chǎn)品的名稱和代碼？投資顧問只能單方面接受產(chǎn)品業(yè)務(wù)部門關(guān)于定制產(chǎn)品的回復(fù)意見，是否可以進(jìn)行雙向溝通？

作者：夜雨，高級(jí)交互設(shè)計(jì)師，專注金融行業(yè)-智能投顧方向，大部分時(shí)間在復(fù)雜后臺(tái)系統(tǒng)中遨游。簡書：夜雨y。

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

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